/* nup — shared reset & base
   Generic reset and base typography for both doors (planners + invitaciones).
   Consumes design tokens (var(--bg), --text, --sans, --accent, --maxw, --mono).
   Load AFTER a *-tokens.css and BEFORE the page's component CSS. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--sans); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{color:inherit; text-decoration:none}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
.eyebrow{font-family:var(--mono); font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin:0 0 14px}
h1,h2,h3{text-wrap:balance; margin:0}
.accent{color:var(--accent)}

/* ---- Pre-launch -----------------------------------------------------------
   app.nup.mx is still in development, so nothing here offers a way into it.
   Every button that would hand a visitor off to the product — "Elegir Solo /
   Studio / Agency", "Crear mi invitación gratis" — carries data-app-cta and is
   hidden by this one rule.

   They currently point at "#", and a prominent button that does nothing reads
   as a site nobody finished, which is the opposite of what a brand review is
   looking for. Better to show no action than a dead one.

   To launch: delete this block and give each data-app-cta anchor its real
   href (/signup/ or /invitaciones/signup/ on app.nup.mx).
   -------------------------------------------------------------------------- */
[data-app-cta] { display: none !important; }

/* Same idea, different reason: sections of the site that don't exist yet —
   the Recursos column (blog, help centre, status page) and the social accounts.
   A footer link that goes nowhere reads exactly like a dead sign-up button. */
[data-soon] { display: none !important; }