/* =====================================================================
   legal.css: textos legales (legal.html): aviso legal, privacidad,
   cookies y condiciones del servicio. Una pestaña visible cada vez.
   ===================================================================== */

/* Ancho máximo del contenido; lo usan también la cabecera y el pie de web.css. */
.pagina-legal{--ancho-pagina:1000px}

/* ---------- Título del documento y pestañas ---------- */
.legal-encabezado{max-width:1000px;margin:0 auto;padding:56px 24px 0}
.legal-titulo{font-family:'Archivo',sans-serif;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-1.6px;font-weight:700;margin:0}
.legal-fecha{font-size:15px;color:rgba(var(--tinta-rgb),.55);margin:12px 0 0}

.legal-pestanas{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;border-bottom:1px solid rgba(var(--tinta-rgb),.1);padding-bottom:16px}
.legal-pestanas .pestana{font-size:14.5px;padding:10px 16px;border-radius:13px}

/* ---------- Cuerpo: texto a la izquierda, índice a la derecha ---------- */
.legal-cuerpo{max-width:1000px;margin:0 auto;padding:28px 24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;align-items:start}
.legal-texto{max-width:42em}

.legal-apartado{font-family:'Archivo',sans-serif;font-size:22px;letter-spacing:-.5px;font-weight:600;margin:28px 0 0}
.legal-apartado:first-child{margin-top:0}
.legal-parrafo{font-size:16.5px;line-height:1.65;color:rgba(var(--tinta-rgb),.75);margin:10px 0 0}

/* Lista con puntos ámbar (qué datos tratamos). */
.legal-lista{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.legal-lista-punto{display:flex;gap:11px;align-items:flex-start}
.legal-lista-punto::before{content:'·';color:var(--ambar-texto);font-weight:700;flex:none}
.legal-lista-punto span{font-size:16.5px;line-height:1.6;color:rgba(var(--tinta-rgb),.75)}

/* Tabla de cookies: cabecera gris y filas separadas por líneas. */
.tabla-cookies{margin-top:14px;border:1px solid rgba(var(--tinta-rgb),.1);border-radius:18px;overflow:hidden}
.tabla-cookies-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:14px 16px;
  border-top:1px solid rgba(var(--tinta-rgb),.08);font-size:15px;color:rgba(var(--tinta-rgb),.75)}
.tabla-cookies-cabecera{padding:12px 16px;border-top:none;background:rgba(var(--tinta-rgb),.04);
  font-size:12.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:rgba(var(--tinta-rgb),.55)}

/* ---------- Índice lateral ("En esta página") ---------- */
.legal-indice{position:sticky;top:96px;background:var(--tarjeta);border:1px solid rgba(var(--tinta-rgb),.08);border-radius:22px;padding:22px}
.legal-indice-enlaces{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.legal-indice-enlace{text-align:left;border:none;background:none;padding:0;cursor:pointer;font-size:15.5px;font-weight:400;color:rgba(var(--tinta-rgb),.7)}
.legal-indice-enlace.activa{font-weight:600;color:var(--tinta)}
.legal-indice-separador{height:1px;background:rgba(var(--tinta-rgb),.1);margin:18px 0}
.legal-indice-ayuda{font-size:14.5px;line-height:1.6;color:rgba(var(--tinta-rgb),.65)}