#coupon-popup {
    width: 80%;
    max-width: 600px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

@media (max-width: 768px) {
    #coupon-popup {
        width: 90%; /* Más ancho en mobile */
    }
}

#popup-title {
    color: #F25C93 !important;
}

#popup-subtitle {
    color: #F3A8C3 !important;
}

#coupon-popup img {
    display: block;
    margin: 0 auto 20px; /* Centra el GIF */
}

#close-popup {
    display: block;
    margin: 20px auto 0; /* Centrar el botón cerrar debajo del GIF */
}