/* Aviso de cookies de Prime Media: panel de mesa de control, mismo mundo visual que la web */
.ck {
  position: fixed; left: max(16px, env(safe-area-inset-left)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 60;
  width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto;
  background: #FFFFFF; color: #0F2142; border-radius: 22px; padding: 20px;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 24px 60px -18px rgba(15, 33, 66, .38), 0 4px 14px -6px rgba(15, 33, 66, .18);
  font-family: "Onest", "Segoe UI", system-ui, sans-serif; font-size: .95rem; line-height: 1.5;
  opacity: 0; transform: translateY(16px);
  transition: opacity 260ms cubic-bezier(.23, 1, .32, 1), transform 260ms cubic-bezier(.23, 1, .32, 1);
}
.ck.is-open { opacity: 1; transform: none; }
.ck[hidden] { display: none; }
.ck-title { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-family: "Saira", "Segoe UI", system-ui, sans-serif; font-weight: 600; font-size: 1.35rem; letter-spacing: -.01em; line-height: 1.1; }
.ck-title img { width: 26px; height: 26px; }
.ck p { margin: 0; color: #34405E; }
.ck a { color: #C4006C; font-weight: 600; text-underline-offset: 3px; }
.ck-prefs { display: grid; gap: 10px; margin-top: 16px; }
.ck-prefs[hidden] { display: none; }
.ck-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; align-items: center; padding: 12px 14px; border-radius: 14px; background: #F6F4F9; }
.ck-row strong { font-weight: 700; color: #0F2142; }
.ck-row small { grid-column: 1; color: #5A6480; font-size: .85rem; }
.ck-row .ck-switch { grid-row: 1 / span 2; grid-column: 2; }
.ck-switch { position: relative; width: 46px; height: 26px; flex: none; }
.ck-switch input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.ck-switch span { position: absolute; inset: 0; border-radius: 999px; background: #C9C3D6; transition: background-color 200ms ease; pointer-events: none; }
.ck-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(15, 33, 66, .3); transition: transform 200ms cubic-bezier(.23, 1, .32, 1); }
.ck-switch input:checked + span { background: #1FBF75; }
.ck-switch input:checked + span::after { transform: translateX(20px); }
.ck-switch input:disabled { cursor: not-allowed; }
.ck-switch input:disabled + span { background: #8FD9B5; }
.ck-switch input:focus-visible + span { outline: 2px solid #E5007E; outline-offset: 2px; }
.ck-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
.ck-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 999px; border: 1px solid transparent; font: 600 .95rem/1 "Onest", "Segoe UI", system-ui, sans-serif; cursor: pointer; transition: transform 160ms cubic-bezier(.23, 1, .32, 1), background-color 200ms ease, border-color 200ms ease; }
.ck-btn:active { transform: scale(.97); }
.ck-btn:focus-visible { outline: 2px solid #E5007E; outline-offset: 2px; }
.ck-accept, .ck-reject { background: #0F2142; color: #fff; }
.ck-config, .ck-save { background: #fff; color: #0F2142; border-color: #DCD6E6; }
@media (hover: hover) and (pointer: fine) {
  .ck-accept:hover, .ck-reject:hover { background: #1D3160; }
  .ck-config:hover, .ck-save:hover { border-color: #B9B1C8; }
}
@media (max-width: 480px) {
  .ck { left: 8px; right: 8px; bottom: 8px; width: auto; padding: 18px; border-radius: 18px; }
}
body.ck-open .wa-float { transform: translateY(160%) !important; }
@media (prefers-reduced-motion: reduce) { .ck { transition: opacity 150ms ease; transform: none; } }

/* Tema oscuro de la web principal */
.ck { background: #151A2E; color: #F3F1F8; box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 28px 60px -18px rgba(0, 0, 0, .75); }
.ck p { color: #C3C6D6; }
.ck a { color: #FF5CAF; }
.ck-row { background: #0B0D1A; }
.ck-row strong { color: #F3F1F8; }
.ck-row small { color: #969CB4; }
.ck-switch span { background: #3A4266; }
.ck-accept, .ck-reject { background: #F3F1F8; color: #0B0D1A; }
.ck-config, .ck-save { background: transparent; color: #F3F1F8; border-color: #3A4266; }
@media (hover: hover) and (pointer: fine) {
  .ck-accept:hover, .ck-reject:hover { background: #FFFFFF; }
  .ck-config:hover, .ck-save:hover { border-color: #5A6488; }
}