#popup{
    position: fixed;
    z-index: 1;
    background-color: #e35070f3;
    width: 100%;
    height: 100vh;
    animation: aparecer 5s ease-in-out;
    color: #fff;
    


}

@keyframes aparecer{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

#popup iframe{
    width: 100%;
    height: 730px;
    border-radius: 25px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.425);
    position: relative;

}

#popup h3{
    text-transform: uppercase;
    font-size: 30pt;
    font-weight: bold;
}

.cont-popup{
    display: flex;
    align-items: center;
    justify-content: center;
}

.box{
    height: 100vh;
    position: relative;
}

.close{
    position: absolute;
    top: 2%;
    right: 5%;
    z-index: 1;

}
.close i{
    font-size: 30pt;
    color: #fff;
}

.close i:hover{
    color: #00ab96;
    transition: 0.3s;
}