/* Zorionak en xamana.es — paleta de la propia app: verde noche, crema, oro. */
:root{--verde:#123C2F;--crema:#F6F1E4;--oro:#D4AF37;--tinta:#0E2A21}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--verde);color:var(--crema);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--oro);text-decoration:none;border-bottom:1px solid rgba(212,175,55,.35)}
a:hover{border-bottom-color:var(--oro)}
header{border-bottom:1px solid rgba(246,241,228,.10);background:rgba(14,42,33,.6);backdrop-filter:blur(12px)}
.env{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header .env{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.marca{font-family:Syne,sans-serif;font-weight:800;letter-spacing:.12em;color:var(--oro);font-size:1.2rem;border:0}
.volver{font-size:.8rem;color:rgba(246,241,228,.7);border:0}
main{padding:3.5rem 0 5rem}
h1{font-family:Syne,sans-serif;font-size:clamp(2rem,6vw,2.9rem);line-height:1.12;font-weight:800;margin:0 0 .6rem}
h2{font-family:Syne,sans-serif;font-size:1.28rem;font-weight:700;margin:2.75rem 0 .85rem}
p,li{font-size:1.02rem;color:rgba(246,241,228,.88)}
ul{padding-left:1.15rem}
li{margin:.45rem 0}
li strong{color:var(--crema)}
.entrada{font-size:clamp(1.15rem,3.4vw,1.45rem);font-weight:300;background:rgba(246,241,228,.05);border-left:3px solid var(--oro);padding:1.15rem 1.35rem;border-radius:0 .5rem .5rem 0;margin:0 0 2.75rem}
.destacado{background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.25);border-radius:.6rem;padding:1rem 1.15rem;margin:1.1rem 0}
.nota{font-size:.92rem;color:rgba(246,241,228,.68);border-top:1px solid rgba(246,241,228,.10);margin-top:3.5rem;padding-top:1.5rem}
footer{border-top:1px solid rgba(246,241,228,.10);padding:2rem 0;font-size:.85rem;color:rgba(246,241,228,.55)}
footer a{color:rgba(246,241,228,.75);border-bottom-color:rgba(246,241,228,.25)}

/* La lista de cumpleaños que trae un enlace compartido. */
.gente{list-style:none;padding:0;margin:1.5rem 0 0}
.gente li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:.85rem 0;border-bottom:1px solid rgba(246,241,228,.10);margin:0}
.gente .nombre{font-size:1.15rem;font-weight:600;color:var(--crema)}
.gente .fecha{font-size:1rem;color:var(--oro);white-space:nowrap;font-variant-numeric:tabular-nums}
.gente .anio{color:rgba(246,241,228,.5);font-size:.9rem}
.boton{display:inline-block;background:var(--oro);color:var(--tinta);font-weight:700;
  padding:.85rem 1.4rem;border-radius:.6rem;border:0;margin-top:1.75rem}
.boton:hover{border:0;opacity:.9}