/* Estilos de las páginas legales de ZAVS.
   Archivo aparte porque lo comparten privacidad.html y terminos.html, y un
   documento legal que se ve distinto en cada página parece improvisado.
   `construir.mjs` lo copia a dist/ tal cual. */

:root{
  color-scheme:light;
  --tinta:#15172B;
  --gris:#565A7C;
  --tenue:#767993;
  --linea:#E4E2F0;
  --fondo:#F6F5FB;
  --marca:#0E7C93;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;padding:0;background:#fff;color:var(--tinta);
  font:16px/1.72 var(--sans);-webkit-font-smoothing:antialiased;
}
.doc{max-width:720px;margin:0 auto;padding:34px 22px 80px}

.volver{
  display:inline-block;margin-bottom:26px;color:var(--marca);
  text-decoration:none;font-size:14.5px;
}
.volver:hover{text-decoration:underline;text-underline-offset:3px}

h1{font-size:clamp(1.7rem,4vw,2.15rem);line-height:1.18;letter-spacing:-.028em;margin:0 0 6px}
.fecha{color:var(--tenue);font-size:13.5px;margin:0 0 30px;
  padding-bottom:22px;border-bottom:1px solid var(--linea)}
h2{font-size:1.16rem;line-height:1.3;letter-spacing:-.015em;margin:32px 0 10px}
p{margin:0 0 13px}
ul{margin:0 0 13px;padding-left:21px}
li{margin-bottom:7px}
b{font-weight:640}
a{color:var(--marca)}

table{width:100%;border-collapse:collapse;margin:15px 0 18px;font-size:14.8px}
th,td{text-align:left;padding:10px 13px;border:1px solid var(--linea);vertical-align:top}
th{background:var(--fondo);font-weight:640;white-space:nowrap}
/* En móvil la columna de la izquierda no puede empujar la tabla fuera. */
@media (max-width:560px){ th{white-space:normal} table{font-size:14px} }

.nota{
  background:var(--fondo);border:1px solid var(--linea);border-left:3px solid var(--marca);
  border-radius:9px;padding:14px 16px;margin:18px 0;font-size:14.8px;color:var(--gris);
}
.nota b{color:var(--tinta)}

.pie-doc{margin-top:44px;padding-top:20px;border-top:1px solid var(--linea);
  color:var(--tenue);font-size:14px}