.elementor-38 .elementor-element.elementor-element-02b6b51{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-02b6b51:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-02b6b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#263064;}.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-81c2042 *//* ==========================================================================
   ESTILOS GENERALES DEL PIE DE PÁGINA
   ========================================================================== */
.na-footer {
    width: 100%;
    font-family: sans-serif;
    box-sizing: border-box;
}

/* Contenedor de alineación interna */
.na-footer-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

/* --------------------------------------------------------------------------
   BLOQUE SUPERIOR: ZONA CLARA (Logo y Menú)
   -------------------------------------------------------------------------- */
.na-footer-top {
    background-color: #ffffff; /* Fondo blanco para cuidar el logo */
    padding: 35px 0;
    border-top: 1px solid #e2e8f0; /* Línea divisoria superior muy sutil */
}

.na-footer-logo img {
    max-height: 45px;
    width: auto;
    display: block;
}

.na-footer-links {
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.na-footer-links a {
    color: #263064; /* Azul corporativo para los enlaces */
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: color 0.2s ease;
}

.na-footer-links a:hover {
    color: #218838; /* Cambio a verde en hover */
}

/* --------------------------------------------------------------------------
   BLOQUE INFERIOR: ZONA OSCURA (Créditos y Copyright)
   -------------------------------------------------------------------------- */
.na-footer-bottom {
    background-color: #263064; /* Azul corporativo sólido */
    color: #cbd5e1; /* Gris claro de alta lectura */
    padding: 22px 0;
    font-size: 13px;
}

.na-footer-bottom a {
    color: #ffffff; /* Blanco puro para bt Creative Lab */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s ease;
}

.na-footer-bottom a:hover {
    color: #ffff; /* Tu firma brilla en verde al pasar el cursor */
}


/* ==========================================================================
   ADAPTACIÓN MÓVIL OPTIMIZADA (Celulares)
   ========================================================================== */
@media (max-width: 767px) {
    
    /* Fuerza a que los elementos se apilen de forma vertical y centrada */
    .na-footer-top .na-footer-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 25px !important;
    }

    .na-footer-logo img {
        margin: 0 auto !important; /* Centra el logo en la pantalla */
    }

    .na-footer-links {
        flex-direction: column !important;
        gap: 16px !important;
    }

    /* Ajuste del bloque de créditos en celular */
    .na-footer-bottom .na-footer-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }
}/* End custom CSS */