/* PROMO BAGS · Banner de consentimiento (1.4). On-brand, discreto, no tapa CTAs
   ni el sticky-WA. Abajo-izquierda en desktop; en móvil, barra por ENCIMA del
   sticky-WA (bottom offset) para no solaparlo. */
#pb-consent {
  position: fixed; left: 18px; bottom: 18px; z-index: 62;
  width: min(380px, calc(100vw - 36px));
  background: var(--carbon-profundo, #1E2527);
  color: var(--crema, #F4F1E8);
  border: 1px solid var(--verde-bosque, #204730);
  border-radius: 14px; padding: 16px 16px 14px;
  box-shadow: 0 18px 44px -18px rgba(0,0,0,.7);
  font-family: var(--font-body, system-ui, sans-serif);
  opacity: 0; transform: translateY(12px);
  transition: opacity .22s cubic-bezier(0.23,1,0.32,1), transform .22s cubic-bezier(0.23,1,0.32,1);
}
#pb-consent.is-in { opacity: 1; transform: translateY(0); }
.pb-consent__txt { margin: 0 0 12px; font-size: .86rem; line-height: 1.5; color: var(--crema, #F4F1E8); }
.pb-consent__txt a { color: var(--verde-marca, #7DC05D); text-decoration: underline; }
.pb-consent__txt a:hover { color: var(--verde-vibrante, #A2ED55); }
.pb-consent__btns { display: flex; gap: 8px; justify-content: flex-end; }
.pb-consent__btn {
  font-family: var(--font-body, system-ui, sans-serif); font-size: .84rem; font-weight: 600;
  min-height: 44px; padding: .55rem 1rem; border-radius: 999px; cursor: pointer;
  border: 1px solid transparent; transition: transform .14s ease, background .14s ease, border-color .14s ease;
}
.pb-consent__btn:active { transform: scale(0.97); }
.pb-consent__btn--ok { background: var(--verde-marca, #7DC05D); color: #10201a; }
.pb-consent__btn--ok:hover { background: var(--verde-vibrante, #A2ED55); }
.pb-consent__btn--ghost { background: transparent; color: var(--crema, #F4F1E8); border-color: var(--verde-bosque, #204730); }
.pb-consent__btn--ghost:hover { border-color: var(--verde-marca, #7DC05D); }
.pb-consent__btn:focus-visible { outline: 2px solid var(--verde-vibrante, #A2ED55); outline-offset: 2px; }

/* Móvil: barra por encima del sticky-WA (≈77px) para no taparlo; el asesor vive a la derecha. */
@media (max-width: 720px) {
  #pb-consent { left: 10px; right: 10px; width: auto; bottom: 88px; padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #pb-consent { transition: opacity .2s ease; transform: none; }
  #pb-consent.is-in { transform: none; }
}

/* Link legal en el bottom del footer */
.footer-legal { color: inherit; text-decoration: underline; opacity: .85; }
.footer-legal:hover { color: var(--verde-marca, #7DC05D); opacity: 1; }