/* ============================================================
   BRIOX BAKER · páginas legales (aviso legal, privacidad, cookies)
   Piggyback sobre styles.css (tokens, header, footer, rejilla).
   Long-form legible: columna estrecha, interlínea generosa, oro
   en los títulos. Legal que NO parece de abogado.
   ============================================================ */
.legal-main { padding: clamp(6rem, 12vh, 9rem) 0 var(--gap-m); }
.legal { max-width: 760px; margin-inline: auto; }

.legal__back { display: inline-flex; align-items: center; gap: .4rem;
  color: var(--muted); font-weight: var(--fw-semi); font-size: var(--fs-small, .92rem);
  margin-bottom: clamp(1.4rem, 3vw, 2.2rem);
  transition: color .2s var(--ease); }
.legal__back:hover { color: var(--gold); }

.legal h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: var(--fw-black);
  letter-spacing: -.02em; line-height: 1.05; margin: 0 0 .5rem; text-wrap: balance; }
.legal__updated { color: var(--muted); font-size: var(--fs-small, .9rem);
  margin: 0 0 clamp(1.8rem, 4vw, 2.8rem); }

.legal h2 { font-size: clamp(1.2rem, 2.6vw, 1.6rem); font-weight: var(--fw-black);
  color: var(--gold); letter-spacing: -.01em; margin: clamp(2rem, 4vw, 2.8rem) 0 .8rem; }
.legal h3 { font-size: 1.05rem; font-weight: var(--fw-semi); color: var(--cream);
  margin: 1.4rem 0 .4rem; }
.legal p, .legal li { color: var(--muted); font-size: var(--fs-body); line-height: 1.75; margin: 0 0 1rem; }
.legal strong { color: var(--cream); font-weight: var(--fw-semi); }
.legal a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
/* El correo y el teléfono de la ficha de la empresa se pulsan de verdad (abren el
   correo o llaman): 44px de alto, aunque parezcan una línea más del texto. */
.legal__id a { display: inline-block; padding-block: 10px; }
.legal a:hover { color: var(--gold-2); }
.legal ul { margin: 0 0 1rem; padding-left: 1.3rem; }
.legal li { margin-bottom: .5rem; }
.legal li::marker { color: var(--gold); }

/* Ficha de identidad (aviso legal): tarjeta destacada con los datos reales */
.legal__id { border: 1px solid var(--line-gold); border-radius: var(--r-media);
  background: rgba(255, 181, 0, .05); padding: clamp(1.2rem, 2.5vw, 1.8rem);
  margin: 1.2rem 0 1.8rem; display: grid; gap: .5rem; }
.legal__id p { margin: 0; color: var(--cream); }
.legal__id .k { color: var(--gold); font-weight: var(--fw-semi); font-size: .82rem;
  text-transform: uppercase; letter-spacing: .05em; }

/* Aviso de "no sustituye asesoría" al pie del documento */
.legal__note { margin-top: clamp(2rem, 4vw, 3rem); padding-top: 1.4rem;
  border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; line-height: 1.6; }

/* La tabla de la política de cookies (3-ago-2026). Va con scroll propio: en un
   móvil de 390 px una tabla de cuatro columnas no cabe, y lo que NO puede pasar
   es que se vaya de lado la página entera. */
.legal__tabla{ overflow-x:auto; margin:1.4rem 0; -webkit-overflow-scrolling:touch }
.legal__tabla table{ width:100%; min-width:520px; border-collapse:collapse; font-size:.9375rem }
.legal__tabla th,.legal__tabla td{ padding:.7rem .85rem; text-align:left; vertical-align:top;
  border-bottom:1px solid rgba(255,255,255,.10); line-height:1.5 }
.legal__tabla thead th{ font-weight:700; color:#fff; border-bottom-color:rgba(255,181,0,.34);
  white-space:nowrap }
.legal__tabla td code{ font-size:.875rem; color:#ffb500; white-space:nowrap }
.legal__tabla tbody tr:last-child td{ border-bottom:0 }