/* ============================================================
   LA MARCA, EN LO QUE NO ES NÚCLEO
   El aviso de cookies, sus botones y la ventana de ajustes los pinta
   un plugin con sus propios colores. Aquí se les pone la paleta y las
   tipografías de la web. Va a TODO el sitio, no solo a las páginas de
   NÚCLEO: un aviso verde menta sobre una web negra y naranja delata
   que hay dos manos distintas.
   ============================================================ */
:root{
  --mk-fondo:   #0f1218;
  --mk-borde:   rgba(255,255,255,.14);
  --mk-texto:   #c9ccd4;
  --mk-claro:   #f4f5f7;
  --mk-brasa:   #ff6b21;
  --mk-brasa2:  #ff8a3d;
  --mk-cian:    #5cdcf9;
}

/* ---------- La barra de aviso ---------- */
#moove_gdpr_cookie_info_bar,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme{
  background: var(--mk-fondo) !important;
  border-top: 1px solid var(--mk-borde) !important;
  color: var(--mk-texto) !important;
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p{
  color: var(--mk-texto) !important;
  font-size: 13px !important; line-height: 1.6 !important;
}
#moove_gdpr_cookie_info_bar a{ color: var(--mk-cian) !important; }

/* ---------- Los botones ---------- */
#moove_gdpr_cookie_info_bar .mgbutton,
#moove_gdpr_cookie_modal .mgbutton,
.moove-gdpr-modal-footer-content .mgbutton{
  border-radius: 2px !important;           /* el radio de la casa */
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background 220ms cubic-bezier(.22,1,.36,1),
              border-color 220ms cubic-bezier(.22,1,.36,1) !important;
}
/* Aceptar: el naranja de la marca */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_modal .moove-gdpr-modal-allow-all{
  background: var(--mk-brasa) !important;
  border: 1px solid var(--mk-brasa) !important;
  color: #120602 !important; font-weight: 700 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-allow-all:hover{
  background: var(--mk-brasa2) !important; border-color: var(--mk-brasa2) !important;
}
/* Rechazar y ajustes: contorno, sin peso visual */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-btn,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_modal .moove-gdpr-modal-save-settings{
  background: transparent !important;
  border: 1px solid var(--mk-borde) !important;
  color: var(--mk-claro) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-btn:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-save-settings:hover{
  border-color: var(--mk-claro) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn,
#moove_gdpr_cookie_info_bar .gdpr-content-close-btn{
  color: var(--mk-texto) !important; border-color: var(--mk-borde) !important;
}

/* ---------- La ventana de ajustes ---------- */
#moove_gdpr_cookie_modal,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content,
#moove_gdpr_cookie_modal .moove-gdpr-modal-left-content,
#moove_gdpr_cookie_modal .moove-gdpr-tab-content,
#moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content{
  background: var(--mk-fondo) !important;
  color: var(--mk-texto) !important;
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  border-color: var(--mk-borde) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-title,
#moove_gdpr_cookie_modal h1, #moove_gdpr_cookie_modal h2,
#moove_gdpr_cookie_modal h3, #moove_gdpr_cookie_modal h4{
  font-family: 'Archivo', 'Arial Black', system-ui, sans-serif !important;
  font-weight: 900 !important; letter-spacing: -.02em !important;
  color: var(--mk-claro) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-branding-cnt{ display: none !important; }
#moove_gdpr_cookie_modal li.menu-item-selected a,
#moove_gdpr_cookie_modal .moove-gdpr-tab-nav li a{ color: var(--mk-texto) !important; }
#moove_gdpr_cookie_modal li.menu-item-selected a{
  color: var(--mk-brasa2) !important; border-left-color: var(--mk-brasa) !important;
}
/* El interruptor de cada categoría */
#moove_gdpr_cookie_modal input:checked + .cookie-slider,
#moove_gdpr_cookie_modal .switch input:checked + .slider{
  background-color: var(--mk-brasa) !important;
}


/* El aviso de cookies enseñaba el logotipo de la web antigua —el verde
   de 2022— dentro de su ventana de ajustes. Era la única imagen de
   marca vieja que quedaba en pie, y salía justo en la pantalla que más
   se mira: la que decide si aceptar. Fuera. */
#moove_gdpr_cookie_modal .moove-gdpr-company-logo-holder{ display: none !important; }


/* Algun plugin del sitio apaga el contorno del foco y deja a quien
   navega con el teclado sin saber donde esta parado. (El analizador
   busca esa declaracion como texto, asi que ni siquiera se escribe
   aqui dentro de un comentario: la encontraba y la daba por activa.) Esto lo devuelve en todo el
   sitio, con el color de la marca y sin tocar el raton: :focus-visible
   solo se activa cuando el foco viene del teclado. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
  outline: 2px solid #ff6b21 !important;
  outline-offset: 3px !important;
}