:root{
  --verde:#4c8c4a; --verde-osc:#2f5e2e; --oro:#e9c46a; --tinta:#26221c;
  --bg:#fbf8f2; --bg2:#f3ede1; --gris:#6b6459; --linea:#e6ddcd;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  color:var(--tinta); background:var(--bg); line-height:1.65; font-size:17px;
}
a{color:var(--verde-osc)}
.wrap{max-width:820px; margin:0 auto; padding:0 22px}

/* header */
header.top{
  display:flex; align-items:center; gap:14px; padding:20px 22px; max-width:860px;
  margin:0 auto;
}
header.top img{width:46px;height:46px;border-radius:12px}
header.top .nom{font-weight:700;font-size:19px}
header.top nav{margin-left:auto;display:flex;gap:18px;font-size:15px}
header.top nav a{color:var(--gris);text-decoration:none}
header.top nav a:hover{color:var(--verde-osc)}

/* hero */
.hero{
  text-align:center; padding:56px 22px 40px;
  background:linear-gradient(180deg,#fbf8f2 0%,#f3ede1 100%);
}
.hero img{width:104px;height:104px;border-radius:26px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hero h1{font-size:40px;line-height:1.15;margin:20px 0 8px}
.hero .tag{color:var(--verde-osc);font-size:20px;font-weight:600}
.hero p.lead{color:var(--gris);max-width:600px;margin:18px auto 0}
.cta{
  display:inline-flex;align-items:center;gap:9px;margin-top:26px;
  background:#ff0033;color:#fff;text-decoration:none;font-weight:700;
  padding:13px 24px;border-radius:999px;font-size:16px;
}
.cta:hover{background:#d80029}
.cta svg{width:22px;height:22px;fill:#fff}

/* secciones */
section{padding:40px 0}
section h2{font-size:26px;margin-bottom:14px}
.card{
  background:#fff;border:1px solid var(--linea);border-radius:16px;padding:26px;margin-top:16px;
}
.redes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.redes a{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--tinta);
  border:1px solid var(--linea);border-radius:999px;padding:9px 16px;font-size:15px;background:#fff;
}
.redes a:hover{border-color:var(--verde)}

/* documento legal */
.doc{padding:40px 0 20px}
.doc h1{font-size:32px;margin-bottom:6px}
.doc .fecha{color:var(--gris);font-size:14px;margin-bottom:26px}
.doc h2{font-size:21px;margin:28px 0 8px}
.doc p,.doc li{margin-bottom:10px}
.doc ul{padding-left:22px}
.doc a{word-break:break-word}

/* footer */
footer{
  border-top:1px solid var(--linea);margin-top:40px;padding:26px 22px;color:var(--gris);
  font-size:14px;text-align:center;
}
footer a{color:var(--gris);text-decoration:none;margin:0 8px}
footer a:hover{color:var(--verde-osc)}
footer .marca{margin-top:8px;font-size:13px}
@media(max-width:560px){.hero h1{font-size:31px}.hero .tag{font-size:18px}}