*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}.landing{--blanco:#fff;--negro:#1a1a1a;--gris-fondo:#f5f5f5;--gris-borde:#dcdcdc;--gris-texto:#757575;--gris-proximamente:#bdbdbd;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--sombra-card:0 1px 3px #00000014;--sombra-card-hover:0 4px 12px #0000001a;--ease:cubic-bezier(.22, 1, .36, 1);scroll-snap-type:y proximity;scroll-behavior:smooth;height:100svh;font-family:var(--sans);color:var(--negro);overflow-y:auto}.landing:after{content:"";pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.landing ::selection{background:var(--negro);color:var(--blanco)}.panel-bienvenida,.panel-aplicaciones{scroll-snap-align:start;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:4rem 2rem;display:flex;position:relative}.panel-bienvenida{background:var(--blanco);overflow:hidden}.panel-bienvenida:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#0000 55%,#1a1a1a0a 100%);position:absolute;inset:0}.panel-bienvenida__contenido{text-align:center;max-width:32rem;position:relative}.kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;color:var(--gris-texto);font-size:.72rem;font-weight:500;display:inline-block}.logo-suite{font-family:var(--serif);color:var(--negro);margin-top:1.5rem;font-size:1.5rem;font-style:italic;font-weight:500;display:block}.saludo{font-family:var(--serif);letter-spacing:-.03em;color:var(--negro);margin:.75rem 0 0;font-size:clamp(4.5rem,12vw,9rem);font-weight:900;line-height:.9}.saludo__acento{font-style:italic;font-weight:600}.regla{background:var(--negro);width:3rem;height:1px;margin:2.25rem auto;display:block}.instruccion{font-family:var(--sans);color:var(--gris-texto);margin:0;font-size:1.05rem;font-weight:300;line-height:1.6}.scroll-cue{color:var(--gris-texto);transition:color .3s var(--ease);flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;display:flex;position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%)}.scroll-cue:hover{color:var(--negro)}.scroll-cue__texto{font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;font-size:.66rem;font-weight:500}.scroll-cue__chevron{width:22px;height:22px}.scroll-cue:focus-visible{outline:2px solid var(--negro);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion:no-preference){.scroll-cue__chevron{animation:rebote 1.8s var(--ease) infinite}}@keyframes rebote{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.panel-aplicaciones{background:var(--gris-fondo);border-top:1px solid var(--gris-borde)}.panel-aplicaciones__contenido{width:100%;max-width:34rem;position:relative}.panel-aplicaciones__header{border-bottom:1px solid var(--gris-borde);justify-content:space-between;align-items:baseline;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.panel-aplicaciones__conteo{font-family:var(--sans);letter-spacing:.1em;color:var(--gris-proximamente);font-size:.7rem;font-weight:400}.lista-apps{flex-direction:column;gap:1rem;display:flex}.app-card{background:var(--blanco);border:1px solid var(--gris-borde);box-shadow:var(--sombra-card);color:var(--negro);transition:background .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:12px;align-items:center;gap:1.25rem;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--negro);transform-origin:top;width:3px;transition:transform .3s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.app-card:not(.app-card--proximamente):hover{box-shadow:var(--sombra-card-hover);background:#fbfbfb;border-color:#cfcfcf;transform:translateY(-3px)}.app-card:not(.app-card--proximamente):hover:before{transform:scaleY(1)}.app-card:focus-visible{outline:2px solid var(--negro);outline-offset:3px}.app-card__numero{font-family:var(--serif);color:var(--gris-proximamente);transition:color .3s var(--ease);flex-shrink:0;font-size:1.6rem;font-style:italic;font-weight:500;line-height:1}.app-card:not(.app-card--proximamente):hover .app-card__numero{color:var(--negro)}.app-card__cuerpo{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.app-card__nombre{font-family:var(--sans);letter-spacing:-.01em;color:var(--negro);font-size:1rem;font-weight:600}.app-card__subdominio{font-family:var(--sans);letter-spacing:.02em;color:var(--gris-texto);font-size:.8rem;font-weight:400}.app-card__flecha{width:22px;height:22px;color:var(--negro);opacity:.35;transition:transform .3s var(--ease), opacity .3s var(--ease);flex-shrink:0;transform:translate(-4px)}.app-card:not(.app-card--proximamente):hover .app-card__flecha{opacity:1;transform:translate(0)}.app-card--proximamente{box-shadow:none;cursor:default;color:var(--gris-proximamente);background:0 0;border-style:dashed}.app-card--proximamente .app-card__numero,.app-card--proximamente .app-card__nombre{color:var(--gris-proximamente)}.app-card__pendiente{color:var(--gris-proximamente);flex-shrink:0;font-size:1.1rem}.app-card__badge{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gris-texto);border:1px solid var(--gris-borde);border-radius:999px;align-self:flex-start;margin-top:.15rem;padding:.15rem .65rem;font-size:.66rem;font-weight:500}@keyframes surgir{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.kicker,.logo-suite,.saludo,.regla,.instruccion{opacity:0;animation:surgir .7s var(--ease) forwards}.panel-bienvenida .kicker{animation-delay:50ms}.logo-suite{animation-delay:.15s}.saludo{animation-delay:.25s}.regla{animation-delay:.4s}.instruccion{animation-delay:.5s}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.panel-aplicaciones__header,.lista-apps .app-card{opacity:0;animation:surgir .8s var(--ease) both;animation-timeline:view();animation-range:entry 5% cover 30%}}}@media (width<=768px){.panel-bienvenida,.panel-aplicaciones{padding:3.5rem 1.5rem}.scroll-cue{bottom:1.75rem}}