/* =========================================================
   TU DESVÍO — Páginas legales (aviso legal, privacidad, cookies,
   accesibilidad). 19-sep-2026 · misma estructura que blisshomes.es y
   nivelaclean.es: banda de cabecera con titular grande, contenido a
   780 px sobre banda clara, ficha de datos en tarjeta y fecha al final.
   ========================================================= */
.lg-wrap { max-width: var(--container, 1180px); margin: 0 auto; padding: 0 24px; }

/* Cabecera */
.lg-hero { padding: clamp(40px, 7vw, 96px) 0 clamp(40px, 6vw, 80px); }
.lg-crumb { font-size: .82rem; color: var(--td-ink-soft); margin: 0 0 14px; }
.lg-crumb a { color: var(--td-ink-soft); }
.lg-crumb a:hover { color: var(--td-olive); text-decoration: underline; text-underline-offset: 3px; }
.lg-hero h1.hand { font-size: clamp(3.4rem, 8.5vw, 6.2rem); line-height: .98; margin: 0 0 18px; max-width: 12ch; }
.lg-lede { font-size: clamp(1rem, 1.35vw, 1.15rem); line-height: 1.65; color: var(--td-ink-soft); max-width: 600px; }

/* Contenido */
.lg-body { background: var(--td-cream-100); border-top: 1px solid var(--td-line); padding: clamp(48px, 7vw, 96px) 0 clamp(64px, 8vw, 112px); }
.lg-prose { max-width: 780px; margin: 0 auto; padding: 0 24px; }
.lg-prose > :first-child { margin-top: 0; }
.lg-prose h2 {
  font-family: var(--td-font-hand); font-weight: 700; color: var(--td-olive);
  font-size: clamp(2.3rem, 4.4vw, 3.1rem); line-height: 1.05; margin: clamp(2.6rem, 5vw, 3.6rem) 0 12px;
}
.lg-prose h3 { font-size: 1.05rem; font-weight: 600; color: var(--td-ink); line-height: 1.35; margin: 26px 0 8px; }
.lg-prose p, .lg-prose li { font-size: 1rem; line-height: 1.75; color: var(--td-ink); }
.lg-prose p { margin: 0 0 14px; }
.lg-prose ul { list-style: disc; margin: 0 0 18px; padding-left: 1.25rem; }
.lg-prose li + li { margin-top: 6px; }
.lg-prose li::marker { color: var(--td-terracotta); }
.lg-prose strong { font-weight: 600; }
.lg-prose a { color: var(--td-terracotta-600); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.lg-prose a:hover { color: var(--td-olive); }
.lg-prose code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .86em; color: var(--td-olive-700); }

/* Ficha de datos */
.lg-data {
  margin: 20px 0 8px; padding: 6px 26px; background: var(--td-white);
  border: 1px solid var(--td-line); border-radius: var(--td-radius-lg); box-shadow: var(--td-shadow-sm);
}
.lg-data div { display: grid; grid-template-columns: 180px 1fr; gap: 4px 20px; padding: 14px 0; }
.lg-data div + div { border-top: 1px solid var(--td-line); }
.lg-data dt { font-weight: 600; color: var(--td-olive-700); font-size: .95rem; }
.lg-data dd { margin: 0; font-size: .97rem; line-height: 1.6; }

/* Finalidades */
.lg-purpose { padding: 20px 0 4px; border-top: 1px solid var(--td-line); }
.lg-purpose:first-of-type { border-top: 0; padding-top: 0; }
.lg-purpose h3 { margin-top: 0; }
.lg-purpose p { margin-bottom: 6px; }

/* Tablas */
.lg-table-wrap { margin: 18px 0 22px; background: var(--td-white); border: 1px solid var(--td-line); border-radius: var(--td-radius-lg); overflow: hidden; }
.lg-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.lg-table th { text-align: left; font-weight: 600; font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; color: var(--td-ink-soft); padding: 13px 16px; background: var(--td-cream-100); border-bottom: 1px solid var(--td-line); }
.lg-table td { padding: 13px 16px; border-bottom: 1px solid var(--td-line); vertical-align: top; line-height: 1.55; }
.lg-table tr:last-child td { border-bottom: 0; }
.lg-table td:first-child { min-width: 200px; }
.lg-table small { display: block; color: var(--td-ink-soft); font-size: .78rem; margin-top: 2px; }

.lg-note { background: var(--td-cream); border-radius: var(--td-radius-md); padding: 16px 20px; font-size: .95rem !important; }

.lg-prose .btn { margin: 4px 0 18px; }
.lg-updated { margin-top: 44px !important; padding-top: 18px; border-top: 1px solid var(--td-line); font-size: .9rem !important; color: var(--td-ink-soft) !important; }

@media (min-width: 1100px) {
  .lg-table-wrap { margin-left: -80px; margin-right: -80px; }
}
@media (max-width: 640px) {
  .lg-data { padding: 4px 18px; }
  .lg-data div { grid-template-columns: 1fr; }
  .lg-table-wrap { background: transparent; border: 0; border-radius: 0; overflow: visible; }
  .lg-table, .lg-table tbody, .lg-table tr, .lg-table td { display: block; width: 100%; }
  .lg-table thead { display: none; }
  .lg-table tr { background: var(--td-white); border: 1px solid var(--td-line); border-radius: var(--td-radius-md); padding: 4px 16px; margin-bottom: 12px; }
  .lg-table td { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 10px 0; min-width: 0 !important; }
  .lg-table tr td:last-child { border-bottom: 0; }
  .lg-table td::before { content: attr(data-label); font-weight: 600; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; color: var(--td-ink-soft); padding-top: 3px; }
}