/* estilos compartidos de las paginas de apoyo */
:root{
  --paper:#F4F2ED; --paper-2:#FCFBF8; --paper-edge:#DCD6C7;
  --text:#23221F; --text-mute:#5C594F;
  --ink:#0F0F0F; --ink-edge:#332C1F; --bone:#F2F0EC;
  --gold:#C28C2C; --gold-hi:#E8C87A; --gold-dk:#8A6116;
  --fjalla:"Fjalla One", Impact, "Arial Narrow", sans-serif;
  --oswald:Oswald, "Arial Narrow", sans-serif;
  --poppins:Poppins, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);
  font-family:var(--poppins);font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--gold-dk)}

.top{background:var(--ink);border-bottom:1px solid var(--ink-edge);
  padding:0.85rem clamp(1rem,4vw,2rem)}
.top img{height:30px;width:auto}

.wrap{max-width:70ch;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem)}

h1{font-family:var(--fjalla);font-weight:400;line-height:1.1;
  font-size:clamp(1.9rem,4.5vw,2.9rem);margin:0 0 0.4rem;letter-spacing:0.005em}
h2{font-family:var(--oswald);font-weight:500;text-transform:uppercase;
  letter-spacing:0.06em;font-size:clamp(1rem,2vw,1.15rem);
  margin:2.4rem 0 0.7rem;color:var(--gold-dk)}
p,li{font-size:1rem;color:var(--text-mute)}
li{margin-bottom:0.5rem}
strong{color:var(--text);font-weight:600}
.gold{color:var(--gold-dk);font-weight:600}
.fecha{font-family:var(--oswald);text-transform:uppercase;letter-spacing:0.16em;
  font-size:0.72rem;color:var(--text-mute);margin:0 0 2rem}

.caja{background:var(--paper-2);border:1px solid var(--paper-edge);
  border-left:3px solid var(--gold);border-radius:4px;
  padding:1.2rem 1.4rem;margin:1.6rem 0}
.caja p:last-child{margin-bottom:0}
.caja p:first-child{margin-top:0}

.pie{border-top:1px solid var(--paper-edge);margin-top:3rem;
  padding:1.6rem clamp(1rem,4vw,2rem);text-align:center}
.pie a{margin:0 0.6rem;font-size:0.85rem}
.pie p{font-size:0.78rem;margin:0.8rem 0 0}

.btn{display:inline-flex;flex-direction:column;align-items:center;gap:0.2rem;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold));
  color:#1A1203;text-decoration:none;border-radius:4px;
  padding:0.95rem 1.6rem;font-family:var(--oswald);font-weight:500;
  text-transform:uppercase;letter-spacing:0.08em;font-size:0.95rem;
  box-shadow:0 14px 30px -14px rgba(138,97,22,0.8)}
.btn small{font-family:var(--poppins);font-weight:400;text-transform:none;
  letter-spacing:0;font-size:0.72rem;opacity:0.85}
.btn--linea{background:none;border:1px solid var(--paper-edge);color:var(--text);
  box-shadow:none;font-size:0.82rem;padding:0.7rem 1.2rem}
