/* base.css — PlayRadar / Puerto Varas — tokens, resets, typography */
:root{
  --c-bg-dark:#12261F;
  --c-surface-dark:#1B3529;
  --c-accent:#B4622E;
  --c-accent-ink:#7a3f1c;
  --c-bg-light:#F4F1E9;
  --c-text-light:#1C231F;
  --c-text-dark:#EDF2ED;
  --c-mist:#7FA3AE;
  --c-warn:#A4432A;
  --c-ok:#3F6B4E;
  --c-border:#d8d2c2;
  --font-head:"Fraunces",Georgia,serif;
  --font-body:"Public Sans",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  --fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;
  --fs-22:1.375rem;--fs-28:1.75rem;--fs-36:2.25rem;--fs-48:3rem;
  --maxw:1160px;
  --radius:10px;
}
@media (prefers-color-scheme: dark){
  :root{ --c-bg-light:#171f1a; --c-text-light:#EDF2ED; --c-border:#33463b; --c-surface-dark:#20392c; }
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
body{
  margin:0;
  background:var(--c-bg-light);
  color:var(--c-text-light);
  font-family:var(--font-body);
  font-size:var(--fs-16);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-head);
  font-weight:600;
  line-height:1.15;
  margin:0 0 .6em;
  color:inherit;
}
h1{font-size:var(--fs-36)}
h2{font-size:var(--fs-28)}
h3{font-size:var(--fs-22)}
h4{font-size:var(--fs-18)}
@media (min-width:900px){ h1{font-size:var(--fs-48)} }
p{margin:0 0 1em; max-width:68ch}
ul,ol{margin:0 0 1em; padding-left:1.3em}
a{color:var(--c-accent-ink)}
a:hover{color:var(--c-accent)}
img,svg{max-width:100%}
[hidden]{display:none!important}
.js-only{display:none}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px}
@media (max-width:599px){ .container{padding:0 16px} }
.visually-hidden{
  position:absolute!important; width:1px;height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.skip-link{
  position:absolute; left:0; top:-3rem; background:var(--c-accent);
  color:#fff; padding:.6em 1em; z-index:1000; transition:top .15s ease;
  text-decoration:none; font-weight:600;
}
.skip-link:focus{top:0}
:focus-visible{outline:3px solid var(--c-accent); outline-offset:2px}
button{font-family:inherit}
.badge-18{
  display:inline-flex; align-items:center; gap:.35em;
  background:var(--c-warn); color:#fff; font-weight:600;
  font-size:var(--fs-12); padding:.25em .6em; border-radius:999px;
  letter-spacing:.02em;
}
.roof-divider{
  border:0; height:10px; margin:2.5em auto; max-width:220px;
  background:
    linear-gradient(135deg, transparent 45%, var(--c-mist) 45%, var(--c-mist) 55%, transparent 55%) 0 0/16px 16px repeat-x;
  opacity:.6;
}