:root{
  --negro:#0B0B0A;--verde:#C4D86E;--piedra:#D9D2C3;--blanco:#F6F2EA;--gris:#8A857C;
  --display:'Abril Fatface',Georgia,serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:dark}
body{background:var(--negro);color:var(--piedra);font-family:var(--sans);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
.cab{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 34px;max-width:900px;width:100%;margin:0 auto}
.marca{font-family:var(--display);font-size:1.3rem;letter-spacing:.18em;color:var(--blanco);text-decoration:none}
.lugar{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gris)}
.legal{flex:1;max-width:66ch;width:100%;margin:0 auto;padding:30px 34px 70px}
.eyebrow{display:block;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--verde);margin-bottom:16px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.1;color:var(--blanco);text-wrap:balance}
.fecha{font-size:.8rem;color:var(--gris);margin:14px 0 40px}
h2{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.55rem;color:var(--blanco);margin:36px 0 10px}
p{margin:0 0 14px;font-size:.98rem}
p strong{color:var(--blanco);font-weight:500}
a{color:var(--verde)}
code{font-family:ui-monospace,monospace;font-size:.86em;color:var(--blanco)}
.datos{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;margin:14px 0 18px;padding:18px 22px;border-left:1px solid rgba(196,216,110,.4)}
.datos dt{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);padding-top:4px}
.datos dd{color:var(--blanco);font-size:.98rem}
.volver{margin-top:50px;padding-top:24px;border-top:1px solid rgba(246,242,234,.1);font-size:.9rem}
.pie{padding:22px 34px 34px;text-align:center}
.pie p{font-size:.72rem;color:var(--gris);letter-spacing:.05em;margin:0}
@media (max-width:520px){.cab,.legal,.pie{padding-left:22px;padding-right:22px}.datos{grid-template-columns:1fr;gap:2px 0}.datos dd{margin-bottom:10px}}