/* =========================================================
   SHARK INVERSIONES - HEADER GLOBAL
   ========================================================= */

.shark-global-header{
    position:relative;
    z-index:1000;

    width:100%;

    background:#ffffff;

    border-bottom:
        1px solid
        #eceef2;

    font-family:
        "Source Sans Pro",
        Arial,
        sans-serif;
}

.shark-global-header-inner{
    width:min(
        1180px,
        calc(100% - 42px)
    );

    min-height:88px;

    margin:0 auto;

    display:flex;

    align-items:center;

    gap:28px;
}


/* LOGO */

.shark-global-logo{
    display:flex;

    flex:0 0 auto;

    align-items:center;

    text-decoration:none;
}

.shark-global-logo img{
    display:block;

    width:230px;

    max-width:230px;

    height:auto;
}


/* NAVEGACION */

.shark-global-nav{
    display:flex;

    align-items:center;

    gap:8px;

    margin-left:auto;
}

.shark-global-nav a{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:38px;

    padding:
        0 13px;

    border-radius:7px;

    color:#16213b;

    background:transparent;

    font-size:16px;

    font-weight:400;

    line-height:1;

    letter-spacing:.045em;

    text-decoration:none;

    transition:
        background-color .15s ease,
        color .15s ease;
}


/* HOVER */

.shark-global-nav a:hover{
    background:#f2f4fb;

    color:#262a7a;
}


/* PAGINA ACTIVA */

.shark-global-nav a.active{
    background:#e9edff;

    color:#262a7a;

    font-weight:600;
}


/* CTA */

.shark-global-call{
    display:inline-flex;

    min-height:40px;

    align-items:center;

    justify-content:center;

    padding:
        0 18px;

    margin-left:12px;

    border-radius:5px;

    background:#2176ff;

    color:#ffffff !important;

    font-size:14px;

    font-weight:600;

    letter-spacing:.045em;

    text-decoration:none;

    white-space:nowrap;

    transition:
        background-color .15s ease,
        transform .15s ease;
}

.shark-global-call:hover{
    background:#1468ed;

    transform:
        translateY(-1px);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

    .shark-global-nav{
        display:none;
    }

    .shark-global-call{
        margin-left:auto;
    }
}


@media(max-width:700px){

    .shark-global-header-inner{
        width:
            calc(100% - 24px);

        min-height:72px;

        gap:14px;
    }

    .shark-global-logo img{
        width:170px;

        max-width:170px;
    }

    .shark-global-call{
        min-height:38px;

        padding:
            0 12px;

        font-size:11px;
    }
}


/* =========================================================
   SHARK HEADER V2
   AISLAMIENTO TOTAL DEL CSS DE CADA PAGINA
   ========================================================= */

/*
 * Cargamos exactamente Source Sans Pro desde el propio
 * WordPress, para que todas las herramientas usen
 * la misma fuente independientemente de su CSS interno.
 */

.shark-global-header,
.shark-global-header *,
.shark-global-header *::before,
.shark-global-header *::after{
    box-sizing:border-box;
}


/* HEADER */

.shark-global-header{
    font-family:
        "Source Sans Pro",
        sans-serif !important;

    font-size:16px !important;

    line-height:1 !important;

    text-transform:none !important;
}


/* CONTENEDOR */

.shark-global-header .shark-global-header-inner{
    width:min(1180px,calc(100% - 42px)) !important;

    min-height:88px !important;

    margin:0 auto !important;

    padding:0 !important;

    display:flex !important;

    align-items:center !important;

    gap:28px !important;
}


/* LOGO */

.shark-global-header .shark-global-logo{
    display:flex !important;

    align-items:center !important;

    flex:0 0 auto !important;

    margin:0 !important;

    padding:0 !important;

    border:0 !important;

    background:none !important;

    text-decoration:none !important;
}

.shark-global-header .shark-global-logo img{
    display:block !important;

    width:230px !important;

    max-width:230px !important;

    height:auto !important;

    max-height:none !important;

    margin:0 !important;

    padding:0 !important;

    border:0 !important;
}


/* NAVEGACION */

.shark-global-header .shark-global-nav{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    margin:0 0 0 auto !important;

    padding:0 !important;
}


/* MUY IMPORTANTE:
   anulamos cualquier estilo heredado de Estrategias,
   Resultados o Planificador.
 */

.shark-global-header .shark-global-nav a{
    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:38px !important;

    margin:0 !important;

    padding:0 13px !important;

    border:0 !important;

    border-radius:7px !important;

    background:transparent !important;

    color:#16213b !important;

    font-family:
        "Source Sans Pro",
        sans-serif !important;

    font-size:16px !important;

    font-style:normal !important;

    font-weight:400 !important;

    line-height:38px !important;

    letter-spacing:.045em !important;

    text-align:center !important;

    text-decoration:none !important;

    text-transform:none !important;

    box-shadow:none !important;
}


.shark-global-header .shark-global-nav a:hover{
    background:#f2f4fb !important;

    color:#262a7a !important;
}


.shark-global-header .shark-global-nav a.active{
    background:#e9edff !important;

    color:#262a7a !important;

    font-weight:600 !important;
}


/* CTA RESERVAR LLAMADA */

.shark-global-header .shark-global-call{
    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:40px !important;

    margin:0 0 0 12px !important;

    padding:0 18px !important;

    border:0 !important;

    border-radius:5px !important;

    background:#2176ff !important;

    color:#ffffff !important;

    font-family:
        "Source Sans Pro",
        sans-serif !important;

    font-size:14px !important;

    font-style:normal !important;

    font-weight:600 !important;

    line-height:40px !important;

    letter-spacing:.045em !important;

    text-decoration:none !important;

    text-transform:none !important;

    white-space:nowrap !important;

    box-shadow:none !important;
}


