:root{
  --bone:#FCFAF6; --white:#fff; --cream:#F3ECDC; --cream-deep:#ECE2CD;
  --ink:#1C1813; --ink-soft:#6B6258; --ink-faint:#9A9183;
  --line:#ECE3D2; --line-soft:#F1EBDD;
  --gold:#A87D34; --gold-soft:#C9A463; --gold-bright:#D9B97A; --gold-deep:#7A5A24;
  --night:#15110C; --wa:#25D366;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bone);color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;padding:0}
::selection{background:var(--gold-soft);color:var(--ink)}
h1,h2,h3,h4,h5,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 22px}
/* tipografía */
.serif{font-family:'Cormorant Garamond',serif}
.eyebrow{font-family:'Inter';letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:11px}
em{font-style:normal;color:var(--gold-deep)}
.num{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em}
/* botones */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.02em;border-radius:99px;border:none;cursor:pointer}
.btn-dark{background:var(--ink);color:var(--bone);padding:14px 26px;font-size:13.5px}
.btn-line{background:var(--white);color:var(--ink);border:1px solid #d6ccb8;padding:14px 26px;font-size:13.5px}
.btn-gold{background:linear-gradient(180deg,#D9B97A,#B68A45);color:#221a0c;padding:14px 26px;font-size:13.5px}
/* motion */
@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
/* a11y */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}