/* ============================================================
   AVISO DE COOKIES · INVIT · 01/10/2026
   Web clara: blanco, azul de confianza (#1e5eff, el mismo de la tienda) y naranja de acento.
   Todo lleva el prefijo .ci-ck- (nada global). Los botones llevan !important en todos sus estados:
   el kit de Elementor (.elementor-kit-5514 button:hover/:focus) los pinta de negro si no.
   Bajo la barra de administración de WordPress (z-index 99999).
   ============================================================ */
.ci-ck,.ci-ck-flot{--ci-azul:#1e5eff;--ci-azul-h:#1648cc;--ci-navy:#0a1c44;--ci-ink:#0d1729;--ci-texto:#33405a;--ci-gris:#5b6780;
  --ci-linea:#e4e9f3;--ci-fondo:#f7f9fe;--ci-naranja:#f7931a;--ci-naranja-o:#c2570c;--ci-pista:#6c7a96;--ci-ease:cubic-bezier(.16,1,.3,1);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.ci-ck *,.ci-ck *::before,.ci-ck *::after{box-sizing:border-box}
.ci-ck[hidden],.ci-ck-flot[hidden],.ci-ck [hidden]{display:none!important}

/* ---------- tarjeta (escritorio: abajo a la izquierda) ---------- */
.ci-ck{position:fixed;z-index:99990;left:20px;bottom:20px;width:420px;max-width:calc(100vw - 40px);margin:0;padding:0;
  font-size:14px;line-height:1.5;color:var(--ci-ink);text-align:left}
.ci-ck .ci-ck-card{position:relative;display:block;max-height:min(70vh,640px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  --ci-px:20px;--ci-pb:18px;margin:0;padding:22px var(--ci-px) var(--ci-pb);background:#fff;border:1px solid var(--ci-linea);border-radius:18px;
  box-shadow:0 26px 60px -26px rgba(10,28,68,.55),0 2px 8px rgba(10,28,68,.08);overflow-wrap:break-word;
  animation:ci-ck-in .34s var(--ci-ease) both}
.ci-ck .ci-ck-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ci-azul) 0%,var(--ci-azul) 62%,var(--ci-naranja) 100%)}
@keyframes ci-ck-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.ci-ck .ci-ck-cab{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding-right:30px}
.ci-ck .ci-ck-logo{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff3e0;color:var(--ci-naranja-o)}
.ci-ck .ci-ck-ico,.ci-ck-flot .ci-ck-ico{width:20px;height:20px;display:block}
.ci-ck .ci-ck-t{margin:0!important;padding:0!important;border:0!important;font:700 18px/1.25 'Space Grotesk','Inter',system-ui,sans-serif!important;
  letter-spacing:-.01em!important;text-transform:none!important;color:var(--ci-navy)!important}
.ci-ck .ci-ck-d{margin:0 0 14px!important;padding:0!important;font-size:14px!important;line-height:1.55!important;color:var(--ci-texto)!important}
.ci-ck .ci-ck-enlace{color:var(--ci-azul)!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:2px;text-decoration-thickness:1px}
.ci-ck .ci-ck-enlace:hover,.ci-ck .ci-ck-enlace:focus{color:var(--ci-azul-h)!important;text-decoration-color:var(--ci-naranja)!important;text-decoration-thickness:2px}

