@font-face{font-family:"Archivo";src:url(/fuentes/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--ciruela:#2F0A28;--papel:#FAF8F3;--lila:#8E6BAA;--negro:#190B1F}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:"Archivo",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;font-stretch:100%;font-weight:400;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
.ciruela{background:var(--ciruela);color:var(--papel)}
.papel{background:var(--papel);color:var(--negro)}
[data-solo]{display:none}
html:not([data-fase]) [data-solo~="pronto"],[data-fase="pronto"] [data-solo~="pronto"],[data-fase="fecha"] [data-solo~="fecha"],[data-fase="minutos"] [data-solo~="minutos"],[data-fase="abierta"] [data-solo~="abierta"]{display:block}

/* portada, /beta y 404: una pantalla en ciruela */
.hoja{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;max-width:42rem;margin:0 auto;padding:max(32px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom))}
.marca{margin:0;font-size:inherit;line-height:0}
.onda{display:block;width:min(64vw,300px);height:auto;overflow:visible}
.onda path{fill:none;stroke-width:24;stroke-linecap:round;stroke-linejoin:round}
.onda .p{stroke:var(--papel)}
.onda .e{stroke:var(--lila)}
.logo{display:block;width:min(38.4vw,180px);height:auto;margin-top:clamp(20px,5vw,30px)}
.cuerpo{margin-top:clamp(32px,6vh,64px)}
.frase{margin:0;font-weight:300;font-size:clamp(26px,7vw,40px);line-height:1.16;letter-spacing:-.005em;max-width:20em}
.texto{margin:20px 0 0;max-width:33em}
.beta{margin-top:clamp(28px,4.5vh,48px)}
.conclusion{margin:0;font-stretch:87.5%;font-weight:700;font-size:clamp(24px,6.4vw,34px);line-height:1.06;letter-spacing:-.01em;max-width:18em}
.beta .texto{margin-top:12px}
.pie{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;gap:16px;font-size:15px}
.pie a,.pie span{padding:12px 0}
@media (min-width:720px){body{font-size:18px}.hoja{max-width:50rem;padding-left:40px;padding-right:40px}.frase{font-size:38px}}
@media (prefers-reduced-motion:no-preference){
  .onda path{stroke-dasharray:1;stroke-dashoffset:1;animation:trazo 1s cubic-bezier(.65,0,.35,1) forwards}
  .onda .p{animation-delay:.25s}.onda .e{animation-delay:.4s}
  .logo{opacity:0;animation:aparece .5s ease-out 1.1s forwards}
}
@keyframes trazo{to{stroke-dashoffset:0}}
@keyframes aparece{to{opacity:1}}

/* privacidad: texto largo sobre papel; en oscuro, sobre ciruela */
.texto-largo{max-width:40rem;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(40px,env(safe-area-inset-bottom))}
.vuelta{display:inline-block;padding:12px 0;line-height:0}
.vuelta svg{width:96px;height:auto;color:var(--negro)}
.texto-largo h1{margin:32px 0 8px;font-stretch:87.5%;font-weight:700;font-size:clamp(34px,9vw,48px);line-height:1.04;letter-spacing:-.01em}
.texto-largo .version{margin:0;font-size:15px}
.texto-largo h2{margin:40px 0 8px;font-stretch:87.5%;font-weight:700;font-size:22px;line-height:1.15}
.texto-largo p,.texto-largo li{line-height:1.55}
.texto-largo p{margin:10px 0}
.texto-largo ul{margin:10px 0;padding-left:1.1em}
.texto-largo li{margin:6px 0}
.corto{margin-top:28px;padding:4px 0 8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.corto li{font-size:19px;line-height:1.4;margin:12px 0}
.texto-largo .pie{padding-top:48px}
@media (prefers-color-scheme:dark){.papel{background:var(--ciruela);color:var(--papel)}.vuelta svg{color:var(--papel)}}