/* ============================================================
   Banner de consentimiento · marca Celcom
   Hereda de celcom-tokens.css; si no está, usa los fallback.
   ============================================================ */
.ck{
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  background:var(--celcom-azul, #0033A0);
  color:#fff;
  box-shadow:0 -6px 30px rgba(0,16,52,.28);
  transform:translateY(105%);
  transition:transform .26s cubic-bezier(.22,.61,.36,1);
}
.ck.is-on{ transform:translateY(0) }
.ck__in{
  width:min(1160px,92vw); margin-inline:auto;
  padding:18px 0 20px;
  display:flex; align-items:center; gap:28px; flex-wrap:wrap;
}
.ck__txt{ flex:1; min-width:280px }
.ck__t{
  font-family:var(--celcom-font-tit, 'Poppins', system-ui, sans-serif);
  font-weight:600; font-size:15.5px; color:#fff; margin:0 0 5px;
}
.ck__d{
  font-family:var(--celcom-font-txt, 'Inter', system-ui, sans-serif);
  font-size:13.5px; color:rgba(255,255,255,.82); margin:0; line-height:1.5; max-width:70ch;
}
.ck__d a{ color:#fff; text-decoration:underline }
.ck__btns{ display:flex; gap:10px; flex-wrap:wrap }
.ck__b{
  font-family:var(--celcom-font-tit, 'Poppins', system-ui, sans-serif);
  font-weight:600; font-size:14px;
  padding:11px 26px; border-radius:999px; border:0; cursor:pointer;
  transition:.15s ease; white-space:nowrap;
}
/* Rechazar y Aceptar con el mismo peso: es el estándar de cumplimiento */
.ck__b--no{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55) }
.ck__b--no:hover{ background:rgba(255,255,255,.12) }
.ck__b--si{ background:var(--celcom-naranjo, #F89800); color:#fff }
.ck__b--si:hover{ background:var(--celcom-naranjo-600, #D97F00) }
.ck__b:focus-visible{ outline:2px solid #fff; outline-offset:3px }

@media(max-width:620px){
  .ck__in{ padding:16px 0 18px; gap:14px }
  .ck__btns{ width:100% }
  .ck__b{ flex:1 }
}
@media (prefers-reduced-motion:reduce){ .ck{ transition:none } }