:root{
  --tinta:#14202b;--papel:#f4f2ec;--papel-2:#eae6db;--azul:#1f5f8b;
  --azul-hondo:#0e3a57;--cian:#2e9dc4;--sello:#c1443b;--linea:rgba(20,32,43,.14);
}
*{box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;color:var(--tinta);background:var(--papel);-webkit-font-smoothing:antialiased}
.malla{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);
  background-size:28px 28px;opacity:.4;mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 70%)}
.capa{position:relative;z-index:1}
h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:900;letter-spacing:-.01em;line-height:1.08}
.mono{font-family:'IBM Plex Mono',monospace}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--azul)}

.navbar{background:rgba(244,242,236,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--linea);padding:.6rem 0}
.marca{font-family:'Fraunces',serif;font-weight:900;font-size:1.4rem;letter-spacing:-.02em;color:var(--tinta);text-decoration:none}
.marca .at{color:var(--sello)}
.btn-linea{background:transparent;color:var(--tinta);border:1.5px solid var(--tinta);border-radius:2px;font-weight:600;transition:.2s}
.btn-linea:hover{background:var(--tinta);color:var(--papel)}
.btn-sello{background:var(--tinta);color:var(--papel);border:none;border-radius:2px;font-weight:600;padding:.7rem 1.4rem}
.btn-sello:hover{background:var(--azul-hondo);color:#fff}

.legal{max-width:820px;padding:8rem 1.2rem 4rem}
.legal h1{font-size:clamp(2rem,5vw,3rem);margin:.5rem 0 1rem}
.legal h2{font-size:1.4rem;margin:2.4rem 0 .8rem;color:var(--azul-hondo)}
.legal .lead{font-size:1.2rem;color:#43535f;margin-bottom:2rem}
.legal p,.legal li{line-height:1.65;color:#33424d}
.legal ul{padding-left:1.2rem}.legal li{margin-bottom:.4rem}

.nota-revisar{background:#fff;border:1px solid var(--linea);border-left:4px solid var(--sello);
  border-radius:4px;padding:1.1rem 1.3rem;font-size:.95rem;color:#43535f;margin:1.5rem 0 2rem}
.ph{font-family:'IBM Plex Mono',monospace;background:rgba(193,68,59,.12);color:var(--sello);padding:0 .3em;border-radius:2px;font-size:.9em}

.datos{list-style:none;padding:0;border:1px solid var(--linea);border-radius:4px;background:#fff;overflow:hidden}
.datos li{padding:.7rem 1.1rem;border-bottom:1px dashed var(--linea);margin:0}
.datos li:last-child{border-bottom:none}
.datos .k{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#6b7883;display:inline-block;min-width:110px}

.tabla-cookies{border:1px solid var(--linea);border-radius:4px;overflow:hidden;background:#fff;margin:1rem 0}
.tabla-cookies .fila{display:grid;grid-template-columns:1.2fr 2.4fr 1.2fr 1fr;gap:0}
.tabla-cookies .fila span{padding:.75rem 1rem;border-bottom:1px solid var(--linea);border-right:1px solid var(--linea);font-size:.9rem}
.tabla-cookies .fila span:last-child{border-right:none}
.tabla-cookies .cab span{background:var(--azul-hondo);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-right-color:rgba(255,255,255,.15)}
.tabla-cookies .fila:last-child span{border-bottom:none}
.peque{font-size:.85rem;color:#6b7883}
.fecha{margin-top:2rem;font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:#6b7883}

footer{background:var(--tinta);color:#b9c4cc;padding:2rem 0;margin-top:3rem}
footer a{color:#b9c4cc;text-decoration:none}footer a:hover{color:#fff}

@media(max-width:640px){
  .tabla-cookies .fila{grid-template-columns:1fr}
  .tabla-cookies .fila span{border-right:none}
}