/* ==========================================================================
   consent.css — Tema de danimarquina.com 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.

   Paleta tomada del design system: naranja de marca #ec5c29 (hover #d44f22),
   tinta #202126, azul-tinta #242736, grises #6b6b6b / #dbdedd / #e5e5e5.
   ========================================================================== */

#cc-main {
  /* Tipografía del sitio: Inter para texto, Acid Grotesk para titulares y botones */
  --cc-font-family: "Inter webfont", Inter, system-ui, sans-serif;

  --cc-bg: #ffffff;
  --cc-surface-bg: #f4f4f4;
  --cc-surface-border: #dbdedd;

  --cc-primary-color: #202126;
  --cc-secondary-color: #6b6b6b;

  --cc-btn-primary-bg: #ec5c29;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #ec5c29;
  --cc-btn-primary-hover-bg: #d44f22;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #d44f22;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #202126;
  --cc-btn-secondary-border-color: #202126;
  --cc-btn-secondary-hover-bg: #202126;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #202126;

  --cc-separator-border-color: #dbdedd;

  --cc-toggle-on-bg: #ec5c29;
  --cc-toggle-off-bg: #b3b3b3;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  --cc-toggle-readonly-bg: #e5e5e5;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #6b6b6b;

  --cc-link-color: #ec5c29;
  --cc-link-hover-color: #d44f22;

  --cc-overlay-bg: rgba(32, 33, 38, 0.6);

  --cc-cookie-category-block-bg: #f4f4f4;
  --cc-cookie-category-block-border: #dbdedd;
  --cc-cookie-category-block-hover-bg: #e5e5e5;
  --cc-cookie-category-block-hover-border: #c9cdcc;
  --cc-cookie-category-expanded-block-bg: transparent;

  --cc-footer-bg: #242736;
  --cc-footer-color: #dbdedd;
  --cc-footer-border-color: #242736;

  --cc-modal-border-radius: 0.75rem;
  --cc-btn-border-radius: 999px; /* píldora, como los .btn-prm--med del sitio */
}

/* Titulares del banner con la voz tipográfica del sitio */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: "Fff acidgrotesk", "Acid Grotesk", sans-serif;
}

/* 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: misma familia y tracking que los del sitio */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: "Fff acidgrotesk", "Acid Grotesk", sans-serif;
  letter-spacing: 0.01em;
}

/* El badge "Siempre activas" en el gris de superficie, no en el naranja de marca */
#cc-main .pm__badge {
  background: #e5e5e5;
  color: #6b6b6b;
}

/* Los enlaces del pie del banner heredan el color del pie oscuro */
#cc-main .cm__link-group a {
  color: #dbdedd;
}
#cc-main .cm__link-group a:hover {
  color: #ffffff;
}

/* 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;
  }
}