/* public/estilo.css — páginas simples de Silbido (privacidad, términos, soporte…)
   Mismos tokens que la app (constants/homeTheme.js). La portada (index.html) tiene sus propios estilos. */
:root{
  --fondo:#FAF6F1; --calido:#FFF1E8; --hoja:#FFFDFA; --tinta:#231D19; --tinta2:#7A6E66;
  --acento:#E85A1F; --acento-texto:#C4451A; --verde:#2E8F5B; --verde-fondo:#E3F2E9;
  --borde:rgba(35,29,25,.08);
}
@media (prefers-color-scheme:dark){
  :root{ --fondo:#17130F; --calido:#241C16; --hoja:#211B17; --tinta:#F4EDE6; --tinta2:#B3A79E;
    --acento:#FF7A45; --acento-texto:#FF9A6B; --verde:#5CC08A; --verde-fondo:#1B2A21; --borde:rgba(255,255,255,.08); }
}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--acento-texto);font-weight:600}
.hero{background:var(--calido);border-radius:0 0 28px 28px;padding:28px 20px 32px}
.envoltura{max-width:720px;margin:0 auto}
.marca{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;text-decoration:none;color:var(--tinta);letter-spacing:-.01em}
.marca img{width:32px;height:32px;border-radius:8px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.1;letter-spacing:-.02em;margin:22px 0 10px}
h2{font-size:21px;margin:34px 0 10px}
.sub{color:var(--tinta2);font-size:17px;margin:0}
.fecha{color:var(--tinta2);font-size:14px;font-weight:600;margin:0 0 6px}
main{padding:8px 20px 56px}
ul{padding:0;margin:0;list-style:none}
li{position:relative;padding-left:18px;margin:10px 0}
li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--acento)}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:24px}
.tarjeta{background:var(--hoja);border:1px solid var(--borde);border-radius:18px;padding:18px}
.tarjeta b{display:block;font-size:17px;margin-bottom:4px}
.tarjeta p{margin:0;color:var(--tinta2);font-size:15px}
.verde{background:var(--verde-fondo);border-radius:18px;padding:20px;margin-top:24px}
.verde b{color:var(--verde)}
.boton{display:inline-block;background:var(--acento);color:#fff;text-decoration:none;font-weight:700;
  padding:14px 22px;border-radius:14px;margin-top:8px}
footer{border-top:1px solid var(--borde);padding:22px 20px 40px;color:var(--tinta2);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}