/* Acceso · banner de cookies con tokens v2 · v1 · 2026-10-08
   Orden de carga: acceso-tokens-v2.css, cookieconsent.css (de la release 3.1.0) y, al final, este archivo.
   Solo variables del sistema v2: ningún hexadecimal ni tamaño suelto.
   Nico: los nombres --cc-* salen de la documentación y del código del plugin (src/scss/abstracts).
   Comprueba que cada uno existe en la versión 3.1.0 antes de dar el estilo por cerrado. */

#cc-main {
  --cc-font-family: var(--ac-font-text);
  --cc-bg: var(--ac-page);
  --cc-primary-color: var(--ac-text);
  --cc-secondary-color: var(--ac-text-muted);
  --cc-separator-border-color: var(--ac-border);

  --cc-modal-border-radius: var(--ac-radius-card);
  --cc-btn-border-radius: var(--ac-radius-field);
  --cc-modal-transition-duration: var(--ac-motion);
  --cc-modal-margin: var(--ac-space-4);

  /* Aceptar y rechazar con el mismo aspecto: mismo peso visual */
  --cc-btn-primary-bg: var(--ac-button-bg);
  --cc-btn-primary-color: var(--ac-button-text);
  --cc-btn-primary-border-color: var(--ac-button-bg);
  --cc-btn-primary-hover-bg: var(--ac-button-hover);
  --cc-btn-primary-hover-color: var(--ac-button-text);
  --cc-btn-primary-hover-border-color: var(--ac-button-hover);

  --cc-btn-secondary-bg: var(--ac-button-bg);
  --cc-btn-secondary-color: var(--ac-button-text);
  --cc-btn-secondary-border-color: var(--ac-button-bg);
  --cc-btn-secondary-hover-bg: var(--ac-button-hover);
  --cc-btn-secondary-hover-color: var(--ac-button-text);
  --cc-btn-secondary-hover-border-color: var(--ac-button-hover);

  /* Interruptores: el estado se ve también por la posición del mando.
     Nico: comprobar contraste 3:1 entre el interruptor y el fondo, activado y desactivado. */
  --cc-toggle-on-bg: var(--ac-blue);
  --cc-toggle-off-bg: var(--ac-ink);
}

#cc-main .cm,
#cc-main .pm {
  border: var(--ac-border-w) solid var(--ac-border);
  box-shadow: var(--ac-shadow-float);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: var(--ac-font-brand);
  letter-spacing: var(--ac-ls-heading);
}

/* Objetivos de 44 px */
#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: var(--ac-target);
  font-size: var(--ac-size-ui);
}

/* Foco visible, igual que en el resto de la web */
#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main input:focus-visible,
#cc-main .section__toggle:focus-visible {
  outline: var(--ac-focus-w) solid var(--ac-focus);
  outline-offset: var(--ac-focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  #cc-main,
  #cc-main .cm,
  #cc-main .pm {
    --cc-modal-transition-duration: 0;
  }
}