/* ==========================================================================
   consent.css — Tema oscuro de Seahaven para CookieConsent v3
   --------------------------------------------------------------------------
   Solo redefine las variables de la librería y unos pocos remates: el fichero
   de vendor (assets/vendor/cookieconsent.css) se mantiene intacto para poder
   actualizarlo sin perder este tema.
   ========================================================================== */

#cc-main {
  /* Tipografía del sitio: titulares y texto en Twklausanne, botones en Aeonik */
  --cc-font-family: "Twklausanne", Tahoma, sans-serif;

  --cc-bg: #0d1322;
  --cc-surface-bg: #161f34;
  --cc-surface-border: #2f4b68;

  --cc-primary-color: #f2faff;
  --cc-secondary-color: #cce9ff;

  --cc-btn-primary-bg: #7fc8ff;
  --cc-btn-primary-color: #030710;
  --cc-btn-primary-border-color: #7fc8ff;
  --cc-btn-primary-hover-bg: #99d3ff;
  --cc-btn-primary-hover-color: #030710;
  --cc-btn-primary-hover-border-color: #99d3ff;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #cce9ff;
  --cc-btn-secondary-border-color: #2f4b68;
  --cc-btn-secondary-hover-bg: #161f34;
  --cc-btn-secondary-hover-color: #f2faff;
  --cc-btn-secondary-hover-border-color: #40668d;

  --cc-separator-border-color: #2f4b68;

  --cc-toggle-on-bg: #7fc8ff;
  --cc-toggle-off-bg: #2f4b68;
  --cc-toggle-on-knob-bg: #030710;
  --cc-toggle-off-knob-bg: #f2faff;

  --cc-toggle-readonly-bg: #161f34;
  --cc-toggle-readonly-knob-bg: #40668d;
  --cc-toggle-readonly-knob-icon-color: #0d1322;

  --cc-link-color: #7fc8ff;
  --cc-link-hover-color: #99d3ff;

  --cc-overlay-bg: rgba(3, 7, 16, 0.75);

  --cc-cookie-category-block-bg: #161f34;
  --cc-cookie-category-block-border: #2f4b68;
  --cc-cookie-category-block-hover-bg: #1c2740;
  --cc-cookie-category-block-hover-border: #40668d;
  --cc-cookie-category-expanded-block-bg: transparent;

  --cc-footer-bg: #030710;
  --cc-footer-color: #99d3ff;
  --cc-footer-border-color: #2f4b68;

  --cc-modal-border-radius: 0.75rem;
  --cc-btn-border-radius: 0.5rem;
}

/* Galletita junto al título del banner (decorativa; el H2 sigue siendo solo texto) */
#cc-main .cm__title::before {
  content: "🍪";
  display: inline-block;
  margin-right: 0.4rem;
  font-size: 1.15em;
  line-height: 1;
  vertical-align: -0.05em;
}

/* Botones con la misma voz que los del sitio (Aeonik, versal, tracking abierto) */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: "Aeonik", Tahoma, sans-serif;
  letter-spacing: 0.02em;
}

/* El badge "Siempre activas" en el mismo azul de acento */
#cc-main .pm__badge {
  background: #2f4b68;
  color: #cce9ff;
}

/* Respeta la preferencia de movimiento reducido del sistema */
@media (prefers-reduced-motion: reduce) {
  #cc-main .cm,
  #cc-main .pm {
    transition: none !important;
    animation: none !important;
  }
}