/* Aviso de cookies: tarjeta pequeña abajo a la izquierda (en celular, justo encima de la barra inferior). Usa los tokens de home.css. */

.ck{--ck-ease:cubic-bezier(.23,1,.32,1);position:fixed;z-index:90;left:max(16px,env(safe-area-inset-left,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));
  width:min(400px,calc(100vw - 32px));padding:1.1rem 1.15rem 1rem;border-radius:20px;color:var(--text,#e8edf5);
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand,#21a607) 7%,var(--elev,#151a22)),var(--elev,#151a22));
  border:1px solid color-mix(in srgb,var(--brand,#21a607) 32%,var(--stroke,#232b37));
  box-shadow:0 22px 50px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.35);
  opacity:0;transform:translateY(14px) scale(.98);transition:opacity .3s ease-out,transform .4s var(--ck-ease)}
.ck[hidden]{display:none}
.ck.is-in{opacity:1;transform:none}
.ck.is-out{opacity:0;transform:translateY(10px) scale(.98);transition-duration:.2s}

.ck__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem}
.ck__ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;color:#7be26f;background:var(--brand-soft,rgba(33,166,7,.14));border:1px solid color-mix(in srgb,var(--brand,#21a607) 40%,transparent)}
.ck__ico .material-icons{font-size:22px;line-height:1}
.ck__title{margin:0;font:750 1.05rem/1.2 var(--f-display,system-ui,sans-serif);letter-spacing:-.01em}
.ck__text{margin:0;color:var(--muted,#9aa5b5);font-size:13.5px;line-height:1.55}
.ck__text a{color:#7be26f;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,#7be26f 45%,transparent)}

.ck__actions{display:flex;gap:.6rem;margin-top:.95rem}
.ck__btn{flex:1;min-height:44px;padding:.6rem .9rem;border-radius:12px;font:700 14px var(--f-body,system-ui,sans-serif);cursor:pointer;
  transition:transform .18s var(--ck-ease),filter .18s,border-color .18s,box-shadow .2s ease-out}
.ck__btn:active{transform:scale(.97)}
.ck__btn--main{border:0;color:#010c03;background:linear-gradient(135deg,#1c9206,#2dd60a);box-shadow:0 8px 20px rgba(33,166,7,.3)}
.ck__btn--ghost{color:#f1faf2;background:var(--elev2,#1a212b);border:1px solid #34423a}
.ck__btn:focus-visible,.ck__text a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .ck__btn--main:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 26px rgba(33,166,7,.42)}
  .ck__btn--ghost:hover{transform:translateY(-2px);border-color:var(--brand,#21a607)}
}

/* celular: ocupa el ancho, encima de la barra inferior; el botón del asistente espera a que elijas */
@media (max-width:768px){
  .ck{left:12px;right:12px;width:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.rc-ck-open .ai-launcher{display:none}
}
@media (prefers-reduced-motion:reduce){.ck,.ck.is-out{transition-duration:.01ms}}
@media print{.ck{display:none!important}}