h2{
    margin:auto;
    margin-bottom:3rem;
}

#pasos {
    width:90%;
    margin:auto;
}

#pasos div .card{
    text-align:center;
    font-size:1.5em;
    margin:auto;
    width:32%;
    max-width:15rem;
    height:6rem;
    margin-bottom:1rem;
}

button {
    margin-top:-4rem;
}

.oculto {
    display:none;
}

.abierto {
    margin-top:2rem;
}

.card {
    margin:2rem auto;
}

.container-img {
    width:90%;
    margin:auto;
}

.imagen {
    margin:auto;
    width:33%;
    max-width:24rem;
    position:relative;
    height:23vw;
    max-height:17rem;
    margin-bottom:1.5rem;
}

.imagen img{
    width:100%;
    height:100%;
    object-fit:cover;
}


@media (max-width: 800px){
    .imagen {
        width:90%;
        height:90%;
    }
    
    
    #pasos div .card{
        width:60vw;
        
}