/* ==========================================================================
   Páginas legales (Política de Cookies / Política de Tratamiento de Datos)
   Reutiliza variables y clases base de styles.css (colores, botones, .wrap)
   ========================================================================== */

.legal{padding:calc(var(--space-5) + 60px) 0 var(--space-5);background:var(--cream);min-height:70vh;}
.legal__wrap{max-width:820px;}
.legal h1{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);color:var(--ink-soft);margin-bottom:var(--space-1);}
.legal__updated{color:var(--navy-soft);font-size:14px;margin-bottom:var(--space-4);}
.legal h2{font-family:var(--font-display);font-size:20px;color:var(--navy);margin-top:var(--space-4);margin-bottom:var(--space-2);}
.legal p{font-family:var(--font-body);line-height:1.7;color:var(--ink-soft);margin-bottom:var(--space-2);}
.legal a{color:var(--navy);text-decoration:underline;}
.legal__list{margin:0 0 var(--space-2);padding-left:20px;font-family:var(--font-body);line-height:1.7;color:var(--ink-soft);}
.legal__list li{margin-bottom:6px;}
.legal__note{font-size:14px;font-style:italic;color:var(--navy-soft);}

.legal__table{width:100%;border-collapse:collapse;margin:var(--space-2) 0 var(--space-3);font-family:var(--font-body);font-size:14px;background:var(--white);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);}
.legal__table th,.legal__table td{text-align:left;padding:10px 12px;border-bottom:1px solid #E3E6D8;}
.legal__table th{background:var(--navy);color:var(--white);font-weight:600;}
.legal__table tbody tr:last-child td{border-bottom:none;}

@media (max-width:640px){
  .legal__table{display:block;overflow-x:auto;}
}

/* ==========================================================================
   Banner de consentimiento de cookies
   Tarjeta flotante compacta (no ocupa el ancho completo ni mucha altura),
   con la paleta de marca de KIWI surf.
   ========================================================================== */

.cookie-banner{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;
  max-width:560px;margin:0 auto;
  background:var(--sky-deep);
  border-radius:var(--radius-card);
  box-shadow:0 10px 30px rgba(10,25,47,.35);
  transform:translateY(calc(100% + 24px));
  transition:transform .35s ease;
}
.cookie-banner.is-visible{transform:translateY(0);}
.cookie-banner__inner{padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;}
.cookie-banner__text{flex:1 1 220px;font-family:var(--font-body);font-size:13px;line-height:1.45;color:var(--white);margin:0;}
.cookie-banner__text a{color:var(--green);text-decoration:underline;white-space:nowrap;}
.cookie-banner__actions{display:flex;gap:8px;flex-shrink:0;}

.cookie-banner__btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-ui);font-weight:700;font-size:13px;
  padding:9px 16px;border-radius:var(--radius-pill);
  border:2px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .15s ease,background .2s ease,border-color .2s ease;
}
.cookie-banner__btn:hover{transform:translateY(-1px);}
.cookie-banner__btn--reject{background:transparent;color:var(--white);border-color:rgba(255,255,255,.45);}
.cookie-banner__btn--reject:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7);}
.cookie-banner__btn--accept{background:var(--green);color:var(--navy);}
.cookie-banner__btn--accept:hover{background:#78C402;}

.footer__legal-links{display:block;font-size:13px;opacity:.85;margin-top:6px;}
.footer__legal-links a{color:inherit;text-decoration:underline;}
#kiwi-cookie-reopen{cursor:pointer;}

@media (max-width:640px){
  .cookie-banner{left:10px;right:10px;bottom:10px;}
  .cookie-banner__inner{padding:14px 16px;gap:10px;}
  .cookie-banner__text{font-size:12.5px;flex-basis:100%;}
  .cookie-banner__actions{width:100%;justify-content:flex-end;}
}