/* Estilos compartidos por las páginas internas: gracias, privacidad y términos.
   La home (index.html) tiene su CSS inline y no depende de este archivo. */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --verde:#123a33;
  --verde-3:#0f7a66;
  --crema:#f5f3ef;
  --acento:#16a38a;
  --texto:#1c2b27;
  --muted:#5a6b66;
}
html{scroll-behavior:smooth}
body{
  font-family:'DM Sans',sans-serif;
  background:var(--crema);color:var(--texto);
  line-height:1.75;
  display:flex;flex-direction:column;min-height:100vh;
}
a{color:var(--verde-3)}
img{max-width:100%;display:block}

nav{
  height:68px;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(18px,4vw,60px);
  background:rgba(30,39,72,.97);
}
.nav-brand-link{display:flex;align-items:center;gap:11px;text-decoration:none}
.nav-logo{width:54px;height:54px;flex-shrink:0;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center}
.nav-brand{font-family:'Playfair Display',serif;font-size:1.3rem;color:#f6faf9;letter-spacing:-.01em;line-height:1.05}
.nav-brand span{display:block;font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-top:2px}
.nav-back{
  color:rgba(248,250,252,.8);text-decoration:none;
  border:1.5px solid rgba(255,255,255,.25);border-radius:999px;
  padding:9px 20px;font-size:.77rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;transition:.22s;
}
.nav-back:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}

main{flex:1;max-width:760px;width:100%;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,5vw,32px)}

h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.9rem,4vw,2.7rem);
  color:var(--verde);line-height:1.1;letter-spacing:-.02em;
}
h1 em{font-style:italic;color:var(--verde-3)}
.updated{color:var(--muted);font-size:.85rem;margin-top:10px;margin-bottom:40px}
h2{
  font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;
  color:var(--verde);margin-top:36px;margin-bottom:8px;
}
p{margin-bottom:14px;color:var(--texto)}
ul{margin:0 0 14px 1.15rem;display:flex;flex-direction:column;gap:6px}
li{color:var(--texto)}
.lead{font-size:1.05rem;color:var(--muted);margin-bottom:28px}

.btn-primary{
  background:var(--verde-3);color:#fff;text-decoration:none;
  padding:14px 28px;border-radius:999px;font-size:.84rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:.22s;
}
.btn-primary:hover{background:#0c6354;transform:translateY(-1px)}
.btn-ghost{
  border:1.5px solid rgba(26,61,79,.2);color:var(--verde);text-decoration:none;
  padding:13px 22px;border-radius:999px;font-size:.8rem;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;transition:.22s;display:inline-flex;align-items:center;
}
.btn-ghost:hover{border-color:var(--verde);background:var(--verde);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.thanks-mark{
  width:64px;height:64px;border-radius:50%;
  background:rgba(22,163,138,.12);color:var(--acento);
  display:flex;align-items:center;justify-content:center;margin-bottom:26px;
}

footer{
  background:#0d2233;color:rgba(244,247,249,.35);
  padding:22px clamp(20px,5vw,72px);
  display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;
}
footer p{font-size:.78rem;margin:0}
footer a{color:rgba(244,247,249,.5);text-decoration:none;transition:.18s}
footer a:hover{color:rgba(244,247,249,.85)}