/* ==========================================================================
   canarylux — tema del banner de cookies (vanilla-cookieconsent v3)
   El archivo de la librería (assets/vendor/cookieconsent/cookieconsent.css)
   está limpio, sin tema: todo el color de marca vive aquí.
   Paleta: navy #013CA2 · navy oscuro #01205A · amarillo #FFCC01 · arena #FFF8E3
   ========================================================================== */

:root,
#cc-main {
  --cc-font-family: "Figtree", system-ui, -apple-system, sans-serif;

  --cc-bg: #ffffff;
  --cc-primary-color: #0A1830;
  --cc-secondary-color: #3E4C68;

  --cc-btn-primary-bg: #013CA2;
  --cc-btn-primary-border-color: #013CA2;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #01205A;
  --cc-btn-primary-hover-border-color: #01205A;
  --cc-btn-primary-hover-color: #ffffff;

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #013CA2;
  --cc-btn-secondary-border-color: #013CA2;
  --cc-btn-secondary-hover-bg: #F1F5FD;
  --cc-btn-secondary-hover-border-color: #01205A;
  --cc-btn-secondary-hover-color: #01205A;

  --cc-toggle-on-bg: #013CA2;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-bg: #C6CEDE;
  --cc-toggle-readonly-bg: #FFCC01;
  --cc-toggle-readonly-knob-bg: #ffffff;

  --cc-link-color: #013CA2;
  --cc-cookie-category-block-bg: #FFFDF6;
  --cc-cookie-category-block-hover-bg: #FFF8E3;
  --cc-cookie-category-block-bg-hover: #FFF8E3;
  --cc-separator-border-color: #E7ECF6;

  --cc-btn-border-radius: 14px;
  --cc-modal-border-radius: 22px;
  --cc-pm-toggle-border-radius: 22px;
}

/* --------------------------------------------------------------------------
   Color de marca aplicado directamente, por si la librería se actualiza y
   deja de leer alguna variable.
   -------------------------------------------------------------------------- */
#cc-main .cm__btn:not(.cm__btn--secondary),
#cc-main .pm__btn:not(.pm__btn--secondary) {
  background: #013CA2 !important;
  border-color: #013CA2 !important;
  color: #fff !important;
}
#cc-main .cm__btn:not(.cm__btn--secondary):hover,
#cc-main .pm__btn:not(.pm__btn--secondary):hover {
  background: #01205A !important;
  border-color: #01205A !important;
  color: #fff !important;
}
#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  background: #fff !important;
  color: #013CA2 !important;
  border-color: #013CA2 !important;
}
#cc-main .cm__btn--secondary:hover,
#cc-main .pm__btn--secondary:hover {
  background: #F1F5FD !important;
  color: #01205A !important;
  border-color: #01205A !important;
}
#cc-main .section__toggle:checked ~ .toggle__icon {
  background: #013CA2 !important;
  box-shadow: 0 0 0 1px #013CA2 !important;
}
#cc-main .toggle__icon-on svg { stroke: #013CA2 !important; }
#cc-main .cc__link,
#cc-main a { color: #013CA2 !important; }
#cc-main .pm__service-counter {
  background: #013CA2 !important;
  color: #fff !important;
}

/* --------------------------------------------------------------------------
   Detalles de marca
   -------------------------------------------------------------------------- */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title,
#cc-main .pm__service-title {
  font-family: "Fredoka", system-ui, sans-serif;
  font-weight: 600;
  color: #01205A;
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 22px 54px rgba(1, 32, 90, .22);
}

/* franja amarilla de la marca en la parte de arriba del banner */
#cc-main .cm { border-top: 5px solid #FFCC01; }

#cc-main .cm__btn,
#cc-main .pm__btn { font-weight: 700 !important; }

#cc-main .pm__badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 700;
  color: #01205A !important;
  background: #FFCC01 !important;
  border-radius: 20px;
  vertical-align: middle;
}

/* En móvil el banner no puede taparse con la barra fija ni con el botón flotante */
@media (max-width: 999px) {
  #cc-main .cm--box { margin-bottom: 76px; }
}