/* Botón normal */
.btn-comprar {
  padding: 12px 20px;
  font-size: 1rem;
  cursor: pointer;
}


/* ---------- POPUP (overlay) ---------- */

.popup {
position: fixed;
    inset: 0;
    background: #838182ed;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    /*backdrop-filter: blur(2px);*/
    z-index: 2;
}

/* Cuando esté activo */
.popup.activo {
  opacity: 1;
  pointer-events: auto;
}


/* ---------- CONTENIDO DEL POPUP ---------- */

.popup-content {
  position: relative;
  width: 90%;
  max-width: 460px;     /* clave para móviles */
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 1px 14px 11px 0px #231b1b87;
}

.popup-close, .popup-pausa, .popup-play{
  position: absolute;
  top: 6px;
  font-size: 1rem;
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  z-index: 10;
  padding: 1rem;
  background-color: #e8e7e7;
  border-radius: 0.55rem;
} 

.popup-close:hover, .popup-pausa:hover, .popup-play:hover{
  background-color: silver;
}

/* Botónes */
.popup-close{right: 10px;}
.popup-pausa{left: 10px;}
.popup-play {left: 100px;}

/* Video responsivo */
.popup-video {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 5rem;
}