/* Tokens compartidos de Vaultix Invitaciones (prefijo --ad-). Mismos valores que landing.html y pedir.html.
   Lo usan admin-templates y catalogo. Paleta: crema, tinta, verde, antracita. */
:root {
  --ad-fondo: #FAF7F1;
  --ad-fondo-2: #F5F1EA;
  --ad-superficie: #FFFFFF;
  --ad-tinta: #1F1D1A;
  --ad-tinta-2: #6F675B;
  --ad-acento: #4E7A22;
  --ad-acento-texto: #4E7A22;
  --ad-acento-fuerte: #3B5E18;
  --ad-on-acento: #FFFFFF;
  --ad-borde: #E8E2D6;
  --ad-borde-fuerte: #D3CBBB;
  --ad-acento-suave: #EDF2E4;
  --ad-verde-borde: #D6E2C4;
  --ad-verde-logo: #88B347;
  --ad-verde-claro: #B7D58A;
  --ad-antracita: #19202A;
  --ad-antracita-2: #232B37;
  --ad-bad: #B42318;
  --ad-bad-bg: #FCE9E7;
  --ad-r-xs: 8px; --ad-r-sm: 12px; --ad-r-md: 18px; --ad-r-pill: 999px;
  --ad-sombra-1: 0 1px 2px rgba(31,29,26,.05), 0 2px 8px rgba(31,29,26,.04);
  --ad-sombra-2: 0 1px 2px rgba(31,29,26,.05), 0 10px 30px rgba(31,29,26,.08);
  --ad-curva: cubic-bezier(.2, .8, .2, 1);
  --ad-gutter: clamp(16px, 2.2vw, 24px);
  --ad-ancho: 1200px;
  --ad-serif: 'Fraunces', Georgia, serif;
  --ad-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ad-mono: 'JetBrains Mono', ui-monospace, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
h1, h2, h3, p, ul, figure { margin: 0; padding: 0; }
ul { list-style: none; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
body {
  margin: 0; background: var(--ad-fondo); color: var(--ad-tinta);
  font-family: var(--ad-sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased;
}
:focus-visible { outline: 3px solid var(--ad-acento); outline-offset: 2px; }
/* Etiqueta mono y título con palabra clave en itálica verde */
.ad-etiqueta { font-family: var(--ad-mono); font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ad-acento-fuerte); }
.ad-titulo { font-family: var(--ad-serif); font-weight: 600; letter-spacing: -.03em; line-height: 1.08; text-wrap: balance; }
.ad-titulo em { font-style: italic; font-weight: 500; color: var(--ad-acento-texto); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}