/* Estilos para el popup */
.descuento-popup {
    position: fixed;
    bottom: 20px;
    right: -200px; /* Inicialmente fuera de la vista */
    width: 200px;
    background-color: #CC9900;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    transition: right 0.3s ease-in-out;
    z-index: 9999;
}

.descuento-popup.open {
    right: 20px; /* Se muestra cuando se añade la clase "open" */
}

.popup-content {
    padding: 15px; /* Reducido a 15px */
    text-align: center;
    font-size: 20px; /* Reducido el tamaño del texto */
}

.close-btn {
    position: absolute;
    top: 8px; /* Ajustado para un diseño más pequeño */
    right: 8px; /* Ajustado para un diseño más pequeño */
    font-size: 16px; /* Mantenido igual, pero puedes reducirlo si deseas */
    cursor: pointer;
    color: #888;
}

.close-btn:hover {
    color: #ff4d4d;
}

.cta-button {
    display: inline-block;
    padding: 8px 15px;
    background-color: #f4a261;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 14px; /* Reducido el tamaño del texto */
    font-weight: bold;
}

.cta-button:hover {
    background-color: #e76f51;
}

/*h4 {*/
   /* font-size: 16px; *//* Reducido el tamaño del título */
   /* margin-bottom: 10px;*/ /* Reducido el margen inferior */
/*}*/

p {
    margin: 0; /* Eliminado el margen por defecto */
}