.alertParrafo{
    font-family: 'Futura', sans-serif;
    font-size:14px;
    font-weight: 400;
}

.alertFecha{
    font-family: 'Futura', sans-serif;
    font-size:14px;
    font-weight: 600;
}

.alertTitle{
    font-family: 'Futura', sans-serif;
    font-size:23px;
    font-weight: 600;
    color: #11326B;
}

.alertBotonTexto{
    font-family: 'Futura', sans-serif;
    font-size:16px;
    font-weight: 400;
    color: #11326B;
}



.alertBotonWrapper{
    display: flex;
    width:100%;
    justify-content: center;
}

.alertBoton{
    all:unset;
    cursor: pointer;
    padding:10px 20px;
    background-color:#11326B;
    color:white;
    border-radius: 10px;
}



.alertContenedor{
    display: flex;
    width:100vw;
    height:100vh;
    background-color:rgba(0, 0, 0, 0.5);
    position:fixed;
    z-index: 9000000;
}

.alert{
    display:flex;
    width:80vw;
    background-color:white;
    border-radius: 10px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);  /*(box-shadow: offset-x offset-y blur-radius spread-radius color inset(para sombra interna);)*/ /* más valor en blur más suave*/
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding:50px 74px;
    gap:20px;
    max-width:662px;
    text-align:center;
    justify-content:center;
    flex-direction:column;
    z-index:1000000000;
}

.invisible{
    display: none;
}

@media(max-width:800px){
    .alert{
        padding:50px 40px;
    }
}