/* ============================================================ WhiteMoon · sistema visual ============================================================ */ @font-face{ font-family:"Sora"; src:url("/demos/assets/fonts/sora-latin-var.woff2") format("woff2-variations"), url("/demos/assets/fonts/sora-latin-var.woff2") format("woff2"); font-weight:300 800; font-style:normal; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC, U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193, U+2212,U+2215,U+FEFF,U+FFFD; } .wme{ --bg:#08080d; --bg2:#0e0e16; --bg3:#13131e; --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16); --p:#7c4dff; --p2:#9d70ff; --g:#00d4aa; --text:#f0f0f5; --muted:#8888a0; --field:rgba(255,255,255,.38); --err:#ff8a94; --hdr:60px; --nav:78px; --r:16px; --ease:cubic-bezier(.22,1,.36,1); } *,*::before,*::after{box-sizing:border-box} /* La luna decorativa de la portada se sale a propósito por la derecha. Se recorta en el borde de la pantalla para que no genere scroll horizontal: `clip` corta sin crear un contenedor desplazable, y `hidden` queda de reserva para navegadores antiguos. Hace falta en , no solo en . */ html{-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip} /* Hace falta en y en : con la regla solo en la luna sigue arrastrando la página 100 px a la derecha. */ body{overflow-x:hidden;overflow-x:clip} body::before{ content:""; position:fixed; inset:0; pointer-events:none; z-index:0; background: radial-gradient(60vw 40vh at 84% -6%, rgba(124,77,255,.20), transparent 62%), radial-gradient(52vw 36vh at -8% 104%, rgba(0,212,170,.11), transparent 60%); } main,footer{position:relative;z-index:1} /* La burbuja de WhatsApp vive pegada abajo a la derecha y aquí se topa con la barra fija de pasos. Se levanta por encima de ella. Va en `html:root` a propósito: el widget se pinta su `:root` en un