.cookie-consent-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 25px;
  z-index: 10001;
}

.cookie-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}

.cookie-config-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.171);
  z-index: 10002;
  max-height: 100vh;
  overflow-y: auto;
}

.cookie-consent-button {
  padding: 15px 25px;
  margin-right: 5px;
  cursor: pointer;
  border: solid 1px #e75645;
  font-size: small;
}

#accept-cookies,
#save-cookie-settings,
#close-cookie-config:hover,
#reject-cookies:hover,
#manage-cookies:hover {
  background-color: #e75645;
  color: white;
}

#reject-cookies,
#manage-cookies,
#close-cookie-config {
  color: #e75645;
  border: solid 1px #e75645;
  background-color: white;
}

#save-cookie-settings:disabled {
  background-color: #d3d3d3;
  border: solid 1px #d3d3d3;
  color: #858080;
}

/* Estilo para bloquear el scroll de la página */
body.modal-open {
  overflow: hidden;
}