/* Hoja compartida por las tres paginas legales.
   Se separa del resto porque el sitio no tiene compilacion: asi el estilo
   se escribe una vez y no en tres sitios que luego se desincronizan. */

:root{
  --verde:#2F4A2C; --verde-osc:#1B2C1A; --verde-med:#47603F;
  --crema:#F7F4EC; --crema-2:#EFEADC; --crema-3:#E4DECB;
  --tinta:#1C201A; --gris:#6B7065; --gris-claro:#9AA093;
  --oro:#E8BF68; --oro-osc:#C8952F;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--crema);color:var(--tinta);
  font-family:var(--sans);font-size:16.5px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--verde-med)}
a:hover{color:var(--verde)}

.cabecera{
  background:linear-gradient(168deg,#22371F,var(--verde) 55%,#1F3320);
  color:#fff;padding:26px 0 56px;
}
.env{width:100%;max-width:780px;margin:0 auto;padding:0 24px}
.marca{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#fff;
  font-family:var(--serif);font-size:1.22rem;font-weight:600;letter-spacing:-.02em}
.marca svg{width:34px;height:34px}
.cabecera h1{
  font-family:var(--serif);font-size:clamp(2rem,5vw,2.9rem);font-weight:600;
  letter-spacing:-.025em;line-height:1.1;margin:34px 0 0;color:#fff;
}
.cabecera .fecha{margin-top:12px;font-size:.9rem;color:rgba(255,255,255,.62)}

main{padding:clamp(38px,6vw,64px) 0 80px}
main h2{
  font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:600;
  letter-spacing:-.015em;line-height:1.25;margin:44px 0 14px;
}
main h2:first-child{margin-top:0}
main h3{font-size:1.02rem;font-weight:600;margin:26px 0 8px}
main p{margin:0 0 15px}
main ul{margin:0 0 15px;padding-left:22px}
main li{margin-bottom:9px}
main strong{font-weight:600}

.ficha{
  background:#fff;border:1px solid var(--crema-3);border-radius:16px;
  padding:22px 24px;margin:0 0 30px;
  box-shadow:0 1px 2px rgba(28,32,26,.04),0 10px 30px -20px rgba(28,32,26,.3);
}
.ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 20px}
.ficha dt{font-size:.79rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);
  font-weight:600;padding-top:2px}
.ficha dd{margin:0}

.nota{
  border-left:3px solid var(--oro-osc);background:#fff;
  padding:16px 20px;margin:22px 0;border-radius:0 12px 12px 0;
  font-size:.95rem;color:var(--gris);
}
.nota strong{color:var(--tinta)}

table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--crema-3);vertical-align:top}
th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:600}

.pie{border-top:1px solid var(--crema-3);margin-top:60px;padding:26px 0 60px;font-size:.9rem;color:var(--gris)}
.pie a{margin-right:18px;text-decoration:none}
.volver{display:inline-flex;align-items:center;gap:7px;margin-bottom:26px;
  font-size:.92rem;font-weight:500;text-decoration:none}

@media (max-width:560px){
  .ficha dl{grid-template-columns:1fr;gap:2px 0}
  .ficha dt{margin-top:12px}
  table{display:block;overflow-x:auto}
}