/* ─────────────────────────────────────────────────────────────
   FLUYO · páginas legales (aviso legal, privacidad, cookies)
   Depende de base.css, que va cargado antes.
   Aquí el acento terracota aparece una sola vez por pantalla: en la
   etiqueta «Legal». Los enlaces del cuerpo van subrayados en fino, no
   en color, para no multiplicar acentos en una página llena de enlaces.
   ───────────────────────────────────────────────────────────── */

.pagina-legal{
  max-width:760px;margin:0 auto;
  padding:calc(74px + clamp(36px,6vw,72px)) clamp(18px,4vw,52px) clamp(48px,7vw,90px);
}

.volver{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-size:15px;color:var(--tx2);margin-bottom:clamp(20px,3vw,32px);
}
.volver:hover{color:var(--tx)}

.pagina-legal h1{
  font-size:clamp(32px,5vw,58px);font-weight:600;letter-spacing:-.042em;
  line-height:1.02;margin:14px 0 10px;text-wrap:balance;
}
.actualizado{font-size:14px;color:var(--tx3);margin-bottom:clamp(24px,3vw,32px)}
.entrada{
  font-size:clamp(17px,1.7vw,19px);color:var(--tx2);line-height:1.5;
  padding-bottom:clamp(24px,3vw,36px);border-bottom:1px solid var(--hair);
  text-wrap:pretty;
}

.pagina-legal h2{
  font-size:clamp(21px,2.4vw,26px);font-weight:600;letter-spacing:-.025em;
  line-height:1.2;margin:clamp(34px,4.4vw,52px) 0 14px;text-wrap:balance;
}
.pagina-legal h3{
  font-size:18px;font-weight:600;letter-spacing:-.02em;
  margin:26px 0 10px;
}
.pagina-legal p{color:var(--tx2);margin-bottom:14px;max-width:62ch;text-wrap:pretty}
.pagina-legal strong{color:var(--tx);font-weight:600}
.pagina-legal ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0 0 16px;max-width:62ch}
.pagina-legal li{
  color:var(--tx2);padding-left:20px;position:relative;
}
.pagina-legal li::before{
  content:'';position:absolute;left:2px;top:.65em;
  width:6px;height:1px;background:var(--tx3);
}
.pagina-legal code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.88em;background:var(--band);padding:2px 5px;border-radius:6px;color:var(--tx);
}
.pagina-legal a:not(.volver):not(.btn-pref){
  color:var(--tx);text-decoration:underline;text-decoration-color:var(--hair2);
  text-underline-offset:3px;transition:text-decoration-color .2s;
}
.pagina-legal a:not(.volver):not(.btn-pref):hover{text-decoration-color:var(--acc)}

/* Ficha de datos del titular */
.ficha{
  background:var(--band);border-radius:20px;padding:clamp(20px,2.6vw,28px);
  display:flex;flex-direction:column;gap:9px;margin:4px 0 16px;
}
.ficha p{margin:0;color:var(--tx2);max-width:none}

/* Tablas de cookies */
.tabla-caja{
  overflow-x:auto;margin:4px 0 18px;
  border:1px solid var(--hair);border-radius:16px;
}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
th,td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair)}
th{
  font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx3);white-space:nowrap;
}
td{color:var(--tx2)}
tbody tr:last-child td{border-bottom:none}

.marca-tipo{
  display:inline-block;padding:3px 11px;border-radius:100px;
  font-size:12px;font-weight:500;white-space:nowrap;
  border:1px solid var(--hair);color:var(--tx2);
}
.marca-tipo.necesaria{border-color:var(--hair2);color:var(--tx)}

/* Botón de preferencias de cookies */
.btn-pref{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:0 24px;margin:6px 0 10px;
  border-radius:100px;border:1px solid var(--hair);
  color:var(--tx);font-size:15.5px;font-weight:500;
  transition:border-color .2s;
}
.btn-pref:hover{border-color:var(--hair2);color:var(--tx)}
.btn-pref:active{transform:scale(.98)}

/* Espacio para que el banner no tape el final de la página */
body.con-banner{padding-bottom:150px}

@media (max-width:560px){
  .pagina-legal ul{gap:12px}
}