/* Páginas legales. Mismos tokens que index.html, fijados en paleta de día:
   son documentos que se leen, no llevan el gesto del amanecer. */

:root{
  --fondo:#EDE7DC;
  --tinta:#0D1A1E;
  --tenue:#455B60;
  --linea:#CFC6B6;
  --teal:#047583;
  --petroleo:#03414C;
  --medida:66ch;
}

*{box-sizing:border-box}

html{ -webkit-text-size-adjust:100% }

body{
  margin:0;
  background:var(--fondo);
  color:var(--tinta);
  font-family:'Switzer',system-ui,sans-serif;
  font-size:1.0625rem;
  line-height:1.65;
  font-weight:400;
}

::selection{ background:var(--teal); color:#fff }

a{ color:var(--teal); text-underline-offset:.18em; text-decoration-thickness:1px }
a:hover{ color:var(--petroleo) }
a:focus-visible,button:focus-visible{ outline:2px solid var(--teal); outline-offset:3px; border-radius:2px }

.env{ width:min(100% - 2.5rem, var(--medida)); margin-inline:auto }

header.legal-cab{
  border-bottom:1px solid var(--linea);
  padding:1.15rem 0;
  margin-bottom:3.25rem;
}
header.legal-cab .env{ display:flex; align-items:center; justify-content:space-between; gap:1rem }
.marca{ display:flex; align-items:center; gap:.6rem; font-weight:600; letter-spacing:-.01em }
.marca img{ width:26px; height:26px; object-fit:contain }
.volver{ font-size:.9375rem; text-decoration:none }
.volver:hover{ text-decoration:underline }

main{ padding-bottom:5rem }

h1{
  font-family:'Zodiak',Georgia,serif;
  font-weight:700;
  font-size:clamp(2rem,5vw,2.75rem);
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0 0 .5rem;
}

.actualizado{ color:var(--tenue); font-size:.9375rem; margin:0 0 2.75rem }

h2{
  font-family:'Zodiak',Georgia,serif;
  font-weight:700;
  font-size:1.3125rem;
  line-height:1.25;
  letter-spacing:-.01em;
  margin:2.75rem 0 .75rem;
  padding-top:1.5rem;
  border-top:1px solid var(--linea);
}

h3{ font-size:1.0625rem; font-weight:600; margin:1.75rem 0 .4rem }

p,li{ max-width:var(--medida) }
p{ margin:0 0 1rem }
ul,ol{ margin:0 0 1rem; padding-left:1.25rem }
li{ margin-bottom:.4rem }

dl{ margin:0 0 1.25rem }
dt{ font-weight:600; margin-top:.85rem }
dd{ margin:0; color:var(--tenue) }

.tabla-envoltorio{ overflow-x:auto; margin:0 0 1.25rem }
table{ border-collapse:collapse; width:100%; min-width:34rem; font-size:.9375rem }
th,td{ text-align:left; padding:.6rem .7rem; border-bottom:1px solid var(--linea); vertical-align:top }
th{ font-weight:600; white-space:nowrap }

.nota{
  border-left:3px solid var(--teal);
  padding:.85rem 0 .85rem 1rem;
  margin:1.5rem 0;
  color:var(--tenue);
  font-size:.9375rem;
}

.num{ font-variant-numeric:tabular-nums }

footer.legal-pie{
  border-top:1px solid var(--linea);
  padding:1.75rem 0 3rem;
  color:var(--tenue);
  font-size:.875rem;
}
footer.legal-pie p{ margin:0 0 .3rem }

@media (prefers-reduced-motion:no-preference){
  html{ scroll-behavior:smooth }
}