/** * Crown - Estilos para transiciones SPA * Aquí se definen los estilos necesarios para las animaciones de transición entre páginas */ /* Control de scroll global */ .scroll-disabled { overflow: hidden !important; } /* Clases para barba.js */ [data-barba="container"] { position: relative; width: 100%; min-height: 100vh; visibility: visible; opacity: 1; z-index: 1; } [data-barba="wrapper"] { position: relative; width: 100%; min-height: 100vh; } /* Control de scroll para el wrapper */ .scroll-disabled [data-barba="wrapper"] { overflow: hidden; } /* Estilos para el loader */ .loading-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; } /* Estado inicial de la barra de progreso */ .loading__progress-inner { transform: scaleY(0); } /* Control de visibilidad del loader */ .hide-loader .loading-container { display: none !important; } /* Overlay de transición */ .page-transition-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--swatch--dark); z-index: 9998; pointer-events: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Home initial styles */ .hero_media_img { transform: scale(1.4); opacity: 0; will-change: transform, opacity; } .section.is-hero .collection_item { visibility: hidden; }