/* Legal pages: privacidad.html and terminos.html. ADR 0012.
   The font and colors repeat the values index.html defines for the landing. */
@font-face{
  font-family:'Plus Jakarta Sans';
  src:url('/assets/fonts/PlusJakartaSans-Variable-latin.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}

:root{
  --tr-blanco:#FFFFFF;
  --tr-negro:#0E0E10;
  --tr-gris-humo:#6E7175;
  --tr-gris-linea:#E8E8E8;
  --tr-font:'Plus Jakarta Sans',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--tr-font);font-weight:400;
  color:var(--tr-negro);background:var(--tr-blanco);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.legal-container{max-width:760px;margin:0 auto;padding:0 24px}

.skip-link{
  position:absolute;left:16px;top:-60px;z-index:10;
  background:var(--tr-negro);color:var(--tr-blanco);
  padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;
}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--tr-negro);outline-offset:3px}

.legal-header{padding:22px 0;border-bottom:1px solid var(--tr-gris-linea)}
.legal-logo{display:inline-block}
.legal-logo img{display:block;height:28px;width:auto}

.legal-main{padding-top:48px;padding-bottom:72px}
h1{
  margin:0 0 10px;
  font-weight:800;font-size:clamp(1.8rem,4vw,2.4rem);
  line-height:1.15;letter-spacing:-0.02em;
}
h2{margin:36px 0 10px;font-weight:800;font-size:1.15rem;line-height:1.3}
p{margin:0 0 14px;max-width:68ch}
ul,ol{margin:0 0 16px;padding-left:22px;max-width:68ch}
li{margin-bottom:6px}
a{color:var(--tr-negro);text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
.legal-version{margin-bottom:28px;color:var(--tr-gris-humo)}

.legal-footer{padding:28px 0 36px;border-top:1px solid var(--tr-gris-linea);font-size:.9rem;color:var(--tr-gris-humo)}
.legal-footer p{margin:0 0 8px;max-width:none}

@media (max-width:560px){
  .legal-main{padding-top:32px;padding-bottom:56px}
}