/* ==========================================
   FAMILIA: MYRIAD PRO
   ========================================== */

/* Regular / Normal */
@font-face {
    font-family: 'Myriad_Pro';
    src: url('../fonts/myriadpro_regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.Myriad_Pro
{
    font-family: 'Myriad_Pro';
}

@font-face {
    font-family: 'Myriad_Pro_Bold';
    src: url('../fonts/myriadpro_bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Semibold */
@font-face {
    font-family: 'Myriad_Pro_Semi_Bold';
    src: url('../fonts/myriadpro_semibold.ttf') format('truetype');
    font-weight: 600; /* Semibold equivale a 600 */
    font-style: normal;
    font-display: swap;
}

/* Bold Condensed */
@font-face {
    font-family: 'Myriad_Pro_Bold_Cond';
    src: url('../fonts/myriadpro_boldcond.otf') format('opentype');
    font-weight: bold;       /* O 700 */
    font-stretch: condensed; /* Indica que es una versión condensada */
    font-style: normal;
    font-display: swap;
}

/* ==========================================
   FAMILIA: NUNITO
   ========================================== */

/* Nunito Bold */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito_bold.ttf') format('truetype');
    font-weight: bold;       /* O 700 */
    font-style: normal;
    font-display: swap;
}

/* ==========================================
   FAMILIA: OPTIMA
   ========================================== */

/* Optima Regular */
@font-face {
    font-family: 'Optima';
    src: url('../fonts/optima.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#sp-footer .container-inner 
{
    padding:10px 0 !important;
    border-top:0px solid rgba(255,255,255,.1)
}

.pie3
{
    text-align: right !important;
}

body
{
    background: #e5eeef !important;
    font-family: 'Myriad_Pro' !important;
}

h1
{
    font-family: 'Myriad_Pro_Bold_Cond' !important;
}


h2
{
    font-family: 'Myriad_Pro_Bold_Cond' !important;
}

h3
{
    font-family: 'Myriad_Pro_Bold_Cond' !important;
}

h4
{
    font-family: 'Myriad_Pro' !important;
}

h5
{
    font-family: 'Myriad_Pro' !important;
}

.body-innerwrapper
{
    background: #ffffff !important;
}

#sp-header
{
    background: #004a52 !important;
}

.banner-titulo {
    font-family: 'Myriad_Pro', sans-serif;
    color: #ffffff; /* Color blanco del texto */
    line-height: 1.1; /* Ajusta el espacio entre líneas para que quede compacto */
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); /* Un toque de sombra para que resalte sobre el fondo */
}

/* Primera y tercera línea (Más estilizadas/condensadas) */
.linea-delgada {
    display: block;
    font-weight: bold; 
    font-stretch: condensed; /* Usa el archivo myriadpro_boldcond.otf */
    font-family: 'Myriad_Pro';
}

/* Segunda línea (La que resalta con más grosor) */
.linea-gruesa {
    display: block;
    font-weight: bold; /* Usa el archivo myriadpro_bold.otf de tu primera consulta */
    font-family: 'Myriad_Pro_Bold';
}

.sp-menu-item a
{
    color:#ffffff !important;
    font-family: 'Myriad_Pro' !important;
    font-size:18px !important;
}

.bordecoral
{
    border:2px solid #000000;
}

img.cien 
{
    width:100% !important;
}

.sombra
{
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}