.elementor-253 .elementor-element.elementor-element-54b3f59{--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-253 .elementor-element.elementor-element-b5922f8{--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-2344b6b *//* Contenedor principal con flexbox para alinear los 5 elementos */
.info-features-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 30px 15px;
    background-color: #ffffff; /* Fondo blanco de la sección */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

/* Cada tarjeta informativa */
.feature-item {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 200px;
    gap: 15px;
}

/* Caja azul con degradado para el icono */
.feature-icon-box {
    width: 55px;
    height: 55px;
    min-width: 55px; /* Evita que se deforme */
    background: linear-gradient(135deg, #0076ce 0%, #0099e5 100%);
    border-radius: 14px; /* Bordes redondeados exactos */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0, 118, 206, 0.15);
}

/* Estilo del icono interno */
.feature-icon-box i {
    color: #ffffff;
    font-size: 22px;
}

/* Estructura del texto */
.feature-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Títulos en negrita oscura */
.feature-text h3 {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 700;
    color: #002347; /* Azul marino oscuro */
    line-height: 1.2;
}

/* Subtítulos/Descripciones en gris */
.feature-text p {
    margin: 0;
    font-size: 13px;
    color: #6c7a89; /* Gris suave */
    line-height: 1.4;
}

/* --- Adaptación para Móviles y Tablets --- */
@media (max-width: 1024px) {
    .info-features-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
    .feature-item {
        flex: float;
        width: 45%; /* Se ponen de a dos en tablets */
    }
}

@media (max-width: 600px) {
    .feature-item {
        width: 100%; /* Un elemento por fila en móviles */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9387175 */.cendra-footer {
    display: grid;
    grid-template-columns: 1fr 1.8fr 1.1fr;
    gap: 24px; /* Espacio entre columnas muy reducido */
    background: #F5F6F8;
    padding: 25px; /* Menos relleno general del contenedor */
    font-family: Arial, sans-serif;
}

/* LOGO */
.cendra-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.logo-box {
    width: 26px; /* Caja del logo más pequeña */
    height: 26px;
    background: #0057B8;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 12px; /* Letra interna reducida */
}

.logo-name {
    color: #0057B8;
    font-size: 14px; /* Nombre de la marca bajado a 14px */
    font-weight: 700;
    letter-spacing: 0.3px;
}

.brand-text {
    color: #667085;
    line-height: 1.5;
    margin-bottom: 12px;
    font-size: 11px; /* Bajó de 13px a 11px */
}

/* REDES */
.social-icons {
    display: flex;
    gap: 6px;
}

.social-icons a {
    width: 26px; /* Círculos de redes más pequeños */
    height: 26px;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #0057B8;
    font-size: 11px; /* Iconos internos reducidos */
    transition: .3s;
}

.social-icons a:hover {
    background: #0057B8;
    color: white;
}

/* COLUMNAS CENTRALES */
.footer-links {
    display: flex;
    gap: 30px;
}

.footer-column h4 {
    color: #111827;
    font-size: 11px; /* Títulos bajados a 11px */
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}

.footer-column a {
    display: block;
    text-decoration: none;
    color: #667085;
    margin-bottom: 4px; /* Enlaces más juntos verticalmente */
    transition: .3s;
    font-size: 11px; /* Enlaces bajados de 13px a 11px */
}

.footer-column a:hover {
    color: #0057B8;
}

/* NEWSLETTER */
.newsletter h4 {
    color: #111827;
    font-size: 11px; /* Título bajado a 11px */
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}

.newsletter p {
    color: #667085;
    line-height: 1.4;
    margin-bottom: 10px;
    font-size: 11px; /* Texto descriptivo bajado a 11px */
}

.newsletter-form {
    display: flex;
    margin-bottom: 15px;
}

.newsletter-form input {
    flex: 1;
    height: 34px; /* Barra de búsqueda más delgada */
    border: none;
    background: white;
    padding: 0 12px;
    border-radius: 4px 0 0 4px; /* Esquinas ligeramente más rectas para estilo limpio */
    outline: none;
    font-size: 11px;
}

.newsletter-form button {
    background: #0057B8;
    color: white;
    border: none;
    padding: 0 12px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
}

.newsletter-form button:hover {
    background: #00469A;
}

.divider {
    height: 1px;
    background: #E5E7EB;
    margin-bottom: 10px;
}

/* CONTACTO (DERECHA INFERIOR) */
.contact-info h5 {
    color: #111827;
    font-size: 12px; /* Título secundario bajado a 12px */
    margin-bottom: 6px;
}

.contact-info a {
    display: block;
    text-decoration: none;
    color: #667085;
    margin-bottom: 3px;
    font-size: 10px; /* Datos de contacto específicos bajados a 10px */
    transition: .3s;
}

.contact-info a:hover {
    color: #0057B8;
}

.contact-info i {
    width: 14px;
    color: #0057B8;
    font-size: 10px;
}

/* RESPONSIVE */
@media(max-width: 1024px) {
    .cendra-footer {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 15px;
    }

    .footer-links {
        gap: 20px;
    }
}/* End custom CSS */