*{padding: 0; margin: 0rem; }

body{ font-family: 'Roboto'; }
.foto{width: 100%; border-radius: 0 }
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;  
}
 
.centrado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'Roboto';
    font-weight: 900;
    font-size:4rem;
    text-shadow:0.1em 0.1em 0.1em black
}


nav{background: white; padding: 1rem; border-bottom: 0.25px solid;  margin-left: 1rem; margin-right: 1rem;   }
nav ul {display:flex; justify-content: space-around;  }
nav ul li {display: inline-flex;   }
nav ul li  a{ color: black; text-decoration: none; font-size: 1.5rem;  font-family: 'Roboto'; font-weight: 300; 
}




.main { background: white; color: black; padding: 1rem;   }
h2 { display:flex; justify-content: space-around; margin-top: 2rem; margin-bottom: 2rem; font-size: 2rem; }

h3{font-size: 1.5rem; margin-bottom: 0.5rem; width:  }
h4{font-size: 1.5rem; margin-bottom: 0.5rem; margin-top: 0rem;}
h5{font-size: 1.5rem; margin-top: 3rem; margin-bottom: 0.5rem;}
h6{font-size: 1.5rem; margin-top: 3rem; margin-bottom: 0.5rem;}
.descripciont{margin-top: 3rem}

.columna-a {display: flex; flex-direction: column; justify-content: center; align-items: center; }
.columna-b {display: flex; flex-direction: column; justify-content: center; align-items: center}
.columna-c {display: flex; flex-direction: column; justify-content: center; align-items: center}
.columna-d {display: flex; flex-direction: column; justify-content: center; align-items: center}

.columna-2 { display:flex; justify-content: space-around; margin-top: 1rem; margin-bottom: 10rem  }

.seccion{padding: 1rem;}
.columna-3 {border: 0.25px solid; border-radius: 2rem; justify-content: center; text-align: center}
.columna-4 {border: 0.25px solid; border-radius: 2rem; justify-content: center; text-align: center}

.columna-3 { margin-top: 1rem; margin-right: 1rem; padding: 1rem; width: 92%; 
}
.columna-4 { margin-top: 1rem; ; background: white; color: black; padding: 1rem; width: 92%;    
}


.columna-plan{margin-top: 5rem; text-align: center; border: none}
article a{ text-decoration: none; color: black; }

footer {background: white; color: white; padding: 1rem; }
footer p {font-size: 0.8rem; color: gray; text-align: center; }



@media screen and (min-width:48rem) {
    
    
    
    .seccion{display: flex; justify-content: space-around; }
    .columna-3{width: 50%; }
    .columna-4{width: 50%;}
    
    h2 { display:flex; justify-content: space-around; margin-top: 2rem; margin-bottom: 2rem; font-size: 2rem; }

    .columna-todos{display: flex; flex-direction: row; justify-content: space-around; align-items: center}