/* ---------- panel de elección ---------- */
.ci-ck .ci-ck-panel{margin:0 0 14px;padding:2px 14px 4px;background:var(--ci-fondo);border:1px solid var(--ci-linea);border-radius:14px}
.ci-ck .ci-ck-pt{margin:12px 0 6px!important;padding:0!important;font:700 13px/1.3 'Inter',system-ui,sans-serif!important;color:var(--ci-navy)!important}
.ci-ck .ci-ck-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--ci-linea)}
.ci-ck .ci-ck-pt+.ci-ck-fila{border-top:0}
.ci-ck .ci-ck-fila-t{flex:1;min-width:0}
.ci-ck .ci-ck-fila-t strong{display:block;font-size:14px;font-weight:700;color:var(--ci-navy)}
.ci-ck .ci-ck-fila-t span{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--ci-gris)}
.ci-ck .ci-ck-ctl{flex:none;display:flex;align-items:center;gap:10px}
.ci-ck .ci-ck-est{min-width:74px;text-align:right;font-size:12px;font-weight:600;color:var(--ci-gris)}
.ci-ck .ci-ck-fija{display:inline-block;padding:4px 10px;border-radius:999px;background:#e6f6ee;color:#0e6a46;font-size:12px;font-weight:600;white-space:nowrap}

/* interruptor: pista gris (apagado) o azul (encendido), siempre con el texto «Activada/Desactivada» al lado */
.ci-ck .ci-ck-sw,.ci-ck .ci-ck-sw:hover,.ci-ck .ci-ck-sw:focus,.ci-ck .ci-ck-sw:active{position:relative;flex:none;display:block!important;width:48px!important;min-width:48px!important;height:28px!important;min-height:28px!important;
  margin:0!important;padding:0!important;border:2px solid var(--ci-pista)!important;border-radius:999px!important;background:var(--ci-pista)!important;
  box-shadow:none!important;cursor:pointer;transition:background-color .2s,border-color .2s}
.ci-ck .ci-ck-sw[aria-checked="true"],.ci-ck .ci-ck-sw[aria-checked="true"]:hover,.ci-ck .ci-ck-sw[aria-checked="true"]:focus,.ci-ck .ci-ck-sw[aria-checked="true"]:active{
  background:var(--ci-azul)!important;border-color:var(--ci-azul)!important}
.ci-ck .ci-ck-pila{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .22s var(--ci-ease)}
.ci-ck .ci-ck-sw[aria-checked="true"] .ci-ck-pila{transform:translateX(20px)}

/* ---------- botones: los tres del mismo tamaño; Aceptar y Rechazar, idénticos ---------- */
/* los botones se quedan a la vista aunque el panel tenga que desplazarse dentro de la tarjeta */
.ci-ck .ci-ck-acciones{position:sticky;bottom:0;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  margin:0 calc(-1 * var(--ci-px)) calc(-1 * var(--ci-pb));padding:14px var(--ci-px) var(--ci-pb);background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 14px)}
.ci-ck .ci-ck-btn,.ci-ck .ci-ck-btn:hover,.ci-ck .ci-ck-btn:focus,.ci-ck .ci-ck-btn:active{
  -webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;margin:0!important;padding:8px 6px!important;
  border:2px solid var(--ci-azul)!important;border-radius:12px!important;background:var(--ci-azul)!important;color:#fff!important;
  font:600 13.5px/1.2 'Inter',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center!important;
  text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer;transition:background-color .15s,border-color .15s}
