.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Colores dinámicos de bloques (Admin → Editar bloque) - debe cargar después del tema */
.tech-card[style*="--block-title-color"] h4 { color: var(--block-title-color) !important; }
.tech-card[style*="--block-content-color"] p { color: var(--block-content-color) !important; }
.tech-card[style*="--block-icon-color"] .tech-icon i { color: var(--block-icon-color) !important; }
.tech-card[style*="--block-icon-bg"] .tech-icon { background: var(--block-icon-bg) !important; }
.poliza-item[style*="--block-icon-color"] i { color: var(--block-icon-color) !important; }
.poliza-item[style*="--block-content-color"] p { color: var(--block-content-color) !important; }

/* Colores dinámicos de secciones (Admin → Editar sección) */
section[style*="--section-title-color"] .section-title,
section[style*="--section-title-color"] .hero__title { color: var(--section-title-color) !important; }
section[style*="--section-subtitle-color"] .section-text,
section[style*="--section-subtitle-color"] .hero__subtitle { color: var(--section-subtitle-color) !important; }