.alerta{
	width: 35%;
	height: auto;
	padding: 0;
	border-radius: 30px;
	position: fixed;
	margin-top: 40vh;
	margin-left: 30%;
	z-index: 50;
	background-color: white;
    border: solid 1px gray;
}
.alerta h4{
    padding: 7px 20px;
    border-radius: 30px 30px 0 0;
    background-color: rgb(8, 150, 197);
	color: white;
}
.alerta p{
    padding: 5px 20px;
    font-size: 20px;
	text-align: center;
}
.alerta input{
    position: center;
    margin-bottom: 10px;
}
.alerta span{
	margin-left: 5px;
}
.fondo_alerta{
    width: 100%;
    height: 100%;
    z-index: 49;
    background-color: rgba(0, 0, 0, 0.603);
    position: fixed;
}

#alert {
    padding: 10px 20px; 
    border-radius: 5px; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
    transition: opacity 0.5s ease-in-out;
}

@media (max-width: 768px){
    .alerta{
        width: 88%;
        margin-top: 30vh;
        margin-left: 5%;
        z-index: 50;
        background-color: white;
        border: solid 1px gray;
    }

}