/* Banner de consentimiento de cookies (eu_cookie_compliance) armonizado con O Gaiteiro */
#sliding-popup {
  background: linear-gradient(180deg, #0a6b1a 0%, #005a1a 100%) !important;
  border-top: 1px solid rgba(255, 254, 206, 0.35);
  box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.3);
}

#sliding-popup .eu-cookie-compliance-banner {
  padding: 0.5em 0 0.6em;
}

#sliding-popup .popup-content {
  max-width: 1200px;
  padding: 0.4em 1.2em;
  display: flex;
  align-items: center;
  gap: 2.5em;
}

#sliding-popup .eu-cookie-compliance-message {
  float: none;
  max-width: 68%;
  margin: 0;
  flex: 1 1 auto;
}

#sliding-popup .eu-cookie-compliance-message h2 {
  font-family: 'Monotype Corsiva', Georgia, serif;
  font-size: 1.75em;
  font-weight: normal;
  color: #fff6c9;
  margin: 0 0 2px;
  line-height: 1.15;
}

#sliding-popup .eu-cookie-compliance-message p {
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.95em;
  font-weight: normal;
  color: #f4f7e8;
  line-height: 1.5;
  margin: 0;
  max-width: 70ch;
}

#sliding-popup .eu-cookie-compliance-buttons {
  float: none;
  max-width: none;
  margin: 0;
  flex: 0 0 auto;
  white-space: nowrap;
}

#sliding-popup .eu-cookie-compliance-buttons button {
  border-radius: 20px;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: bold;
  font-size: 0.85em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: none;
  padding: 9px 24px;
  margin: 0 0 0 14px;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

#sliding-popup .eu-cookie-compliance-buttons .agree-button {
  background: linear-gradient(180deg, #fff6c9 0%, #f0e29a 100%) !important;
  border: 1px solid #fffce9 !important;
  color: #005a1a !important;
}

#sliding-popup .eu-cookie-compliance-buttons .agree-button:hover {
  background: linear-gradient(180deg, #fffce0 0%, #f7e9a8 100%) !important;
  color: #003f12 !important;
}

/* Botón de RECHAZAR.
   Antes estaba oculto (display: none) y por eso el banner solo dejaba
   "Aceptar". La AEPD pide que rechazar sea tan fácil como aceptar, así que
   va como botón del mismo tamaño, con el mismo tipo de letra y al lado.
   Se engancha por la clase ".decline-button", que es la que usa el módulo
   en el modo "opt-in" (la de ".eu-cookie-compliance-default-button" cambia
   según el modo, por eso no se usa). */
#sliding-popup .eu-cookie-compliance-buttons .decline-button {
  background: transparent !important;
  border: 1px solid rgba(255, 252, 233, 0.8) !important;
  color: #fff6c9 !important;
}

#sliding-popup .eu-cookie-compliance-buttons .decline-button:hover,
#sliding-popup .eu-cookie-compliance-buttons .decline-button:focus {
  background: rgba(255, 254, 206, 0.16) !important;
  border-color: #fffce9 !important;
  color: #fffce9 !important;
}

#sliding-popup .popup-content .find-more-button {
  display: inline-block;
  background: transparent !important;
  border: 1px solid rgba(255, 254, 206, 0.6) !important;
  border-radius: 14px !important;
  color: #fff6c9 !important;
  text-decoration: none;
  letter-spacing: 0.04em;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
  font-size: 0.85em;
  text-transform: none;
  text-shadow: none;
  padding: 4px 14px;
  margin: 10px 0 0 0;
  cursor: pointer;
}

#sliding-popup .popup-content .find-more-button:hover {
  background: rgba(255, 254, 206, 0.12) !important;
  border-color: #fff6c9 !important;
}

@media screen and (max-width: 640px) {
  #sliding-popup .popup-content {
    flex-direction: column;
    gap: 0.8em;
    padding: 1em 1.2em;
    align-items: flex-start;
  }

  #sliding-popup .eu-cookie-compliance-message {
    max-width: 100%;
  }

  #sliding-popup .eu-cookie-compliance-buttons {
    white-space: normal;
  }

  #sliding-popup .eu-cookie-compliance-buttons button {
    margin: 0.3em 0.3em 0 0;
  }
}