.shark-global-header .shark-global-call:hover{
    background:#1468ed !important;

    color:#ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px){

    .shark-global-header .shark-global-nav{
        display:none !important;
    }

    .shark-global-header .shark-global-call{
        margin-left:auto !important;
    }
}


@media(max-width:700px){

    .shark-global-header .shark-global-header-inner{
        width:calc(100% - 24px) !important;

        min-height:72px !important;
    }

    .shark-global-header .shark-global-logo img{
        width:170px !important;

        max-width:170px !important;
    }

    .shark-global-header .shark-global-call{
        min-height:38px !important;

        padding:0 12px !important;

        font-size:11px !important;

        line-height:38px !important;
    }
}


/* =========================================================
   SHARK HEADER V3 - NORMALIZACION FINAL
   ========================================================= */

.shark-global-header{
    font-family:"Source Sans Pro",sans-serif !important;
}

.shark-global-header .shark-global-nav a{
    font-family:"Source Sans Pro",sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:38px !important;
    letter-spacing:.045em !important;
}

.shark-global-header .shark-global-nav a.active{
    font-family:"Source Sans Pro",sans-serif !important;
    font-size:16px !important;
    font-weight:600 !important;
}

.shark-global-header .shark-global-call{
    font-family:"Source Sans Pro",sans-serif !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:40px !important;
}

.shark-global-header .shark-global-logo img{
    width:230px !important;
    height:auto !important;
}

.shark-global-header .shark-global-header-inner{
    min-height:88px !important;
}


/* =========================================================
   SHARK HEADER V4
   WHATSAPP ALINEADO CON EL RESTO DEL MENU
   ========================================================= */

.shark-header a[href*="wa.me"],
.shark-header-nav a[href*="wa.me"],
header a[href*="wa.me"]{
  margin-left:0 !important;
}


.shark-header nav,
.shark-header-nav{
  column-gap:6px !important;
}


.shark-header a[href*="wa.me"],
.shark-header-nav a[href*="wa.me"]{
  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:7px !important;
}


.shark-header-wa-icon{
  width:17px;

  height:17px;

  display:inline-flex;

  flex:0 0 17px;
}


.shark-header-wa-icon svg{
  display:block;

  width:100%;

  height:100%;
}


/* =========================================================
   SHARK HEADER V6
   CONTACTO FINAL
   ========================================================= */

.shark-global-header .shark-global-header-inner{
    gap:24px !important;
}


.shark-global-header .shark-global-nav{
    gap:8px !important;
}


.shark-global-header .shark-global-call{
    margin-left:4px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:0 !important;
}


.shark-global-header .shark-header-wa-icon{
    display:none !important;
}


@media(max-width:900px){

    .shark-global-header .shark-global-call{
        margin-left:auto !important;
    }

}



/* =========================================================
   SHARK_MOBILE_MENU_CSS_V1
   Navegación responsive compartida
   ========================================================= */

/* En escritorio el contenedor no altera el layout. */

.shark-global-header .shark-mobile-actions{
    display:contents;
}

.shark-global-header .shark-mobile-toggle{
    display:none !important;
}

@media (max-width:900px){

    .shark-global-header{
        position:relative !important;
        z-index:10000 !important;
    }

    .shark-global-header .shark-global-header-inner{
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
    }

    .shark-global-header .shark-global-logo{
        margin:0 !important;
        flex:0 1 auto !important;
        min-width:0 !important;
    }

    .shark-global-header .shark-mobile-actions{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:8px !important;
        margin-left:auto !important;
        flex:0 0 auto !important;
    }

    .shark-global-header .shark-mobile-toggle{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 44px !important;
        width:44px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        border:1px solid #d7dfeb !important;
        border-radius:8px !important;
        background:#ffffff !important;
        color:#202963 !important;
        font-family:Arial,sans-serif !important;
        font-size:25px !important;
        line-height:1 !important;
        cursor:pointer !important;
    }

    .shark-global-header .shark-mobile-toggle:focus-visible{
        outline:2px solid #2176ff !important;
        outline-offset:3px !important;
    }

    .shark-global-header .shark-mobile-actions .shark-global-call{
        margin:0 !important;
        flex-shrink:0 !important;
    }

    .shark-global-header .shark-global-nav{
        display:none !important;
    }

    .shark-global-header.shark-menu-open .shark-global-nav{
        display:flex !important;
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:0 !important;
        z-index:10001 !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;
        margin:0 !important;
        padding:10px !important;
        background:#ffffff !important;
        border:1px solid #e0e6f0 !important;
        border-radius:0 0 12px 12px !important;
        box-shadow:0 12px 24px rgba(0,0,0,.12) !important;
    }

    .shark-global-header.shark-menu-open .shark-global-nav a{
        display:flex !important;
        width:100% !important;
        min-height:44px !important;
        height:auto !important;
        justify-content:flex-start !important;
        margin:0 !important;
        padding:12px 16px !important;
        text-align:left !important;
        color:#202963 !important;
        line-height:1.4 !important;
        text-decoration:none !important;
    }

}

@media (max-width:380px){

    .shark-global-header .shark-global-logo img{
        width:min(34vw,130px) !important;
        max-width:130px !important;
    }

    .shark-global-header .shark-mobile-actions{
        gap:6px !important;
    }

    .shark-global-header .shark-mobile-actions .shark-global-call{
        padding:0 8px !important;
        font-size:10px !important;
    }

}