@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

body{
    font-family: 'Poppins', sans-serif;
    background: #ececec;
}

.box-area{
    width: 930px;
}

.right-box{
    padding: 40px 30px 40px 40px;
}


::placeholder{
    font-size: 16px;
}

.rounded-4{
    border-radius: 20px;
}
.rounded-5{
    border-radius: 30px;
}


@media only screen and (max-width: 768px){

     .box-area{
        margin: 0 10px;

     }
     .left-box{
        height: 100px;
        overflow: hidden;
     }
     .right-box{
        padding: 20px;
     }

}

.custom-image-class {
    margin: 10px; 
}

.swal-custom-container {
    text-align: center;
}

.swal-custom-title {
    margin-bottom: 10px;
}

.swal-custom-image {
    width: 250px;
    height: 200px;
    margin: 0 auto;
    display: block;
}

.swal-custom-text {
    margin-top: 10px;
}

/* #formCheck {
    width: 48px;
    height: 48px;
} */


/* luces que parpadean */
/* .lights-container {
    display: flex;
    justify-content: center; 
    gap: 15px; 
    margin-top: 20px; 
}

.light {
    width: 20px;
    height: 30px;
    border-radius: 50%;
    animation: blink 1.5s infinite;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.light.red {
    background-color: #FF4C4C;
    box-shadow: 0 0 15px rgba(255, 76, 76, 0.8);
}

.light.green {
    background-color: #4CFF4C;
    box-shadow: 0 0 15px rgba(76, 255, 76, 0.8);
}

.light.blue {
    background-color: #4C4CFF;
    box-shadow: 0 0 15px rgba(76, 76, 255, 0.8);
}

.light.yellow {
    background-color: #FFFF4C;
    box-shadow: 0 0 15px rgba(255, 255, 76, 0.8);
}

.light.purple {
    background-color: #FF4CFF;
    box-shadow: 0 0 15px rgba(255, 76, 255, 0.8);
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
} */