.Prom-Modal {
  display: none;          /* Oculto por defecto */
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  position: fixed;        /* Se queda fijo en pantalla */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); /* Fondo semitransparente */
  justify-content: center;
  align-items: center;

}
.Prom-Modal.activa {
  display: flex;          /* Se muestra como flex */
  visibility: visible;
  opacity: 1;
  position:fixed !important;
 inset:0 !important;
 z-index: 9999;

}




.promo-modal-content {
  padding: 20px;
  position: relative;
  width:780px;
  height: auto;
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 5px rga(0 0 0 / .15);
}

.promo-content {
    display: flex; 
    align-items: center; 
    gap: 15px;
    width: 100%;

}

.promo-content div {

     color: black;
     padding: 15px;
     font-size: 14px;
}


.promo-content div h3 {

     color: black;
}

.promo-img{
    top: 0px;
    height: 400px;
    width: auto;
    border-radius: 10px;
}