/* ============================================================
   Tema de marca para CookieConsent v3 (sobre cookieconsent.css).
   Verde aloe #244A29 (--color-aloe-700), tinta y papel de tokens.css.
   ============================================================ */
:root {
  --cc-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --cc-modal-border-radius: 6px;
  --cc-btn-border-radius: 999px;
  --cc-pm-toggle-border-radius: 999px;
  --cc-modal-transition-duration: .2s;
  --cc-z-index: 2147483000;

  --cc-bg: #FFFFFF;
  --cc-primary-color: #030712;
  --cc-secondary-color: #4B5563;
  --cc-link-color: #244A29;
  --cc-overlay-bg: rgba(3, 7, 18, .35);

  --cc-btn-primary-bg: #244A29;
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-border-color: #244A29;
  --cc-btn-primary-hover-bg: #1B3A20;
  --cc-btn-primary-hover-color: #FFFFFF;
  --cc-btn-primary-hover-border-color: #1B3A20;

  --cc-btn-secondary-bg: #FFFFFF;
  --cc-btn-secondary-color: #030712;
  --cc-btn-secondary-border-color: #D1D5DB;
  --cc-btn-secondary-hover-bg: #F3F4F6;
  --cc-btn-secondary-hover-color: #030712;
  --cc-btn-secondary-hover-border-color: #9CA3AF;

  --cc-toggle-on-bg: #244A29;
  --cc-toggle-off-bg: #9CA3AF;
  --cc-toggle-readonly-bg: #244A29;
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-off-knob-bg: #FFFFFF;
  --cc-toggle-readonly-knob-bg: #FFFFFF;
  --cc-toggle-enabled-icon-color: #FFFFFF;
  --cc-toggle-disabled-icon-color: #FFFFFF;
  --cc-toggle-readonly-knob-icon-color: #244A29;

  --cc-cookie-category-block-bg: #F9FAFB;
  --cc-cookie-category-block-border: #E5E7EB;
  --cc-cookie-category-block-hover-bg: #F3F4F6;
  --cc-cookie-category-block-hover-border: #D1D5DB;
  --cc-cookie-category-expanded-block-bg: #FFFFFF;
  --cc-cookie-category-expanded-block-hover-bg: #F3F4F6;
  --cc-separator-border-color: #E5E7EB;
  --cc-section-category-border: #E5E7EB;
  --cc-footer-bg: #F9FAFB;
  --cc-footer-color: #4B5563;
  --cc-footer-border-color: #E5E7EB;
  --cc-webkit-scrollbar-bg: #E5E7EB;
  --cc-webkit-scrollbar-hover-bg: #D1D5DB;
}

/* Botones con el mismo peso visual: rechazar tan fácil como aceptar */
#cc-main .cm__btn,
#cc-main .pm__btn { font-weight: 600; letter-spacing: .01em; }

/* Badge "Siempre activas" en la sección de necesarias */
#cc-main .pm__badge {
  display: inline-block; margin-left: 6px; padding: 2px 8px; font-size: 11px;
  font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  color: #244A29; background: #DCE8DD; border-radius: 999px; vertical-align: middle;
}

/* Sobre la barra fija móvil de la PDP: el banner queda por encima */
@media (max-width: 767.98px) {
  #cc-main .cm--bar { padding-bottom: env(safe-area-inset-bottom, 0); }
}