/* Paginas legales (privacidad y terminos): texto largo, ancho de lectura, sin adornos. */
body { background: #0b0e14; color: #e6e9f0; font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0; }
.legal { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; line-height: 1.6; font-size: 16px; }
.legal h1 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-size: 34px; margin: 18px 0 6px; }
.legal h2 { font-size: 19px; margin: 30px 0 8px; }
.legal p, .legal li { color: #c9cfdb; }
.legal .meta { color: #8a93a6; font-size: 14px; }
.legal a { color: #3fc596; }
.legal .arriba { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 14px; }
.legal .logo { color: #e6e9f0; text-decoration: none; font-weight: 700; letter-spacing: -.01em; display: inline-flex; align-items: center; gap: 8px; }
.legal .logo__marca { height: 24px; width: auto; }
.legal .logo b { color: #3fc596; }
.legal ul { padding-left: 20px; }
/* Pagina 404 (2026-09-29): mismo marco que lo legal, con dos botones. */
.no-encontrada h1 { margin-top: 28px; }
.botones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.legal a.boton { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 10px; background: #0b8058; color: #fff; font-weight: 700; text-decoration: none; }
.legal a.boton:hover { background: #097049; }
.legal a.boton--linea { background: none; border: 1px solid #2a3142; color: #e6e9f0; }
.legal a.boton--linea:hover { background: #141926; }
/* Tablas de la politica de privacidad (2026-10-01): en el celular se desplazan dentro de su caja, nunca la pagina. */
.legal h3 { font-size: 16px; margin: 22px 0 6px; }
.legal .tabla { overflow-x: auto; margin: 12px 0; border: 1px solid #2a3142; border-radius: 10px; }
.legal table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: 14px; line-height: 1.5; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid #2a3142; color: #c9cfdb; }
.legal th { color: #e6e9f0; background: #141926; }
.legal tr:last-child td { border-bottom: 0; }
.legal code { font-size: 13px; background: #141926; padding: 1px 5px; border-radius: 5px; color: #e6e9f0; }
.legal small { color: #8a93a6; word-break: break-all; }
.legal td ul { margin: 6px 0; padding-left: 18px; }
/* En el celular cada fila es una tarjeta con el nombre de la columna encima de cada dato. */
@media (max-width: 640px) {
  .legal .tabla { overflow: visible; border: 0; }
  .legal table { min-width: 0; }
  .legal thead { display: none; }
  .legal table, .legal tbody, .legal tr, .legal td { display: block; width: auto; }
  .legal tr { border: 1px solid #2a3142; border-radius: 10px; margin-bottom: 12px; }
  .legal td { border-bottom: 1px solid #2a3142; }
  .legal td:last-child { border-bottom: 0; }
  .legal td::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 700; color: #8a93a6; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 2px; }
}