@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,900;1,400&family=Chivo:wght@700;900&display=swap');

@media all and (max-width:768px) {
body{background-color: #dad9d9}
h1{font-family: 'Chivo', sans-serif;color: #1c4273;font-weight: 900;text-align: center;padding-top: 2rem}
h2{font-family: 'Chivo', sans-serif;color: #1c4273;font-weight: 900;text-align: center}
h3{font-family: 'Archivo', sans-serif;text-align: center}
h4{font-family: 'Archivo', sans-serif;text-align: center}
h5{font-family: 'Chivo', sans-serif;color: #dad9d9;font-weight: 700}
h6{font-family: 'Archivo', sans-serif;text-align: center}
h6 .bold{font-family: 'Archivo', sans-serif;text-align: center}
.aclaracion {font-family: 'Archivo', sans-serif;text-align: center;font-style: italic;color: #1c4273; padding-left: 5%; padding-right: 5%}
ul{font-family: 'Archivo', sans-serif;line-height: 0.45rem}
a{text-decoration: none;color: #1c4273}
.primernivel{width: 344px; height: 213px; background: #1C4273;border-radius: 18px;box-shadow: 0em 0em 0.75em 0.05em black;font-family: 'Chivo', sans-serif;color: #dad9d9;margin:auto}
.primerniveltexto{padding-top: 0.6rem}
.segundonivel{width: 344px; height: 213px; background: #1C4273;border-radius: 18px;box-shadow: 0em 0em 0.75em 0.05em black;font-family: 'Chivo', sans-serif;color: #dad9d9;margin:auto}
.segundoniveltexto{padding-top: 0.6rem}
.tercernivel{width: 344px; height: 213px; background: #1C4273;border-radius: 18px;box-shadow: 0em 0em 0.75em 0.05em black;font-family: 'Chivo', sans-serif;color: #dad9d9;margin:auto}
.tercerniveltexto{padding-top: 0.6rem}
.legales{padding-top: 3rem;color: #1c4273}
.foto{width:100%; height:30rem;text-align: center; padding-top: 6rem; background-image: url("../img/portada.jpg");background-size:cover}
.avatar{width:18rem; height:18rem; border-radius:150px; border:0.3rem solid;box-shadow: 0em 0em 0.75em 0.05em black}
.barramenu{height: 3rem;column-count: 5; column-width: 5rem; column-gap: 1rem; font-family: 'Archivo', sans-serif;text-align: center;background-color: #1b223e;padding-top: 0.8rem}
.textomenu{color: #dad9d9; line-height: 1.3rem}
.bold{font-weight: 900;color: #1c4273}}

@media all and (min-width:769px) {
body{background-color: #dad9d9}
h1{font-family: 'Chivo', sans-serif;color: #1c4273;font-weight: 900;text-align: center;padding-top: 2rem}
h2{font-family: 'Chivo', sans-serif;color: #1c4273;font-weight: 900;text-align: center}
h3{font-family: 'Archivo', sans-serif;text-align: center}
h4{font-family: 'Archivo', sans-serif;text-align: center}
h5{font-family: 'Chivo', sans-serif;color: #dad9d9;font-weight: 700}
h6 .bold{font-family: 'Archivo', sans-serif;text-align: center}

ul{font-family: 'Archivo', sans-serif;line-height: 0.45rem}
a{text-decoration: none;color: #1c4273}
.materias{column-count: 3; padding-bottom: 5rem; padding-left: 10rem; padding-right: 10rem}
.primernivel{width: 344px; height: 213px; background: #1C4273;border-radius: 18px;box-shadow: 0em 0em 0.75em 0.05em black;font-family: 'Chivo', sans-serif;color: #dad9d9;margin:auto}
.primerniveltexto{padding-top: 0.6rem}
.segundonivel{width: 344px; height: 213px; background: #1C4273;border-radius: 18px;box-shadow: 0em 0em 0.75em 0.05em black;font-family: 'Chivo', sans-serif;color: #dad9d9;margin:auto}
.segundoniveltexto{padding-top: 0.6rem}
.tercernivel{width: 344px; height: 213px; background: #1C4273;border-radius: 18px;box-shadow: 0em 0em 0.75em 0.05em black;font-family: 'Chivo', sans-serif;color: #dad9d9;margin:auto}
.tercerniveltexto{padding-top: 0.6rem}

.foto{
    width: 100%;
    height: 50rem;
    text-align: center;
    padding-top: 15rem;
    background-image: url("../img/portada.jpg");
    background-size: cover
}
.avatar{width:18rem; height:18rem; border-radius:150px; border:0.3rem solid;box-shadow: 0em 0em 0.75em 0.05em black}
.barramenu{height: 5rem;column-count: 5; font-family: 'Archivo', sans-serif;font-size: 150%;text-align: center;background-color: #1b223e;padding-top: 1.7rem}
.textomenu{color: #dad9d9;line-height: 1.8rem}
.bold{font-weight: 900;color: #dad9d9}

footer{background-color: #1b223e}
.legales{padding-top: 3rem; padding-left: 9%;color: #dad9d9; column-count: 3;}
h7 {font-family: 'Archivo', sans-serif;font-style: italic}
h6{font-family: 'Archivo', sans-serif;text-align: left}
	.aclaracion{color: #dad9d9; padding-top: 2rem; padding-bottom: 2rem; text-align: center; padding-left: 3rem; padding-right: 3rem}
}