/* Sistema visual del sitio legal de Chambito.
   Tokens copiados del :root de "Terminos y Condiciones (standalone).html"
   para que estas páginas no desentonen con las que ya existen. */
:root{
  --brand-green:#4bac4f;--brand-green-light:#6cc370;--brand-green-dark:#357c39;
  --green-50:#f0f8f0;--green-100:#dcefdd;--green-200:#bfe3c1;--green-700:#357c39;
  --gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;
  --gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;
  --gray-800:#1f2937;--gray-900:#111827;
  --amber-50:#fffbeb;--amber-300:#fcd34d;--amber-800:#92400e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--gray-800);
  font-family:'Roboto',system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,.font-display{font-family:'Poppins','Roboto',system-ui,sans-serif}

/* ── Header fijo ───────────────────────────────────────────────── */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--gray-200);
}
.site-header .inner{
  max-width:1160px;margin:0 auto;padding:0 24px;height:70px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.site-header img{height:38px;width:auto;display:block}
/* Logo completo, y solo la marca cuando no entra. Mismo criterio y mismo
   corte que las paginas servidas por el runtime del canvas. */
.site-header .logo-full{height:44px}
.site-header .logo-mark{display:none}
@media (max-width:520px){
  .site-header .logo-full{display:none}
  .site-header .logo-mark{display:block}
}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.92rem;
  padding:.55rem 1.1rem;border-radius:8px;border:1px solid var(--gray-300);
  background:#fff;color:var(--gray-900);text-decoration:none;white-space:nowrap;
  transition:all 150ms cubic-bezier(.4,0,.2,1);
}
.btn-ghost:hover{border-color:var(--brand-green);color:var(--brand-green-dark)}

/* ── Layout ────────────────────────────────────────────────────── */
.wrap{max-width:840px;margin:0 auto;padding:0 24px}
main{padding:110px 0 80px}
.crumb{font-size:.86rem;color:var(--gray-500);margin:0 0 10px}
.crumb a{color:var(--gray-500);text-decoration:none}
.crumb a:hover{color:var(--brand-green-dark)}
h1{font-size:2rem;line-height:1.25;margin:0 0 8px;color:var(--gray-900)}
.subtitle{color:var(--gray-500);font-size:.94rem;margin:0 0 40px}
h2{
  font-size:1.22rem;margin:44px 0 12px;padding-top:22px;color:var(--gray-900);
  border-top:1px solid var(--gray-200);
}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:1.02rem;margin:26px 0 8px;color:var(--gray-800)}
p,li{color:var(--gray-700)}
ul{padding-left:22px}
li{margin:6px 0}
a{color:var(--brand-green-dark)}
strong{color:var(--gray-900)}

/* ── Piezas ────────────────────────────────────────────────────── */
table{
  width:100%;border-collapse:collapse;margin:18px 0;font-size:.9rem;
  display:block;overflow-x:auto;
}
th,td{border:1px solid var(--gray-200);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--green-50);color:var(--gray-900);font-weight:600;white-space:nowrap}
.card{
  background:var(--gray-50);border:1px solid var(--gray-200);border-radius:14px;
  padding:20px 22px;margin:22px 0;
}
.card.accent{background:var(--green-50);border-color:var(--green-200)}
.card.warn{background:var(--amber-50);border-color:var(--amber-300)}
.card p:first-child{margin-top:0}
.card p:last-child{margin-bottom:0}
.btn{
  display:inline-block;background:var(--brand-green);color:#fff;font-weight:600;
  text-decoration:none;padding:13px 26px;border-radius:10px;margin-top:6px;
  transition:background 150ms;
}
.btn:hover{background:var(--brand-green-dark)}
.note{font-size:.86rem;color:var(--gray-500)}

/* ── Footer ────────────────────────────────────────────────────── */
.site-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:40px 0 32px}
.site-footer .cols{
  max-width:1160px;margin:0 auto;padding:0 24px;
  display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;
}
.site-footer h4{
  font-family:'Poppins',sans-serif;font-size:.78rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--gray-500);margin:0 0 10px;
}
.site-footer p,.site-footer a{font-size:.9rem;color:var(--gray-600);margin:4px 0;text-decoration:none;display:block}
.site-footer a:hover{color:var(--brand-green-dark)}
.site-footer .legalese{
  max-width:1160px;margin:32px auto 0;padding:18px 24px 0;border-top:1px solid var(--gray-200);
  font-size:.82rem;color:var(--gray-400);
}

@media (max-width:640px){
  main{padding:96px 0 60px}
  h1{font-size:1.6rem}
  .wrap,.site-header .inner,.site-footer .cols{padding-left:18px;padding-right:18px}
}