/* Hoja compartida por aviso-legal.html y privacidad.html.
   Misma paleta que la web, sin nada de lo que pesa: ni auroras, ni
   cristal, ni animaciones. Son páginas para leer. */
:root{
  --ink:#241812;
  --graphite:#4E3928;
  --ash:#5F4C3A;
  --mist:#DCCBB4;
  --brass:#8A6A2F;
  --r-md:14px; --r-sm:9px; --r-xs:6px;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; min-height:100vh;
  font-family:'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size:1rem; line-height:1.68; color:var(--ink);
  background:#F1E6D3;
  background-image:linear-gradient(180deg,#FDFAF3,#E9DCC6 900px);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.shell{ width:min(760px, 90vw); margin-inline:auto; padding:56px 0 80px; }

.top{ display:inline-flex; align-items:center; gap:13px; margin-bottom:44px; text-decoration:none; color:inherit; }
.placa{ width:46px; height:46px; flex:none; border-radius:var(--r-sm);
        background:linear-gradient(150deg,#4A3223,#241812);
        box-shadow:inset 0 0 0 1px rgba(185,139,60,.3);
        display:grid; place-items:center; }
.top b{ display:block; font-weight:700; letter-spacing:-.02em; }
.top span span{ font-size:.8rem; color:var(--ash); }

h1{ font-size:clamp(1.9rem, 4.4vw, 2.6rem); letter-spacing:-.03em; line-height:1.08; margin:0 0 10px; }
h2{ font-size:1.12rem; letter-spacing:-.015em; margin:40px 0 12px; }
.fecha{ font-size:.82rem; color:var(--ash); margin:0 0 36px; }
p{ margin:0 0 15px; }
ul{ margin:0 0 15px; padding-left:20px; }
li{ margin-bottom:7px; }
a{ color:var(--ink); }
strong{ font-weight:600; }

/* el filete de latón que separa la cabecera */
.regla{ height:2px; border:0; margin:0 0 34px;
        background:linear-gradient(90deg, var(--brass), transparent); }

.volver{
  display:inline-flex; align-items:center; gap:8px; margin-top:44px;
  padding:12px 22px; border-radius:999px; text-decoration:none;
  background:var(--ink); color:#fff; font-size:.9rem;
}
:focus-visible{ outline:2.5px solid var(--ink); outline-offset:3px; border-radius:var(--r-xs); }

@media (max-width:640px){ .shell{ padding:36px 0 60px; } }

/* La tijera de la cabecera, la misma del logotipo */
.placa svg{ width:26px; height:26px; }