.elementor-615 .elementor-element.elementor-element-5cf2d6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-b9008a5 *//* =====================================================
   ISKRA — BLOQUE 7
   MENÚ INSTITUCIONAL FINAL
   ===================================================== */

.iskra-menu-final {
    width: 100%;
    background: #080d0f;
    color: #eee5d6;
    box-sizing: border-box;
}


/* =====================================================
   CONTENEDOR PRINCIPAL
   ===================================================== */

.iskra-menu-inner {
    width: 92%;
    max-width: 1450px;
    margin: 0 auto;

    min-height: 150px;

    display: grid;

    grid-template-columns:
        2.4fr
        1fr
        1fr
        1fr
        1fr
        .9fr;

    align-items: center;

    column-gap: 38px;

    padding: 30px 0;
}


/* =====================================================
   IDENTIDAD
   ===================================================== */

.iskra-menu-brand {
    display: flex;
    align-items: center;
    gap: 18px;
}

.iskra-menu-brand img {
    width: 70px;
    height: 70px;

    object-fit: contain;

    display: block;
}


.iskra-brand-text {
    display: flex;
    flex-direction: column;
    gap: 9px;
}


.iskra-brand-text strong {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 11px;
    line-height: 1.15;

    letter-spacing: .6px;

    color: #d99c60;
}


.iskra-brand-text span {
    font-family: Arial, sans-serif;

    font-size: 10px;
    line-height: 1.4;

    color: #d7cec0;
}


/* =====================================================
   COLUMNAS DEL MENÚ
   ===================================================== */

.iskra-menu-column {
    display: flex;
    flex-direction: column;

    gap: 5px;
}


.iskra-menu-column h4,
.iskra-menu-social h4 {

    margin: 0 0 8px;

    font-family: Arial, sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1px;

    color: #d99c60;
}


.iskra-menu-column a {

    width: fit-content;

    font-family: Arial, sans-serif;

    font-size: 10px;
    line-height: 1.35;

    color: #d8d0c4;

    text-decoration: none;

    transition:
        color .2s ease,
        transform .2s ease;
}


.iskra-menu-column a:hover {

    color: #d99c60;

    transform: translateX(2px);
}


/* =====================================================
   REDES
   ===================================================== */

.iskra-menu-social {

    padding-left: 22px;

    border-left:
        1px solid rgba(217,156,96,.28);
}


.iskra-social {

    display: flex;

    align-items: center;

    gap: 9px;
}


.iskra-social a {

    width: 34px;
    height: 34px;

    display: flex;

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

    border:
        1px solid rgba(217,156,96,.55);

    border-radius: 50%;

    color: #d99c60;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 14px;

    transition:
        background .2s ease,
        color .2s ease;
}


.iskra-social a:hover {

    background: #d99c60;

    color: #080d0f;
}


/* =====================================================
   COPYRIGHT
   ===================================================== */

.iskra-copyright {

    border-top:
        1px solid rgba(217,156,96,.18);

    padding:
        12px 20px 14px;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: .3px;

    color: #8e8982;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1050px) {

    .iskra-menu-inner {

        grid-template-columns:
            2fr 1fr 1fr 1fr;

        gap: 28px;

    }

    .iskra-menu-brand {

        grid-column: span 2;

    }

    .iskra-menu-social {

        border-left: none;

        padding-left: 0;

    }

}


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

@media (max-width: 650px) {

    .iskra-menu-inner {

        width: 88%;

        grid-template-columns: 1fr 1fr;

        gap: 30px 20px;

        padding: 35px 0;

    }


    .iskra-menu-brand {

        grid-column: span 2;

    }


    .iskra-menu-social {

        grid-column: span 2;

    }


    .iskra-menu-brand img {

        width: 58px;
        height: 58px;

    }


    .iskra-brand-text strong {

        font-size: 10px;

    }

}/* End custom CSS */