/* ============================================================
   MIKUY — base.css
   Variables de diseno, reset, tipografia y utilidades.
   ============================================================ */

:root{
  --ink:#0E2119;
  --ink-2:#3C5449;
  --green-900:#0F3A28;
  --green-800:#14523A;
  --green-700:#1B7A50;
  --green-600:#22935F;
  --green-100:#DFF0E5;
  --green-50:#F1F8F3;
  --lime:#A9D96F;
  --amber:#E39B2E;
  --amber-soft:#FBF0DC;
  --sand:#F8F5EE;
  --line:#E4E9E4;
  --white:#fff;
  --radius:20px;
  --radius-sm:14px;
  --shadow-sm:0 1px 2px rgba(14,33,25,.06),0 8px 24px -12px rgba(14,33,25,.18);
  --shadow-lg:0 24px 60px -24px rgba(14,33,25,.35);
  --max:1180px;
  --ff-display:"Fraunces",Georgia,serif;
  --ff-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--ff-body);color:var(--ink);background:var(--white);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:600;line-height:1.12;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(2.4rem,5.6vw,4.15rem)}
h2{font-size:clamp(1.9rem,3.9vw,3rem)}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem);letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.sec{padding:clamp(72px,9vw,128px) 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--green-700);margin-bottom:18px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--lime);border-radius:2px}
.eyebrow.on-dark{color:var(--lime)}
.lead{color:var(--ink-2);font-size:1.06rem;max-width:60ch}
.center{text-align:center}
.center .lead{margin-inline:auto}
.center .eyebrow::before{display:none}