.click-daily-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #b8a4ec;border-radius:100px;background:#f0eafa;color:#49318b;font:700 11px/1.3 inherit;font-size:11px;font-weight:700;padding:8px 10px;min-height:34px;cursor:pointer;white-space:nowrap}
.click-daily-chip.claimed{border-color:#c2d3bd;background:#edf5eb;color:#2e672e;cursor:default}
.click-daily-chip.is-loading{opacity:.75;cursor:progress}
.click-daily-mobile{position:absolute;left:12px;top:19px;z-index:8;padding:6px 8px;min-height:36px;margin-right:0}
.click-ajax-status{margin:8px 0;padding:9px 13px;border-radius:9px;background:rgba(71,110,194,.10);color:inherit;font-size:13px}
.click-ajax-status.is-error{color:#a12b31;background:rgba(221,57,57,.1)}
.click-ajax-toast{position:fixed;right:18px;bottom:90px;z-index:12000;max-width:min(420px,calc(100vw - 36px));padding:12px 17px;border:1px solid #a8c69e;border-radius:12px;background:#f2fff0;color:#23452a;box-shadow:0 5px 24px #0002;font-size:13px;font-weight:650}
.click-ajax-toast.is-error{border-color:#e1aaad;background:#fff0f0;color:#92232b}
.click-views-public{font-size:12px;opacity:.8;white-space:normal}
@media(max-width:760px){.click-ajax-toast{right:12px;bottom:78px}.click-daily-mobile{font-size:10px}}

@media(max-width:380px){.click-daily-mobile{left:8px;padding:5px 6px}}
@media(min-width:761px){.click-points-chip--desktop{gap:6px!important}.click-points-chip--desktop .click-daily-chip{min-height:30px;padding:6px 8px;font-size:10px}}

/* Celebración ligera, accesible y sin dependencias de imágenes externas. */
.click-daily-celebration{position:fixed;inset:0;z-index:25000;display:grid;place-items:center;background:rgba(24,18,45,.62);padding:20px;animation:clickGiftFade .23s ease-out}
.click-daily-celebration__card{position:relative;z-index:1;background:#fff;color:#28213e;border-radius:22px;padding:32px 24px;text-align:center;width:min(350px,100%);box-shadow:0 18px 60px #0005;display:flex;align-items:center;flex-direction:column;gap:11px;animation:clickGiftPop .5s cubic-bezier(.17,1.4,.37,1) both}
.click-daily-celebration__gift{font-size:60px;line-height:1.2;animation:clickGiftWiggle .9s ease-in-out}
.click-daily-celebration__card strong{font-size:21px}.click-daily-celebration__card b{font-size:25px;color:#5a2cce}.click-daily-celebration__card p{font-size:13px;margin:0 0 6px;color:#5b5470}.click-daily-celebration__card button{background:#6836da;color:white;font-weight:700;border:0;border-radius:24px;padding:11px 26px;cursor:pointer}
.click-daily-particles{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;overflow:hidden}.click-daily-particles i{position:absolute;width:9px;height:15px;border-radius:2px;background:hsl(calc(var(--i)*37),82%,58%);transform:rotate(var(--rot));animation:clickGiftParticle 1.7s ease-out both;animation-delay:calc(var(--i)*23ms)}
.click-daily-celebration.is-leaving{opacity:0;transition:opacity .22s}.click-daily-celebration.is-leaving .click-daily-celebration__card{transform:scale(.97)}
@keyframes clickGiftFade{from{opacity:0}to{opacity:1}}@keyframes clickGiftPop{from{opacity:0;transform:scale(.7) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes clickGiftWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-13deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-7deg)}}@keyframes clickGiftParticle{0%{opacity:1;transform:translate(0,0) rotate(var(--rot))}100%{opacity:0;transform:translate(calc((var(--i) - 9)*21px),calc(-140px + (var(--i) - 9)*(var(--i) - 9)*3px)) rotate(540deg)}}
@media(prefers-reduced-motion:reduce){.click-daily-celebration,.click-daily-celebration__card,.click-daily-celebration__gift,.click-daily-particles i{animation:none!important}}

/* Formularios de canje manual (POST clásico; no se interceptan con AJAX). */
.click-daily-form{display:inline-flex;align-items:center;margin:0;padding:0;min-width:0}
.click-mobile-settings__reward-form{display:block;width:100%;margin:0;padding:0}
.click-daily-chip:disabled,.click-mobile-settings__reward:disabled{cursor:default;opacity:.7}

/* Corrección de contraste del popup de regalo diario.
   El modo oscuro de Click aplica colores globales a strong/b y hacía que
   el texto quedara casi blanco sobre la tarjeta blanca. Esta corrección
   se limita al popup, tanto en tema claro como oscuro. */
.click-daily-celebration .click-daily-celebration__card{
  background:#fff!important;
  color:#251b3c!important;
  color-scheme:light;
}
.click-daily-celebration .click-daily-celebration__card > strong{
  display:block;
  color:#251b3c!important;
  opacity:1!important;
  font-size:21px;
  font-weight:800;
  line-height:1.3;
}
.click-daily-celebration .click-daily-celebration__card > b{
  display:block;
  color:#5422c9!important;
  opacity:1!important;
  font-size:25px;
  font-weight:850;
  line-height:1.2;
}
.click-daily-celebration .click-daily-celebration__card > p{
  color:#554969!important;
  opacity:1!important;
  font-size:14px;
  line-height:1.45;
}
.click-daily-celebration .click-daily-celebration__card > button{
  background:#6628d9!important;
  color:#fff!important;
  opacity:1!important;
  min-height:42px;
  font-size:14px;
}
.click-daily-celebration .click-daily-celebration__card > button:focus-visible{
  outline:3px solid #a482f5;
  outline-offset:3px;
}

/* Refuerzo de contraste y cierre del popup de recompensa. */
html.click-modal-open,
body.click-modal-open{
  overflow:hidden;
}
.click-daily-celebration{
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.click-daily-celebration .click-daily-celebration__card{
  background:#ffffff!important;
  color:#211734!important;
  border:1px solid rgba(104,54,218,.15)!important;
}
.click-daily-celebration .click-daily-celebration__gift{
  filter:none!important;
}
.click-daily-celebration .click-daily-celebration__card strong,
html[data-theme="dark"] .click-daily-celebration .click-daily-celebration__card strong{
  color:#271a42!important;
  opacity:1!important;
  text-shadow:none!important;
}
.click-daily-celebration .click-daily-celebration__card b,
html[data-theme="dark"] .click-daily-celebration .click-daily-celebration__card b{
  color:#5e2fe1!important;
  opacity:1!important;
  text-shadow:none!important;
}
.click-daily-celebration .click-daily-celebration__card p,
html[data-theme="dark"] .click-daily-celebration .click-daily-celebration__card p{
  color:#62557a!important;
  opacity:1!important;
  text-shadow:none!important;
}
.click-daily-celebration .click-daily-celebration__card button,
html[data-theme="dark"] .click-daily-celebration .click-daily-celebration__card button{
  appearance:none;
  -webkit-appearance:none;
  border:none!important;
  background:linear-gradient(135deg,#6b33e3,#8b46ff)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(107,51,227,.28)!important;
  pointer-events:auto!important;
  position:relative;
  z-index:2;
}
.click-daily-celebration .click-daily-celebration__card button:hover{filter:brightness(1.03)}
.click-daily-celebration .click-daily-celebration__card button:active{transform:translateY(1px)}
@media(max-width:480px){
  .click-daily-celebration{padding:16px}
  .click-daily-celebration__card{width:min(100%,380px);padding:28px 18px;border-radius:20px}
  .click-daily-celebration__card strong{font-size:20px!important}
  .click-daily-celebration__card b{font-size:24px!important}
}