.elementor-1093 .elementor-element.elementor-element-ae22262{--display:flex;}/* Start custom CSS for html, class: .elementor-element-852d9ff *//* ============================================================
   SOLUCIÓN DE COLUMNAS Y VISIBILIDAD (Sustituye el anterior)
   ============================================================ */

/* 1. REPARAR TEXTO INVISIBLE Y REVEAL */
.reveal {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    display: block !important;
}

/* 2. FORZAR 4 COLUMNAS EN ORDENADOR */
@media (min-width: 1024px) {
    .stats-grid-4 {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr !important; /* 4 columnas reales */
        gap: 20px !important;
        width: 100% !important;
    }
    
    .grid-3-cols {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important; /* 3 columnas reales */
        gap: 30px !important;
    }
}

/* 3. DISEÑO DE TARJETAS DE ESPECIALIDAD (4 COLS) */
.stat-item-premium {
    background: white;
    padding: 30px;
    border: 1px solid var(--gris-piedra);
    border-top: 4px solid var(--oro-viejo);
    text-align: center;
    transition: var(--transicion);
}

.stat-item-premium:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.stat-icon { font-size: 2.5rem; margin-bottom: 15px; }

/* 4. REPARAR HERO Y COLORES */
.hero-familia {
    background: linear-gradient(rgba(27, 38, 59, 0.9), rgba(27, 38, 59, 0.95)), 
                url('https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=1350&q=80') !important;
    color: white !important;
}

.hero-familia h1, .hero-familia p { color: white !important; }

/* 5. DISEÑO DE ACORDEÓN (8 PREGUNTAS) */
.accordion-premium details {
    background: white;
    border: 1px solid var(--gris-piedra);
    margin-bottom: 10px;
    text-align: left;
}

.accordion-premium summary {
    padding: 20px;
    font-weight: 700;
    cursor: pointer;
    color: var(--azul-medianoche);
    list-style: none;
}

/* 6. RESPONSIVE MÓVIL (Todo a 1 columna) */
@media (max-width: 768px) {
    .stats-grid-4, .grid-3-cols {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */