/* MES TEC · páginas de lectura (aviso legal y privacidad). Va después de base.css. */
body{line-height:1.65}
a:hover{color:var(--azul-hover)}
.envoltorio{max-width:46rem;margin:0 auto;padding:0 24px}
main{padding:24px 0 72px}
h1{margin:0 0 8px;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.05;font-weight:850;font-variation-settings:"wdth" 72}
.fecha{margin:0 0 40px;color:var(--gris)}
h2{margin:44px 0 10px;font-size:1.35rem;line-height:1.2;font-weight:800;font-variation-settings:"wdth" 85}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:1.2em}
li{margin-bottom:6px}
/* Ficha de datos del titular (aviso legal) */
.datos{margin:0;display:grid;grid-template-columns:minmax(150px,.4fr) 1fr;border-top:2px solid var(--noche)}
.datos dt,.datos dd{margin:0;padding:12px 0;border-bottom:1px solid var(--rejilla)}
.datos dt{font-weight:700;padding-right:20px}
.datos dd{font-variant-numeric:tabular-nums}
.pie{padding:24px 0 40px;border-top:1px solid var(--rejilla);color:var(--gris);font-size:.9rem}
.pie a{display:inline-block;padding:11px 0}   /* 44 px de alto */
@media (max-width:560px){
  .envoltorio{padding:0 16px}
  .datos{grid-template-columns:1fr}
  .datos dt{padding-bottom:0;border-bottom:0}
  .datos dd{padding-top:2px}
}
/* Tablas (política de cookies): en el móvil se desplazan dentro de su caja, nunca la página */
.tabla-envoltorio{overflow-x:auto;margin:0 0 14px;border-top:2px solid var(--noche)}
.tabla{border-collapse:collapse;width:100%;min-width:34rem;font-size:.95rem}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;border-bottom:1px solid var(--rejilla)}
.tabla th{font-weight:700}
.tabla td:first-child{white-space:nowrap}
code{font-size:.88em;background:var(--hoja);border:1px solid var(--rejilla);border-radius:4px;padding:1px 5px}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pie nav{display:flex;flex-wrap:wrap;gap:0 20px}
/* En el móvil, cada fila de la tabla pasa a ser una ficha con sus etiquetas */
@media (max-width:560px){
  .tabla{min-width:0}
  .tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .tabla tr{display:block;padding:12px 0;border-bottom:1px solid var(--rejilla)}
  .tabla td{display:block;padding:2px 0;border:0}
  .tabla td:first-child{white-space:normal;margin-bottom:4px}
  .tabla td:not(:first-child)::before{content:attr(data-etiqueta) ": ";font-weight:700}
}