/* Aviso de cookies (vanilla-cookieconsent) y avisos de contenido de terceros. 23/10/2026. */
#cc-main {
  --cc-btn-primary-bg: #e52030; --cc-btn-primary-hover-bg: #b8141f;
  --cc-btn-primary-border-color: #e52030; --cc-btn-primary-hover-border-color: #b8141f;
  --cc-btn-primary-color: #fff; --cc-btn-primary-hover-color: #fff;
  --cc-link-color: #e52030; --cc-toggle-on-bg: #e52030;
}

/* Mientras no se acepte el marketing, el vídeo y el mapa no se cargan y se ve este aviso encima. */
.consent-gate {
  position: absolute; inset: 0; z-index: 2; box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; padding: 24px clamp(14px, 4vw, 24px); text-align: center;
  background: #111; color: #f5f2ea; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere;
}
.consent-gate p { margin: 0; max-width: 40ch; }
.consent-gate__acciones { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 100%; }
.consent-gate__btn {
  font: inherit; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 9px 18px; border-radius: 999px; cursor: pointer; text-decoration: none;
  border: 1px solid currentColor; background: transparent; color: inherit; line-height: 1.3;
}
.consent-gate__btn:hover { border-color: #e52030; color: #e52030; }
.consent-gate__btn--main { background: #e52030; border-color: #e52030; color: #fff; }
.consent-gate__btn--main:hover { background: #b8141f; border-color: #b8141f; color: #fff; }
@media (max-width: 400px) { .consent-gate { font-size: 14px; gap: 12px; } .consent-gate__btn { padding: 9px 14px; } }
.cc-mkt .consent-gate { display: none; }
