/* Hoja compartida por las páginas legales y la de gracias.
   Misma identidad que index.html, sin el peso del hero. */
:root{
  --navy:#0F2D52; --navy-deep:#08182F; --navy-card:#153A66;
  --gold:#F5B400; --gold-soft:#FFCF4D;
  --bone:#F6F4EF; --bone-dim:#C9D3E1; --bone-faint:#8FA2BB;
  --ink:#12233B; --ink-soft:#4A5568; --paper:#FBFAF7;
  --rule:rgba(246,244,239,.16); --rule-dark:rgba(18,35,59,.13);
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:16.5px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.5rem 5rem}
.topnav{
  background:var(--navy-deep);color:var(--bone);
  padding:1rem 1.5rem;padding-top:calc(1rem + env(safe-area-inset-top));
}
.topnav a{
  color:var(--gold);text-decoration:none;font-size:.8rem;
  letter-spacing:.14em;text-transform:uppercase;font-weight:700;
}
h1{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.12;
  letter-spacing:-.015em;margin:2.8rem 0 .5rem;text-wrap:balance;
}
.updated{color:var(--ink-soft);font-size:.85rem;margin:0 0 2.4rem;
  padding-bottom:1.4rem;border-bottom:1px solid var(--rule-dark)}
h2{
  font-family:var(--sans);font-weight:700;font-size:1.05rem;
  letter-spacing:.01em;margin:2.4rem 0 .7rem;color:var(--navy);
}
p{margin:0 0 1rem}
ul{padding-left:1.2rem;margin:0 0 1rem}
li{margin-bottom:.45rem}
li::marker{color:var(--gold)}
strong{font-weight:700}
a{color:#9A7400}
.pend{
  background:#FFF6DA;border-left:3px solid var(--gold);
  padding:1rem 1.2rem;margin:1.6rem 0;border-radius:2px;font-size:.93rem;
}
.pend b{display:block;margin-bottom:.3rem;color:#7A5C00}
footer{
  background:var(--navy-deep);color:var(--bone-faint);
  padding:2.4rem 1.5rem;font-size:.84rem;text-align:center;
}
footer a{color:var(--bone-dim);text-decoration:none}
footer .sig{
  font-family:var(--serif);color:var(--gold);letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 .25rem;font-size:1rem;font-weight:600;
}
/* página de gracias */
.hero-thanks{
  background:var(--navy);color:var(--bone);text-align:center;
  padding:4.5rem 1.5rem 4rem;
}
.hero-thanks h1{color:var(--bone);margin-top:0}
.hero-thanks p{color:var(--bone-dim);max-width:32rem;margin:0 auto 1rem}
.star{font-size:2.6rem;color:var(--gold);line-height:1;margin-bottom:1rem}
.steps{list-style:none;padding:0;margin:2.5rem 0 0;text-align:left;max-width:30rem;margin-inline:auto}
.steps li{
  padding:1rem 0 1rem 2.6rem;border-bottom:1px solid var(--rule);
  position:relative;color:var(--bone-dim);font-size:.96rem;
}
.steps li:last-child{border-bottom:none}
.steps li b{color:var(--bone);display:block;margin-bottom:.15rem}
.steps li::before{
  content:counter(s);counter-increment:s;position:absolute;left:0;top:1.05rem;
  width:1.7rem;height:1.7rem;border:1px solid var(--gold);border-radius:50%;
  color:var(--gold);font-size:.8rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.steps{counter-reset:s}