/* Estilo compartido por /privacidad y /terminos.
   Son dos documentos de texto: no necesitan nada de la portada salvo las
   fuentes, los colores y una columna angosta. Vive en un archivo aparte
   porque duplicarlo en los dos HTML garantiza que se desincronicen. */

@font-face{
  font-family:'Outfit';font-style:normal;font-weight:600 700;font-display:swap;
  src:url('/fuentes/outfit-var.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/fuentes/hanken-grotesk-var.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('/fuentes/ibm-plex-mono-500.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --papel:#F2F3EF; --papel-2:#FFFFFF;
  --tinta:#1D211C; --tinta-2:#454B44; --tenue:#6E756C;
  --linea:rgba(29,33,28,.13);
  --verde-tinta:#237A30; --verde-hondo:#1E7129;
  --display:'Outfit',system-ui,sans-serif;
  --texto:'Hanken Grotesk',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--texto);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

.barra{
  border-bottom:1px solid var(--linea);background:var(--papel);
  position:sticky;top:0;z-index:5;
}
.barra__in{
  max-width:780px;margin:0 auto;padding:0 24px;height:62px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.marca{display:flex;align-items:center;gap:9px;text-decoration:none}
.volver{
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tenue);text-decoration:none;
}
.volver:hover{color:var(--tinta)}

main{max-width:780px;margin:0 auto;padding:56px 24px 88px}

h1{
  font-family:var(--display);font-weight:700;letter-spacing:-.02em;
  font-size:clamp(30px,5.4vw,42px);line-height:1.1;margin:0;
  text-wrap:balance;
}
.fecha{
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tenue);margin:14px 0 0;
}
.entrada{font-size:19px;color:var(--tinta-2);margin:26px 0 0;max-width:38em}

h2{
  font-family:var(--display);font-weight:600;letter-spacing:-.012em;
  font-size:21px;line-height:1.3;margin:44px 0 0;
}
p{margin:14px 0 0;color:var(--tinta-2);max-width:38em}
ul{margin:14px 0 0;padding-left:1.15em;color:var(--tinta-2);max-width:38em}
li{margin-top:8px}
li::marker{color:var(--tenue)}
strong{color:var(--tinta);font-weight:600}
a{color:var(--verde-tinta);text-underline-offset:2px}
a:hover{color:var(--verde-hondo)}
a:focus-visible,.volver:focus-visible{
  outline:2px solid var(--verde-tinta);outline-offset:3px;border-radius:3px;
}

.ficha{
  margin-top:26px;padding:20px 22px;background:var(--papel-2);
  border:1px solid var(--linea);border-radius:14px;
}
.ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 20px}
.ficha dt{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--tenue);padding-top:3px;
}
.ficha dd{margin:0;color:var(--tinta)}

.pie{
  border-top:1px solid var(--linea);margin-top:64px;padding-top:24px;
  font-size:15px;color:var(--tenue);
}
.pie a{margin-right:18px}

@media (max-width:560px){
  body{font-size:16px}
  main{padding:40px 20px 72px}
  .entrada{font-size:17.5px}
  .ficha dl{grid-template-columns:1fr;gap:3px}
  .ficha dd{margin-bottom:10px}
}