:root{
  --azul: #1c9455;
  --azul-oscuro: #0e6b3c;
  --naranja: #f2932e;
  --naranja-oscuro: #d97b1a;
  --gris-claro: #f6f7f9;
  --texto: #1f2937;
  --texto-suave: #5b6572;
  --blanco: #ffffff;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--texto);
  background: var(--blanco);
  line-height:1.6;
}
a{color:var(--azul);}
.container{max-width:820px;margin:0 auto;padding:0 20px;}
header{
  background:var(--azul-oscuro);
  padding:16px 0;
}
header .container{display:flex;align-items:center;gap:12px;}
header img{height:38px;}
header span{color:#fff;font-weight:700;letter-spacing:.5px;}
header a.back{margin-left:auto;color:#cdeddb;font-size:0.9rem;font-weight:600;}
main{padding:50px 0 70px;}
main h1{font-size:1.9rem;color:var(--azul-oscuro);margin-bottom:6px;}
main .updated{color:var(--texto-suave);font-size:0.88rem;margin-bottom:34px;}
main h2{font-size:1.2rem;color:var(--azul-oscuro);margin:34px 0 12px;}
main p, main li{color:var(--texto);font-size:0.98rem;margin-bottom:12px;}
main ul{padding-left:22px;margin-bottom:12px;}
main strong{color:var(--azul-oscuro);}
.legal-nav{background:var(--gris-claro);padding:14px 0;border-bottom:1px solid #e4e8ec;}
.legal-nav .container{display:flex;gap:20px;font-size:0.9rem;font-weight:600;flex-wrap:wrap;}
.legal-nav a.active{color:var(--naranja-oscuro);}
footer{background:#0a0a0a;color:#7fb89a;padding:26px 0;text-align:center;font-size:0.82rem;}
footer a{color:#cdeddb;}

@media (max-width: 640px){
  header .container{flex-wrap:wrap;gap:8px;}
  header a.back{margin-left:0;font-size:0.85rem;}
  main{padding:34px 0 50px;}
  main h1{font-size:1.4rem;}
  main h2{font-size:1.05rem;}
  main p, main li{font-size:0.92rem;}
  .legal-nav .container{gap:12px 16px;font-size:0.85rem;}
}