/* Estilos compartidos de las páginas legales estáticas (public/*.html).
   Paleta de marca v7.0: esmeralda #0F6E56 sobre crema #FAF8F3.
   Sin JavaScript, sin frameworks y sin fuentes externas: estas páginas
   tienen que leerse enteras aunque el navegador no ejecute nada. */
:root{
  --brand:#0F6E56;
  --brand-dark:#0B5744;
  --cream:#FAF8F3;
  --ink:#0D0D13;
  --warm-700:#524C40;
  --warm-500:#8A8272;
  --line:#E5E2DA;
  --paper:#FFFFFF;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--cream);
  color:var(--warm-700);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
}
.wrap{width:min(820px,calc(100% - 40px));margin:0 auto}
header{padding:26px 0 0}
.back{display:inline-block;color:var(--brand);text-decoration:none;font-weight:600;font-size:14px}
.back:hover{text-decoration:underline}
main{padding:22px 0 60px}
h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,5vw,42px);
  line-height:1.15;
  color:var(--ink);
  margin:18px 0 8px;
}
.updated{font-size:13px;color:var(--warm-500);margin:0 0 32px}
h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.2rem;
  font-weight:700;
  color:var(--brand-dark);
  margin:34px 0 8px;
}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:6px}
a{color:var(--brand)}
strong{color:var(--ink)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;margin:24px 0}
.card p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);background:var(--paper);padding:32px 0 40px;font-size:14px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}
.foot-links a{color:var(--brand);font-weight:600;text-decoration:none}
.foot-links a:hover{text-decoration:underline}
.foot-mail{margin-bottom:14px}
.foot-mail a{font-weight:700;color:var(--brand);text-decoration:none}
.foot-mail a:hover{text-decoration:underline}
.foot-identity{color:var(--warm-500);font-size:13px;line-height:1.6;max-width:640px}
.foot-copy{color:var(--warm-500);font-size:13px;margin-top:10px}
@media(max-width:600px){
  .wrap{width:calc(100% - 32px)}
  .foot-links{gap:8px 14px}
}