.ci-ck .ci-ck-btn:hover,.ci-ck .ci-ck-btn:focus,.ci-ck .ci-ck-btn:active{background:var(--ci-azul-h)!important;border-color:var(--ci-azul-h)!important;color:#fff!important}
/* «Configurar»: enlace-botón, mismo tamaño */
.ci-ck .ci-ck-btn[data-ci="configurar"],.ci-ck .ci-ck-btn[data-ci="configurar"]:hover,.ci-ck .ci-ck-btn[data-ci="configurar"]:focus,.ci-ck .ci-ck-btn[data-ci="configurar"]:active{
  background:#fff!important;color:var(--ci-azul)!important;border-color:var(--ci-azul)!important}
.ci-ck .ci-ck-btn[data-ci="configurar"]:hover,.ci-ck .ci-ck-btn[data-ci="configurar"]:focus,.ci-ck .ci-ck-btn[data-ci="configurar"]:active{background:#eef3ff!important;color:var(--ci-azul-h)!important;border-color:var(--ci-azul-h)!important}

.ci-ck .ci-ck-btn[hidden],.ci-ck .ci-ck-x[hidden]{display:none!important}

/* cerrar (solo al reabrir para cambiar una decisión ya tomada) */
.ci-ck .ci-ck-x,.ci-ck .ci-ck-x:hover,.ci-ck .ci-ck-x:focus,.ci-ck .ci-ck-x:active{position:absolute;top:12px;right:10px;display:grid!important;place-items:center;width:36px!important;height:36px!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ci-gris)!important;
  font:400 24px/1 'Inter',system-ui,sans-serif!important;box-shadow:none!important;cursor:pointer}
.ci-ck .ci-ck-x:hover,.ci-ck .ci-ck-x:focus,.ci-ck .ci-ck-x:active{background:#eef2fb!important;color:var(--ci-navy)!important}

/* ---------- botón flotante «Cookies» (cambiar la decisión) ---------- */
.ci-ck-flot,.ci-ck-flot:hover,.ci-ck-flot:focus,.ci-ck-flot:active{position:fixed;z-index:99990;left:16px;bottom:16px;display:inline-flex!important;align-items:center!important;gap:7px;
  width:auto!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0 16px 0 12px!important;border:1px solid #cfd8ec!important;border-radius:999px!important;
  background:#fff!important;color:var(--ci-navy)!important;font:600 13px/1 'Inter',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
  text-shadow:none!important;box-shadow:0 8px 22px -10px rgba(10,28,68,.5)!important;cursor:pointer;transition:border-color .15s,transform .15s}
.ci-ck-flot:hover,.ci-ck-flot:focus,.ci-ck-flot:active{border-color:var(--ci-azul)!important;color:var(--ci-navy)!important;background:#fff!important}
.ci-ck-flot .ci-ck-ico{width:18px;height:18px;color:var(--ci-naranja-o)}
.ci-ck-flot[hidden]{display:none!important}

/* ---------- foco visible (AA): anillo azul noche sobre blanco ---------- */
.ci-ck button:focus-visible,.ci-ck a:focus-visible,.ci-ck-flot:focus-visible{outline:3px solid var(--ci-navy)!important;outline-offset:2px!important}
.ci-ck .ci-ck-card:focus{outline:none}

/* ---------- móvil: hoja inferior, máx. 70 % de la pantalla, con scroll interno ---------- */
@media (max-width:640px){
  .ci-ck{left:0;right:0;bottom:0;width:auto;max-width:none}
  .ci-ck .ci-ck-card{--ci-px:16px;--ci-pb:calc(16px + env(safe-area-inset-bottom,0px));max-height:70vh;max-height:70dvh;padding-top:20px;border-width:1px 0 0;border-radius:20px 20px 0 0;
    box-shadow:0 -14px 40px -16px rgba(10,28,68,.45)}
  .ci-ck .ci-ck-acciones{grid-template-columns:1fr}
  .ci-ck .ci-ck-btn{min-height:48px!important;font-size:14px!important}
  .ci-ck .ci-ck-fila{align-items:flex-start}
  .ci-ck .ci-ck-ctl{flex-direction:column-reverse;align-items:flex-end;gap:4px}
  .ci-ck .ci-ck-est{min-width:0}
  /* la página deja al final el hueco del aviso: el último botón no queda tapado (cookies.js mide la altura) */
  html.ci-ck-abierto{padding-bottom:var(--ci-ck-h,0px)}
  .ci-ck-flot,.ci-ck-flot:hover,.ci-ck-flot:focus,.ci-ck-flot:active{left:12px;bottom:12px}
}
@media (max-width:360px){
  .ci-ck .ci-ck-card{--ci-px:14px;--ci-pb:calc(14px + env(safe-area-inset-bottom,0px));padding-top:18px}
  .ci-ck .ci-ck-t{font-size:17px!important}
}

/* ---------- modo de alto contraste de Windows: el interruptor sigue viéndose ---------- */
@media (forced-colors:active){
  .ci-ck .ci-ck-sw,.ci-ck .ci-ck-sw:hover,.ci-ck .ci-ck-sw:focus,.ci-ck .ci-ck-sw:active{forced-color-adjust:none;background:Canvas!important;border-color:ButtonText!important}
  .ci-ck .ci-ck-sw[aria-checked="true"],.ci-ck .ci-ck-sw[aria-checked="true"]:hover,.ci-ck .ci-ck-sw[aria-checked="true"]:focus{background:Highlight!important;border-color:Highlight!important}
  .ci-ck .ci-ck-pila{background:ButtonText}
  .ci-ck .ci-ck-sw[aria-checked="true"] .ci-ck-pila{background:HighlightText}
}

/* ---------- sin movimiento si el sistema lo pide ---------- */
@media (prefers-reduced-motion:reduce){
  .ci-ck .ci-ck-card{animation:none!important}
  .ci-ck *,.ci-ck-flot{transition:none!important;animation:none!important}
}
@media print{.ci-ck,.ci-ck-flot{display:none!important}}