/* Wavais · base: reset, layout de sección y tipografía. */
*{box-sizing:border-box}
/* overflow-x en html y body: en Safari de iOS el recorte solo en body no
   siempre impide arrastrar la página de lado. No hay position:sticky en el
   proyecto, así que no rompe nada. */
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0}
::selection{background:var(--violet-soft);color:var(--ink)}

.section-shell{width:min(calc(100% - 3rem),var(--max));margin-inline:auto}
.section-space{padding-block:8rem}

.eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1.6rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.eyebrow span{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--line);border-radius:50%;font-size:.58rem;color:var(--ink)}

h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--display);letter-spacing:-.045em;line-height:.91}
h1{font-size:var(--fs-h1);max-width:720px;margin-bottom:1.5rem}
h2{font-size:var(--fs-h2);margin-bottom:1.2rem}
h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}
h3{font-family:var(--display);letter-spacing:-.03em;line-height:.98}

/* Banda fina violeta como remate de marca. */
.announcement{display:flex;justify-content:center;align-items:center;gap:.65rem;padding:.7rem 1rem;background:var(--violet);color:var(--on-brand);font-size:.7rem;font-weight:700;letter-spacing:.06em}
.status-dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--fire-bright);box-shadow:0 0 0 .25rem rgba(255,178,41,.3)}