/* Shared styles for the legal pages (política, termos, 404). Single source — pages must not duplicate CSS. */
:root { --creme:#FFF6EC; --papel:#FBEBAD; --sup:#fff; --texto:#1F1A17; --suave:#5f5346; --borda:#E2CFB4; --coral:#A93425; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; color:var(--texto);
  background:url("/assets/selva-paper.webp") top center/100% auto repeat-y var(--papel);
  font-family:"Nunito",-apple-system,system-ui,sans-serif; font-weight:600; line-height:1.65; }
.skip { position:absolute; left:-9999px; top:0; background:var(--sup); color:var(--coral); font-weight:800; padding:10px 16px; border-radius:0 0 12px 0; z-index:100; }
.skip:focus { left:0; }
:focus-visible { outline:3px solid var(--coral); outline-offset:2px; }
img { max-width:100%; height:auto; display:block; }
main { max-width:800px; margin:28px auto 48px; padding:36px clamp(22px,5vw,44px) 44px;
  background:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.9); border-radius:26px; }
@media(max-width:840px){ main { margin:0 auto; border-radius:0; border-left:0; border-right:0; } }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
.voltar { display:inline-flex; align-items:center; min-height:44px; font-weight:700; color:var(--coral); text-decoration:none; }
.langsel { font-weight:700; font-size:14px; color:var(--texto); background:var(--sup); border:1px solid var(--borda); border-radius:999px; padding:10px 14px; min-height:44px; cursor:pointer; }
h1, h2 { font-family:"Baloo 2","Trebuchet MS",system-ui,sans-serif; line-height:1.15; }
h1 { font-size:30px; margin:0 0 4px; letter-spacing:-.01em; }
.data { color:var(--suave); font-size:14px; margin:0 0 32px; }
h2 { font-size:20px; margin:34px 0 8px; }
p, li { color:#2a2320; font-size:16px; }
a { color:var(--coral); }
ul { padding-left:20px; }
.nota { background:var(--sup); border:1px solid var(--borda); border-radius:14px; padding:14px 18px; font-size:14.5px; color:var(--suave); }
.langlinks { margin-top:14px; display:flex; gap:6px 14px; flex-wrap:wrap; font-size:13.5px; }
.langlinks a { min-height:44px; display:inline-flex; align-items:center; }
.langlinks a[aria-current="true"] { font-weight:800; text-decoration:underline; }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--borda); color:var(--suave); font-size:14px; }