/* Banner de cookies de Latydos. Medidas tomadas del banner de referencia (1320px de ancho, radio 48px, botones de 72px)
   y colores corporativos de Latydos. Sigue el tema claro/oscuro (<html data-theme="light|dark">; por defecto oscuro). */
.lt-cc{
  --cc-surface:#120a12; --cc-text:#f8eaec; --cc-muted:#b3949a; --cc-line:#2a1a20;
  --cc-accent:#ff4d7d; --cc-accent2:#ff9ec0; --cc-on-accent:#1a0610; --cc-glow:rgba(255,77,125,.22);
  --cc-soft:rgba(255,77,125,.12); --cc-soft-line:rgba(255,77,125,.38); --cc-soft-text:#ff9ec0;
  --cc-neutral:#1d1219; --cc-neutral-text:#f8eaec; --cc-edge:rgba(255,255,255,.65); --cc-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 14px rgba(255,255,255,.2),0 16px 40px rgba(0,0,0,.5);
  position:fixed; left:50%; bottom:20px; z-index:2147483000;
  width:min(620px,calc(100% - 32px)); transform:translate(-50%,0);
  box-sizing:border-box; padding:24px 26px 26px;
  background:var(--cc-surface); color:var(--cc-text);
  border:1.5px solid var(--cc-edge); border-radius:22px; box-shadow:var(--cc-shadow);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.55;
  animation:lt-cc-in .45s cubic-bezier(.2,.8,.2,1) both;
}
:root[data-theme=light] .lt-cc{
  --cc-surface:#ffffff; --cc-text:#2b1519; --cc-muted:#7a5d64; --cc-line:#eadde1;
  --cc-accent:#e11d5c; --cc-accent2:#be185d; --cc-on-accent:#ffffff; --cc-glow:rgba(225,29,92,.18);
  --cc-soft:rgba(225,29,92,.07); --cc-soft-line:rgba(225,29,92,.30); --cc-soft-text:#be185d;
  --cc-neutral:#f5ecee; --cc-neutral-text:#2b1519; --cc-edge:rgba(225,29,92,.28); --cc-shadow:0 0 12px rgba(225,29,92,.12),0 16px 40px rgba(60,20,30,.16);
}
.lt-cc *,.lt-cc *::before,.lt-cc *::after{box-sizing:border-box}
.lt-cc[hidden]{display:none}
.lt-cc.is-out{animation:lt-cc-out .28s ease both}

.lt-cc__title{margin:0 0 8px;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--cc-accent)}
.lt-cc__text{margin:0 0 18px;font-size:13.5px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--cc-text)}
.lt-cc__text a{color:var(--cc-accent2);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.lt-cc__text a:hover{color:var(--cc-accent)}

.lt-cc__actions{display:flex;gap:10px}
.lt-cc__btn{
  flex:1 1 0; min-width:0; height:40px; padding:0 10px; border-radius:999px; cursor:pointer;
  font:600 13.5px/1 Inter,system-ui,sans-serif; text-align:center;
  border:1px solid transparent; transition:transform .2s,box-shadow .2s,background-color .2s,filter .2s;
}
.lt-cc__btn:hover{transform:translateY(-2px)}
.lt-cc__btn:focus-visible{outline:2px solid var(--cc-accent2);outline-offset:2px}
.lt-cc__btn--primary{background:linear-gradient(90deg,var(--cc-accent),var(--cc-accent2));color:var(--cc-on-accent);box-shadow:0 6px 16px var(--cc-glow)}
.lt-cc__btn--primary:hover{filter:brightness(1.06);box-shadow:0 8px 20px var(--cc-glow)}
.lt-cc__btn--soft{background:var(--cc-soft);color:var(--cc-soft-text);border-color:var(--cc-soft-line)}
.lt-cc__btn--soft:hover{background:color-mix(in srgb,var(--cc-accent) 20%,transparent)}
.lt-cc__btn--neutral{background:var(--cc-neutral);color:var(--cc-neutral-text);border-color:var(--cc-line)}
.lt-cc__btn--neutral:hover{background:color-mix(in srgb,var(--cc-neutral) 85%,var(--cc-text))}

@keyframes lt-cc-in{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes lt-cc-out{to{opacity:0;transform:translate(-50%,24px)}}

/* Móvil: botones apilados */
@media (max-width:520px){
  .lt-cc{bottom:10px;width:calc(100% - 20px);padding:18px 16px 16px;border-radius:18px}
  .lt-cc__title{font-size:16px}
  .lt-cc__text{font-size:13px;margin-bottom:14px}
  .lt-cc__actions{flex-direction:column;gap:8px}
  .lt-cc__btn{flex:none;width:100%;height:42px}
}
@media (prefers-reduced-motion:reduce){.lt-cc,.lt-cc.is-out{animation:none}.lt-cc__btn{transition:none}}