/*
 * Tema Tesalya para el banner de cookies de CookieYes.
 * CookieYes se carga dinámicamente vía una etiqueta dentro del contenedor de
 * Google Tag Manager (GTM-PJ7MWD3V) — no hay ningún script de CookieYes en
 * este repositorio. Este archivo solo aplica la paleta de marca sobre el
 * banner que CookieYes inyecta en el DOM en tiempo de ejecución.
 *
 * CookieYes fija sus colores por defecto mediante atributos "style" inline
 * generados por su propio JavaScript, así que cada propiedad de aquí necesita
 * "!important" para poder sobreescribirlos — sin eso, estas reglas no tendrían
 * ningún efecto.
 */

:root {
  --tesalya-primary: #AA133A;
  --tesalya-secondary: #565676;
  --tesalya-bg: #FFFFFF;
  --tesalya-text: #2C2C2C;
  --tesalya-border: #D8DAEF;
}

/* Banner principal */
.cky-consent-bar {
  background-color: var(--tesalya-bg) !important;
  border-color: var(--tesalya-border) !important;
}
.cky-title,
.cky-notice-des,
.cky-notice-des p {
  color: var(--tesalya-text) !important;
}
.cky-policy {
  color: var(--tesalya-primary) !important;
  text-decoration: underline !important;
}

/* Botones: mismo peso visual para Aceptar y Rechazar (misma forma/tamaño,
   solo cambia el color) para no inducir el consentimiento por diseño. */
.cky-btn {
  border-radius: 6px !important;
  font-weight: 600 !important;
  border-width: 2px !important;
}
.cky-btn-accept {
  background-color: var(--tesalya-primary) !important;
  border-color: var(--tesalya-primary) !important;
  color: var(--tesalya-bg) !important;
}
.cky-btn-reject {
  background-color: var(--tesalya-secondary) !important;
  border-color: var(--tesalya-secondary) !important;
  color: var(--tesalya-bg) !important;
}
.cky-btn-customize {
  background-color: transparent !important;
  border-color: var(--tesalya-text) !important;
  color: var(--tesalya-text) !important;
}

/* Panel de preferencias */
.cky-preference-center {
  background-color: var(--tesalya-bg) !important;
  border-color: var(--tesalya-border) !important;
}
.cky-preference-title,
.cky-preference-content-wrapper,
.cky-accordion-btn,
.cky-accordion-header-des {
  color: var(--tesalya-text) !important;
}
.cky-audit-table {
  background-color: #F8F9FB !important;
  border-color: var(--tesalya-border) !important;
}

/* Interruptores de categoría (analítica, marketing...) — color al activarse */
.cky-switch input:checked {
  background-color: var(--tesalya-primary) !important;
}

/* Botón flotante para reabrir el panel de preferencias */
.cky-btn-revisit {
  background-color: var(--tesalya-primary) !important;
  border-radius: 50% !important;
}

/* Google ReCaptcha */
div.grecaptcha-badge{
  bottom: 72px !important;
}