/* ============================================================
   Aviso de cookies (TermsFeed) con el estilo visual del sitio.

   El widget inyecta su propia hoja de estilos en <head> en tiempo de
   ejecución (wwwroot/js/cookie-consent.js), DESPUÉS de este archivo. Por
   eso casi todas las declaraciones llevan !important: es la única forma
   de ganarle a una regla que llega más tarde en el documento aunque
   tenga la misma especificidad. Los nombres de clase cc-* y
   termsfeed-com---* los genera el propio script; no son nuestros y no
   se pueden renombrar.
   ============================================================ */

/* ---------- Aviso (banner, esquina inferior derecha) ---------- */
.termsfeed-com---nb-simple {
  right: 20px !important;
  bottom: 20px !important;
  left: auto !important;
  max-width: 420px !important;
}
.termsfeed-com---nb {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  background-color: white !important;
  color: var(--ink-900) !important;
  border: 1px solid var(--ink-200);
  border-radius: 22px;
  box-shadow: var(--shadow-lg);
}
.termsfeed-com---nb .cc-nb-main-container { padding: 1.75rem !important; }

.termsfeed-com---nb .cc-nb-title {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: var(--ink-900) !important;
  margin-bottom: 0.5rem !important;
}
.termsfeed-com---nb .cc-nb-text {
  font-size: 0.875rem !important;
  line-height: 1.55;
  color: var(--ink-600) !important;
}
.termsfeed-com---nb .cc-nb-text a,
.termsfeed-com---nb .cc-nb-text-urls a {
  color: var(--brand-blue-texto) !important;
  text-decoration: underline !important;
}
.termsfeed-com---nb .cc-nb-text a:hover { text-decoration: none !important; }

/* Los tres botones venían a bloque completo, uno debajo de otro; aquí pasan
   a ser píldoras en fila, como .btn en el resto del sitio. */
.termsfeed-com---nb .cc-nb-buttons-container {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem !important;
}
.termsfeed-com---nb .cc-nb-okagree,
.termsfeed-com---nb .cc-nb-reject,
.termsfeed-com---nb .cc-nb-changep {
  display: inline-flex !important;
  width: auto !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0.7rem 1.25rem !important;
  border-radius: var(--r-pill) !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  letter-spacing: -0.01em;
  border: 1px solid transparent;
  transition: transform 0.35s var(--ease-out-expo), box-shadow 0.35s var(--ease-out-expo), border-color 0.35s var(--ease-out-expo);
}
.termsfeed-com---nb .cc-nb-okagree {
  background: var(--ink-900) !important;
  color: white !important;
}
.termsfeed-com---nb .cc-nb-okagree:hover {
  transform: translateY(-2px);
  background: var(--brand-gradient) !important;
  box-shadow: 0 14px 26px -14px rgba(58,165,190,0.5);
}
.termsfeed-com---nb .cc-nb-reject,
.termsfeed-com---nb .cc-nb-changep {
  background: transparent !important;
  color: var(--ink-900) !important;
  border-color: var(--ink-300) !important;
}
.termsfeed-com---nb .cc-nb-reject:hover,
.termsfeed-com---nb .cc-nb-changep:hover {
  border-color: var(--brand-blue) !important;
  transform: translateY(-2px);
}
.termsfeed-com---nb .cc-nb-okagree:focus-visible,
.termsfeed-com---nb .cc-nb-reject:focus-visible,
.termsfeed-com---nb .cc-nb-changep:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(58,165,190,0.4) !important;
}

@media (max-width: 480px) {
  .termsfeed-com---nb-simple {
    right: 12px !important;
    left: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
  }
}

/* ---------- Centro de preferencias (modal) ---------- */
.termsfeed-com---pc-overlay { background: rgba(10,10,11,0.55) !important; }
.termsfeed-com---pc-dialog { font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important; }
.termsfeed-com---pc-dialog .cc-pc-container {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.termsfeed-com---pc-dialog .cc-pc-head {
  background: white !important;
  border-bottom: 1px solid var(--ink-200) !important;
  padding: 1.25rem 1.5rem !important;
}
.cc-pc-head-title-headline {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: var(--ink-900) !important;
}
.cc-pc-head-title-text {
  font-size: 0.875rem !important;
  color: var(--ink-600) !important;
}
.cc-pc-head-close {
  color: var(--ink-500) !important;
  transition: color 0.2s;
}
.cc-pc-head-close:hover { color: var(--ink-900) !important; }
.cc-pc-head-close:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: 0 0 0 3px rgba(58,165,190,0.4) !important;
}

/* Pestañas: texto y enlaces sobre el fondo gris claro de base, que ya
   combina con --ink-50/--ink-200 y no hace falta repintar. */
.cc-cp-body-tabs-item-link {
  color: var(--ink-600) !important;
  font-weight: 700 !important;
}
.cc-cp-body-tabs-item[active=true] .cc-cp-body-tabs-item-link,
.cc-cp-body-tabs-item[active=true] button {
  color: var(--brand-blue-texto) !important;
}
.cc-cp-body-tabs-item-link:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(58,165,190,0.4) !important;
}

.cc-cp-body-content-entry-title {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: var(--ink-900) !important;
}
.cc-cp-body-content-entry-text { color: var(--ink-600) !important; }
.cc-cp-body-content-entry a {
  color: var(--brand-blue-texto) !important;
  text-decoration: underline !important;
}
.cc-cp-body-content-entry a:hover { text-decoration: none !important; }

/* Interruptores de categoría, con el degradado de marca en «activado». */
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox + label:before,
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox + label:after {
  border-color: var(--ink-300) !important;
}
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked + label:before {
  background: var(--brand-gradient) !important;
  border-color: transparent !important;
}

.termsfeed-com---pc-dialog .cc-cp-foot {
  background: var(--ink-50) !important;
  border-top-color: var(--ink-200) !important;
}
.cc-cp-foot-save,
.cc-cp-foot-button {
  border-radius: var(--r-pill) !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  padding: 0.65rem 1.25rem !important;
  height: auto !important;
  transition: transform 0.35s var(--ease-out-expo), box-shadow 0.35s var(--ease-out-expo);
}
.cc-cp-foot-save {
  background: var(--ink-900) !important;
  color: white !important;
}
.cc-cp-foot-save:hover {
  opacity: 1 !important;
  background: var(--brand-gradient) !important;
  transform: translateY(-2px);
}
.cc-cp-foot-save:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(58,165,190,0.4) !important;
}

/* Firma «Powered by termsfeed.com», fuera. */
.cc-cp-foot-byline { visibility: hidden !important; }

/* Cookies de funcionalidad: esta web no usa ninguna, se oculta la pestaña. */
.cc-cp-body-tabs-item:nth-child(3) { display: none !important; }
/* Cookies de seguimiento: gestionadas aparte vía Consent Mode, se oculta la pestaña. */
.cc-cp-body-tabs-item:nth-child(5) { display: none !important; }
