@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');

*{padding:0; margin: 0; box-sizing: border-box; transition: 1seg all; }

/* INICIO */
/* Estilos generales */

body {font-family: 'Roboto', sans-serif;}

/* Header */
header{ color: #ffffff; background: #8275F4; padding: 1rem; }
h1 {font-size: 1.8rem; font-weight: 700;}

/* Menu */
nav { background: #f5f5f5; padding: 0.8rem; }
nav ul li { display: inline-block; }
nav ul li a {color:#838EA6; text-decoration: none; padding: 0.8rem;}
.link-activo {background: #e9e9eb;}

/* Section y Article*/
main section article {padding: 1.5rem; }
main section aside {background: #b4b4b4; padding: 1.5rem; }

.boton-alumno {display: block; padding: 0.5rem; margin: 0.2rem 0.2rem 0.3rem 0; border: none; border-radius: 0.2rem; background: #aea5ff; color: #2A3457;}
main section article a {text-decoration: none; }

.titulo-columna {font-size: 1.2rem; font-weight: 500; color: #2A3457; padding-bottom: 0.6rem; }
p {font-size: 0.9rem; font-weight: 300; }

.inicio {}
.columna-1 {background: #e8e8e8; width: 100%;}
.columna-2 {background: #c3c3c3; width: 100%;}
.columna-3 {background: #b4b4b4; width: 100%;}

aside { padding: 1rem; }

footer {background: #F5F6FA; padding: 0.7rem; }
footer p {font-size: 0.7rem; font-weight: 300 ;color: #838EA6}

/* MENU */
.responsive {
    max-width: 100%;
    height: auto;
    }


/* PLAN */

.article-plan {padding: 2rem;}
.titulo-plan {margin-bottom: 1rem;}

/* Cuando es mayor a 768px */
@media screen and (min-width: 48rem) {
    
.inicio {display: flex; justify-content: space-between;}
.columna-1 {background: #ebebeb; width: 34%;}
.columna-2 {background: #ebebeb; width: 34%;}
.columna-3 {background: #ebebeb; width: 34%;}
    
    }