/* =========================================================
   REVISTA HEMICICLO
   CABECERA LIMPIA
   ========================================================= */


/* ---------------------------------------------------------
   BASE
   --------------------------------------------------------- */

.hemiciclo_header {
    width: 100%;
    background: #071d2b;
}

.hemiciclo_header_inner {
    position: relative;

    display: flex;
    align-items: center;

    max-width: 1200px;
    height: 125px;

    margin: 0 auto;
    padding: 0 28px;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   MARCAS
   --------------------------------------------------------- */

.hemiciclo_brands {
    display: flex;
    align-items: center;

    height: 100%;
    gap: 20px;
}


/* ---------------------------------------------------------
   LOGO ACADEMIA LEGISLATIVA
   --------------------------------------------------------- */

.hemiciclo_brand_academia {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    /*
     * Ancho fijo para impedir que Flexbox
     * reduzca el logo a 0 px.
     *
     * La línea divisoria se genera aquí
     * mediante border-right.
     */
    flex: 0 0 105px;

    width: 105px;
    min-width: 105px;
    height: 85px;

    margin: 0;
    padding: 0 18px 0 0;

    border-right: 1px solid rgba(255, 255, 255, 0.55);

    box-sizing: border-box;
}

.hemiciclo_brand_academia img {
    display: block !important;

    width: 85px !important;
    height: auto !important;

    max-width: 85px !important;
    max-height: 85px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* ---------------------------------------------------------
   SEPARADOR ANTIGUO
   ---------------------------------------------------------
   Ya NO se utiliza.
   La línea ahora pertenece al bloque de Academia.
   --------------------------------------------------------- */

.hemiciclo_brand_separator {
    display: none !important;
}


/* ---------------------------------------------------------
   LOGO REVISTA HEMICICLO
   --------------------------------------------------------- */

.hemiciclo_brand_revista {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    flex: 0 1 auto;

    width: auto;
    min-width: 0;

    margin: 0;
    padding: 0;
}

.hemiciclo_brand_revista img {
    display: block;

    width: auto;
    height: 82px;

    max-width: 330px;
    max-height: 82px;

    margin: 0;
    padding: 0;

    object-fit: contain;
    object-position: left center;
}


/* ---------------------------------------------------------
   USUARIO
   --------------------------------------------------------- */

.hemiciclo_user_nav {
    margin-left: auto;
    align-self: flex-start;

    padding-top: 16px;
}


/* ---------------------------------------------------------
   MENÚ PRINCIPAL
   --------------------------------------------------------- */

.hemiciclo_navigation {
    width: 100%;

    background: #071d2b;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.hemiciclo_navigation_inner {
    display: flex;
    align-items: center;

    max-width: 1200px;

    margin: 0 auto;
    padding: 0 28px;

    box-sizing: border-box;
}

.hemiciclo_primary_menu {
    flex: 1;
}

.hemiciclo_search {
    margin-left: auto;
}


/* ---------------------------------------------------------
   BOTÓN HAMBURGUESA
   ESCRITORIO
   --------------------------------------------------------- */

.hemiciclo_menu_toggle {
    display: none;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       CABECERA
       ----------------------------------------------------- */

    .hemiciclo_header_inner {
        display: flex;
        align-items: center;

        width: 100%;
        max-width: none;
        height: 105px;

        margin: 0;
        padding: 0 12px;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       BOTÓN HAMBURGUESA
       ----------------------------------------------------- */

    .hemiciclo_menu_toggle {
        display: block !important;

        position: relative !important;
        top: auto !important;
        left: auto !important;

        flex: 0 0 52px;

        width: 52px !important;
        height: 52px !important;

        margin: 0 10px 0 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       CONJUNTO DE LOGOS
       ----------------------------------------------------- */

    .hemiciclo_brands {
        display: flex;
        align-items: center;

        flex: 1;

        min-width: 0;
        height: 100%;

        gap: 8px;

        overflow: hidden;
    }


    /* -----------------------------------------------------
       ACADEMIA LEGISLATIVA
       ----------------------------------------------------- */

    .hemiciclo_brand_academia {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 0 0 94px;

        width: 94px;
        min-width: 94px;
        height: 82px;

        margin: 0;
        padding: 0 12px 0 0;

        border-right: 1px solid rgba(255, 255, 255, 0.55);

        box-sizing: border-box;
    }

    .hemiciclo_brand_academia img {
        display: block !important;

        width: 80px !important;
        height: auto !important;

        max-width: 80px !important;
        max-height: 78px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* -----------------------------------------------------
       SEPARADOR ANTIGUO
       ----------------------------------------------------- */

    .hemiciclo_brand_separator {
        display: none !important;
    }


    /* -----------------------------------------------------
       REVISTA HEMICICLO
       ----------------------------------------------------- */

    .hemiciclo_brand_revista {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 1;

        width: auto;
        min-width: 0;

        margin: 0;
        padding: 0;

        overflow: hidden;
    }

    .hemiciclo_brand_revista img {
        display: block;

        width: 100%;
        height: auto;

        max-width: 205px;
        max-height: 80px;

        margin: 0;
        padding: 0;

        object-fit: contain;
        object-position: left center;
    }


    /* -----------------------------------------------------
       USUARIO
       ----------------------------------------------------- */

    .hemiciclo_user_nav {
        display: none;
    }


    /* -----------------------------------------------------
       NAVEGACIÓN
       ----------------------------------------------------- */

    .hemiciclo_navigation {
        width: 100%;
    }

    .hemiciclo_navigation_inner {
        display: block;

        width: 100%;
        max-width: none;

        padding: 0 16px;

        box-sizing: border-box;
    }

    .hemiciclo_search {
        margin: 0;
    }
}


/* =========================================================
   CELULARES MUY ANGOSTOS
   ========================================================= */

@media (max-width: 390px) {

    .hemiciclo_header_inner {
        padding: 0 8px;
    }


    /* -----------------------------------------------------
       HAMBURGUESA
       ----------------------------------------------------- */

    .hemiciclo_menu_toggle {
        flex-basis: 46px;

        width: 46px !important;
        height: 46px !important;

        margin-right: 7px !important;
    }


    /* -----------------------------------------------------
       ACADEMIA
       ----------------------------------------------------- */

    .hemiciclo_brand_academia {
        flex: 0 0 84px;

        width: 84px;
        min-width: 84px;
        height: 76px;

        padding-right: 10px;

        border-right: 1px solid rgba(255, 255, 255, 0.55);
    }

    .hemiciclo_brand_academia img {
        width: 72px !important;

        max-width: 72px !important;
        max-height: 72px !important;
    }


    /* -----------------------------------------------------
       HEMICICLO
       ----------------------------------------------------- */

    .hemiciclo_brand_revista img {
        max-width: 185px;
        max-height: 74px;
    }
}