/******* Do not edit this file *******
Code Snippets Manager
Saved: Feb 17 2026 | 08:14:42 */
/* CSS Reset */
*, *::before, *::after {
  box-sizing: border-box;
}

body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

.backdrop {-webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);}

/* Bricks */
#bricks-preview-element-actions {
    display: none;
}

/* =========================================
   MOTION ONE - ESTILOS GLOBALES UNIFICADOS
   ========================================= */

/* 1. ESTADO BASE (BUILDER)
   En el editor de Bricks, todo debe ser visible siempre.
*/
.motion-fade,
.motion-word-split, 
.motion-entry {
    opacity: 1;
    visibility: visible;
}

/* 2. ESTADO INICIAL (FRONTEND)
   En la web real (.bricks-is-frontend), ocultamos todo al inicio
   para evitar parpadeos antes de que arranque la animación.
*/
.bricks-is-frontend .motion-fade,
.bricks-is-frontend .motion-word-split,
.bricks-is-frontend .motion-entry {
    opacity: 0;
    will-change: opacity, transform; /* Optimización de rendimiento */
}

/* 3. EXCEPCIÓN: SPLIT TEXT "LISTO"
   El JS añade la clase .is-ready al contenedor de texto cuando termina 
   de dividir las palabras. Solo entonces lo hacemos visible.
*/
.bricks-is-frontend .motion-word-split.is-ready {
    opacity: 1;
}

/* 4. ESTILOS DE LAS PALABRAS (SPLIT TEXT)
   Clase generada automáticamente por el JS para cada palabra.
*/
.motion-word {
    display: inline-block; /* Necesario para animar transform Y */
    white-space: pre-wrap; /* Mantiene los espacios correctamente */
    will-change: transform, opacity, filter; /* Preparamos el blur */
}

/* 5. FALLBACK DE ACCESIBILIDAD (NO JS)
   Si el usuario tiene JS desactivado, forzamos que todo se vea
   y anulamos las transformaciones.
*/
@media (scripting: none) {
    .bricks-is-frontend .motion-fade,
    .bricks-is-frontend .motion-word-split,
    .bricks-is-frontend .motion-entry {
        opacity: 1 !important;
        transform: none !important;
    }
}