/* sinfiesta — hoja única, sin dependencias externas.
   La CSP del sitio bloquea recursos de terceros a propósito. */

:root{
  --paper:#FAFAF8; --surface:#fff; --surface-2:#F1F2EE;
  --ink:#1A1D22; --ink-2:#4A5159; --ink-3:#727A82;
  --rule:#DBDCD6; --accent:#0B5D5D;
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#131619; --surface:#1A1E22; --surface-2:#20252A;
    --ink:#E9EAE6; --ink-2:#AAB1B7; --ink-3:#828A91;
    --rule:#2C3238; --accent:#63BDB4;
  }
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:17px/1.65 "Sitka Text",Constantia,Charter,Georgia,serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent); text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--accent); outline-offset:2px}

header.site,footer.site,main{max-width:940px; margin:0 auto; padding:0 24px}
header.site{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  flex-wrap:wrap; padding-top:26px; padding-bottom:26px;
}
.brand{
  font:700 23px/1 "Bahnschrift","Avenir Next Condensed","Arial Narrow",system-ui,sans-serif;
  letter-spacing:.01em; text-decoration:none; color:var(--ink);
}
header.site nav a,footer.site nav a{
  font:13.5px/1 "Segoe UI",system-ui,sans-serif; margin-left:20px; text-decoration:none; color:var(--ink-2);
}
header.site nav a:hover,footer.site nav a:hover{color:var(--accent)}

.hero{padding:44px 0 20px; border-bottom:1px solid var(--rule)}
.eyebrow{
  font:600 11px/1 "Segoe UI",system-ui,sans-serif; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent); margin:0 0 18px;
}
h1{
  font:700 clamp(34px,6vw,58px)/1.02 "Bahnschrift","Avenir Next Condensed","Arial Narrow",system-ui,sans-serif;
  margin:0 0 18px; text-wrap:balance;
}
.lede{font-size:clamp(17px,2vw,20px); color:var(--ink-2); max-width:58ch; margin:0 0 26px; text-wrap:pretty}
.cta{
  display:inline-block; font:600 15px/1 "Segoe UI",system-ui,sans-serif;
  background:var(--accent); color:var(--paper); text-decoration:none;
  padding:13px 24px; border-radius:3px;
}
.cta:hover{opacity:.9}

.grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:32px 40px; padding:40px 0;
}
.grid h2{font:650 16px/1.35 "Segoe UI",system-ui,sans-serif; margin:0 0 8px; color:var(--ink)}
.grid p{margin:0; color:var(--ink-2); font-size:15.5px}

.note{
  background:var(--surface); border:1px solid var(--rule);
  border-left:3px solid var(--accent); padding:22px 24px; margin:8px 0 48px;
}
.note h2{font:650 15px/1.3 "Segoe UI",system-ui,sans-serif; margin:0 0 8px}
.note p{margin:0; color:var(--ink-2); font-size:15.5px}

/* páginas de texto legal */
.doc{padding:20px 0 60px; max-width:70ch}
.doc h1{font-size:clamp(28px,4.5vw,42px); margin-bottom:10px}
.doc .updated{font:13px/1 "Segoe UI",system-ui,sans-serif; color:var(--ink-3); margin:0 0 30px}
.doc h2{
  font:650 17px/1.35 "Segoe UI",system-ui,sans-serif;
  margin:34px 0 10px; padding-top:18px; border-top:1px solid var(--rule);
}
.doc h3{font:650 14.5px/1.4 "Segoe UI",system-ui,sans-serif; margin:22px 0 8px; color:var(--ink-2)}
.doc p,.doc li{color:var(--ink-2)}
.doc ul{padding-left:22px}
.doc li{margin-bottom:7px}
.draft{
  background:#F7EEDD; color:#5A3A08; border-left:3px solid #8F5709;
  padding:14px 18px; margin:0 0 30px; font:14px/1.55 "Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  .draft{background:#2C2517; color:#E6C88E; border-left-color:#D9A257}
}

footer.site{
  border-top:1px solid var(--rule); padding-top:26px; padding-bottom:50px;
  font:13.5px/1.6 "Segoe UI",system-ui,sans-serif; color:var(--ink-3);
}
footer.site p{margin:0 0 8px}
footer.site .legal{font-size:12.5px}
footer.site nav{margin-top:12px}
footer.site nav a:first-child{margin-left:0}