.elementor-511 .elementor-element.elementor-element-15c632e{--display:flex;}.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-08067f6 *//* --- Variables necesarias (si no las tienes definidas arriba) --- */
:root {
    --white: #ffffff;
    --footer-bg: #212559; /* Azul oscuro pizarra */
}

/* --- Footer CSS --- */
footer {
    background-color: var(--footer-bg);
    color: #cbd5e1; /* Gris claro para el texto */
    padding: 4rem 2rem 2rem 2rem; /* Espaciado interno generoso */
    text-align: center;
}

.footer-content {
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.footer-logo {
    font-size: 1.5rem;
    color: var(--white);
    font-weight: 700;
    margin-bottom: 1rem;
    display: block; /* Asegura que el logo ocupe su propia línea */
}

.company-details {
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

/* Estilos para los enlaces legales (Política, Términos, etc) */
.legal-links a {
    color: #cbd5e1;
    text-decoration: none; /* Quita el subrayado */
    margin: 0 10px; /* Espacio entre enlaces */
    font-size: 0.9rem;
    transition: color 0.3s;
}

.legal-links a:hover {
    color: var(--white); /* Se vuelve blanco al pasar el mouse */
}

/* Sección de Copyright y Disclaimer */
.copyright {
    border-top: 1px solid #334155; /* Línea divisoria sutil arriba */
    padding-top: 2rem;
    font-size: 0.85rem;
    opacity: 0.7; /* Ligeramente transparente para que no distraiga */
}
/* --- Estilos para la sección de Pagos --- */
.payment-info {
    margin: 2rem auto; /* Espacio arriba y abajo */
    padding: 1.5rem;
    max-width: 600px;
    background-color: rgba(255, 255, 255, 0.05); /* Fondo muy sutil */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Borde fino */
    border-radius: 8px;
    text-align: center;
}

.payment-info h4 {
    color: #ffffff;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Espacio entre icono y texto */
}

.payment-info p {
    font-size: 0.9rem;
    color: #94a3b8; /* Un gris un poco más claro para diferenciar */
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

/* Opcional: Hacer el icono del candado verde o azul */
.payment-info h4 i {
    color: #4ade80; /* Verde seguridad */
}/* End custom CSS */