/* Declarar variables CSS */
:root {
  --overlay-bg-color: rgba(0, 0, 0, 0.5);
  --message-bg-color: #2b4294;
  /* color de fondo por aplicacion cambiar aca */
  --text-color: #ffff;
  --button-bg-color: #0a21ef;
  /* color de fondo logo legis */
  --button-cancel-bg-color: red;
  --button-hover-bg-color: #0056b3;
}

/* Aplicar variables CSS */
.overlay_corporativo_ezproxy {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--overlay-bg-color);
  /* Usar la variable */
  z-index: 10000;
  /* Debajo del mensaje */
}

.message_corporativo_ezproxy {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  background-color: var(--message-bg-color);
  color: var(--text-color);
  padding: 10px;
  text-align: center;
  z-index: 10001;
  border-radius: 8px;
  border: 2px solid #fff;
  padding: 20px;
}

.clear-cache-button-corporativo-ezproxy,
.accept-button-corporativo-ezproxy,
.cancel-button-corporativo-ezproxy {
  margin-left: 10px;
  padding: 5px 10px;
  cursor: pointer;
  background-color: var(--button-bg-color);
  /* Usar la variable */
  color: var(--text-color);
  /* Usar la variable */
  border: none;
  border-radius: 4px;
}

.clear-cache-button-corporativo-ezproxy:hover {
  background-color: var(--button-hover-bg-color);
  /* Opcional: color en hover */
}

.accept-button-corporativo-ezproxy {
  background-color: var(--button-bg-color);
  /* Usar la variable */
}

.cancel-button-corporativo-ezproxy {
  background-color: var(--button-cancel-bg-color);
  /* Usar la variable */
}