/* privacidad.css — solo la tabla. El resto de la vista son elementos que ya
   tienen estilo (.wrap.estrecho, .aviso, .ayuda, .btn). */

.tabla-datos{border-collapse:collapse; width:100%; font-size:.9rem; margin:.5rem 0 1.5rem}
.tabla-datos th, .tabla-datos td{
  text-align:left; vertical-align:top; padding:.5rem .6rem;
  border-bottom:1px solid var(--line);
}
.tabla-datos th{font-size:.82rem; color:var(--muted); text-transform:uppercase; letter-spacing:.03em}
.tabla-datos td:first-child{font-weight:600}

/* En un teléfono la tabla no cabe: se desplaza ella sola, dentro de su caja,
   sin que la página entera coja barra horizontal. */
@media (max-width:34rem){
  .tabla-datos{display:block; overflow-x:auto; white-space:nowrap}
  .tabla-datos td{white-space:normal; min-width:9rem}
}