@font-face {
  font-family: "Algerian";
  src: url('../fonts/Alger.ttf');
}
@font-face {
  font-family: "Algerian Regular";
  src: url('../fonts/Algerian Regular.ttf');
}
span {
  font-family: Platform Web,serif;;
}
p,a ,button{
  font-family: "Algerian";

}
h1 {
  font-family: "Algerian";
}
.btn_inicio{
  display: block;
  width: 100%;
  padding: 0.5rem;
  text-align: center;
  color: #2b2b2b;
  background-color: #d33737cf;
  border: none;
  border-radius: 0.4rem;
  transition: 0.2s;
  cursor: pointer;}
  button.cta {
    line-height: 1.2rem;
    color: #ffa81d;
    background: #d33737;
    margin-top: 2rem;
    position: relative;
    display: inline-block;
  }
  .continuar{
      line-height: 1.2rem;
  color: #ffa81d;
  background: #d33737;
  margin-top: 1rem;
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  }
.webp section.banner {
  background: url(../img/banner.jpg) no-repeat ;
   background-size: 100%;
  min-height: 97vh;
}
.imghistoria{
  
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
max-height: 60vh;
}
section.banner:before{
 	content:'';
	position: absolute;
        top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.1);
  
}
 
.grid {
  padding:2rem;
  display: grid;
   grid-gap: 6rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  align-items: start;
}
@media (max-width: 60em) {
  .grid {
    grid-gap: 3rem;
  }
}
.grid__item {
  background-color: #fff;
  border-radius: 0.4rem;
  overflow: hidden;
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: 0.2s;
}
.grid__item:hover {
  transform: translateY(-0.5%);
  box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
}

.card__img {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
.card__content {
  padding: 3rem 3rem;
}
.card__header {
   color: #0d0d0d;
  margin-bottom: 1.5rem;
}
.card__text {
   letter-spacing: 0.1rem;
  line-height: 1.7;
  color: #3d3d3d;
  margin-bottom: 2.5rem;
}
.card__btn {
  display: block;
  width: 100%;
  padding: 1.5rem;
   text-align: center;
  color: #3363ff;
  background-color: #e6ecff;
  border: none;
  border-radius: 0.4rem;
  transition: 0.2s;
  cursor: pointer;
}
.card__btn span {
  margin-left: 1rem;
  transition: 0.2s;
}
.card__btn:hover, .card__btn:active {
  background-color: #dce4ff;
}
.card__btn:hover span, .card__btn:active span {
  margin-left: 1.5rem;
}
 
.logo-sea{width:32px;height:32px;margin-right:auto}
 
 
 
@media screen and (max-width: 1650px) {
  .webp section.about {
    background-position-x: 7%;
  }
}
@media screen and (max-width: 1550px) {
  .webp section.about {
    background-position-x: 4%;
  }
}
@media screen and (max-width: 1490px) {
  .webp section.about {
    background-position-x: 2%;
  }
}
@media screen and (max-width: 1460px) {
  .webp section.about {
    background-size: 42%;
    background-position-y: 30%;
  }
}
@media screen and (max-width: 1300px) {
  .webp section.about {
    background-position-y: 33%;
  }
}
@media screen and (max-width: 1024px) {
  .webp section.banner {
  background: url(../img/banner.jpg) no-repeat 50% 100%  ;
   
  background-position-y: 40%;
  background-size: 100%;
  min-height: 40vh;
}
  .webp section.about {
    background-position-x: 48%;
    background-position-y: 8%;
    background-size: 35%;
  }
}
@media screen and (max-width: 1000px) {
  .webp section.about {
    background-position-y: 9%;
  }
}
@media screen and (max-width: 960px) {
  .webp section.about {
    background: none;
  }
}
.webp section.contacto {
  background: url(../img/mapa.webp) no-repeat 0;
  background-size: cover;
  height: 31rem;
  padding: 0;
}
@media screen and (max-width: 1440px) {
  .webp section.contacto {
    background-position-x: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .webp section.contacto {
    background-position-x: 35%;
  }
}
@media screen and (max-width: 768px) {
  .webp section.contacto {
    background-position-x: 50%;
  }
}
@media screen and (max-width: 425px) {
  .webp section.contacto {
    background-position-x: 100%;
  }
}
.no-webp section.banner {
  background: url(../img/banner-bg.png) no-repeat 50% 100% #88d7ff;
}
@media screen and (max-width: 1500px) {
  .no-webp section.banner {
    background-size: 90%;
  }
}
@media screen and (max-width: 900px) {
  .no-webp section.banner {
    background-size: 110%;
    background-position-x: 100%;
  }
}
@media screen and (max-width: 740px) {
  .no-webp section.banner {
    background-size: 120%;
  }
}
.no-webp section.about {
  background: url(../img/nubes.png) no-repeat 14% 26%;
}
@media screen and (max-width: 1740px) {
  .no-webp section.about {
    background-position-x: 10%;
  }
}
@media screen and (max-width: 1650px) {
  .no-webp section.about {
    background-position-x: 7%;
  }
}
@media screen and (max-width: 1550px) {
  .no-webp section.about {
    background-position-x: 4%;
  }
}
@media screen and (max-width: 1490px) {
  .no-webp section.about {
    background-position-x: 2%;
  }
}
@media screen and (max-width: 1460px) {
  .no-webp section.about {
    background-size: 42%;
    background-position-y: 30%;
  }
}
@media screen and (max-width: 1300px) {
  .no-webp section.about {
    background-position-y: 33%;
  }
}
@media screen and (max-width: 1024px) {
  .no-webp section.about {
    background-position-x: 48%;
    background-position-y: 8%;
    background-size: 35%;
  }
}
@media screen and (max-width: 1000px) {
  .no-webp section.about {
    background-position-y: 9%;
  }
}
@media screen and (max-width: 960px) {
  .no-webp section.about {
    background: none;
  }
}
.no-webp section.contacto {
  background: url(../img/mapa.png) no-repeat 0;
  background-size: cover;
  height: 31rem;
  padding: 0;
}
@media screen and (max-width: 1440px) {
  .no-webp section.contacto {
    background-position-x: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .no-webp section.contacto {
    background-position-x: 35%;
  }
}
@media screen and (max-width: 768px) {
  .no-webp section.contacto {
    background-position-x: 50%;
  }
}
@media screen and (max-width: 425px) {
  .no-webp section.contacto {
    background-position-x: 100%;
  }
}
section.banner {
  padding: 0;
  position: relative;
}
section.banner .wrapper {
  padding: 9.11rem 0;
}
@media screen and (max-width: 1500px) {
  section.banner .wrapper {
    padding: 8rem 0;
  }
}
@media screen and (max-width: 1400px) {
  section.banner .wrapper {
    padding: 7rem 0;
  }
}
@media screen and (max-width: 1300px) {
  section.banner .wrapper {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 1100px) {
  section.banner .wrapper {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 1000px) {
  section.banner .wrapper {
    padding: 3.6rem 0;
  }
}
@media screen and (max-width: 700px) {
  section.banner .wrapper {
    padding-top: 2rem;
  }
}
section.banner h1,
section.banner p {
  width: 50%;
  position: relative;
color: white
}
section.banner h1 {
  font-size: 3.61rem;
  line-height: 3rem;
  position: relative;
    color: white
}
section.banner p {
  
  position: relative;
    color: white
}
@media screen and (max-width: 1260px) {
  section.banner h1 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1000px) {
  section.banner h1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 790px) {
  section.banner h1 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 650px) {
  section.banner h1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  section.banner h1 {
    font-size: 3rem;
    width: 100%;
  }
}
@media screen and (max-width: 447px) {
  section.banner h1 {
    font-size: 2.8rem;
    line-height: 1;
  }
}
@media screen and (max-width: 393px) {
  section.banner h1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 354px) {
  section.banner h1 {
    font-size: 2.2rem;
  }
}
section.banner p {
  font-size: 1.61rem;
  line-height: 1.88rem;
  color: #000;
  margin-top: 0.66rem;
}
@media screen and (max-width: 1300px) {
  section.banner p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  section.banner p {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 860px) {
  section.banner p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 674px) {
  section.banner p {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 600px) {
  section.banner p {
    font-size: 1.2rem;
    width: 60%;
  }
}
@media screen and (max-width: 440px) {
  section.banner p {
    width: 70%;
  }
}
@media screen and (max-width: 390px) {
  section.banner p {
    width: 100%;
  }
}
 
section.about .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  section.about .wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media screen and (max-width: 960px) {
  section.about .wrapper {
    grid-template-rows: 0.7fr 1fr;
  }
}
@media screen and (max-width: 860px) {
  section.about .wrapper {
    grid-template-rows: 0.6fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  section.about .wrapper {
    grid-template-rows: 0.5fr 1fr;
  }
}
@media screen and (max-width: 650px) {
  section.about .wrapper {
    grid-template-rows: 0.4fr 1fr;
  }
}
@media screen and (max-width: 500px) {
  section.about .wrapper {
    grid-template-rows: 0.3fr 1fr;
  }
}
@media screen and (max-width: 375px) {
  section.about .wrapper {
    grid-template-rows: 0.25fr 1fr;
  }
}
@media screen and (max-width: 320px) {
  section.about .wrapper {
    grid-template-rows: 0.18fr 1fr;
  }
}
section.about .wrapper .container {
  display: -webkit-box;
  display: flex;
  border-right: 5px solid #ffa81d;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 4rem;
}
@media screen and (max-width: 1300px) {
  section.about .wrapper .container {
    border: none;
  }
}
@media screen and (max-width: 1024px) {
  section.about .wrapper .container {
    margin: 0;
    -webkit-box-pack: center;
    justify-content: center;
  }
}
section.about .wrapper .container img.logo-sea {
  width: 5.55rem;
  height: 5.55rem;
  margin-right: 3.33rem;
}
@media screen and (max-width: 1599px) {
  section.about .wrapper .container img.logo-sea {
    width: 3.88rem;
    height: 3.88rem;
  }
}
@media screen and (max-width: 425px) {
  section.about .wrapper .container img.logo-sea {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 425px) {
  section.about .wrapper .container h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 375px) {
  section.about .wrapper .container h2 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 320px) {
  section.about .wrapper .container h2 {
    font-size: 2rem;
  }
}
section.about .wrapper .container h2 span {
  display: block;
  color: #ffa81d;
}
section.about .wrapper p {
  padding-left: 0.5rem;
  white-space: pre-line;
}
@media screen and (max-width: 1024px) {
  section.about .wrapper p {
    padding: 0.5rem 0 0;
  }
}
section.cursos {
  background: #ffa81d;
}
section.cursos .wrapper h2 span {
  color: initial;
}
section.cursos .wrapper > p {
  margin: 3.5rem auto 0;
  width: 70%;
  text-align: center;
}
@media screen and (max-width: 1130px) {
  section.cursos .wrapper > p {
    width: 80%;
  }
}
section.cursos .wrapper ul.cursos__container {
  margin-top: 6rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.22rem;
}
@media screen and (max-width: 1130px) {
  section.cursos .wrapper ul.cursos__container {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6rem;
  }
}
@media screen and (max-width: 768px) {
  section.cursos .wrapper ul.cursos__container {
    justify-items: center;
    grid-template-columns: 1fr;
  }
}
section.cursos .wrapper ul.cursos__container li.curso__container {
  width: 100%;
  display: grid;
  grid-template-rows: 8rem repeat(4, -webkit-min-content);
  grid-template-rows: 8rem repeat(4, min-content);
}
@media screen and (max-width: 768px) {
  section.cursos .wrapper ul.cursos__container li.curso__container {
    max-width: 23.61rem;
  }
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2n)
  .curso__title
  span,
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2n)
  button.curso__toggle {
  color: #2b2b2b;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2n)
  button.curso__toggle
  svg.icon-plus {
  stroke: #2b2b2b;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2n)
  ul.curso__details
  li {
  border-bottom-color: #2b2b2b;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2n)
  ul.curso__details
  li
  h4 {
  color: #d33737;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:first-child
  svg {
  width: 7.11rem;
  height: 5.55rem;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2)
  svg {
  width: 7.55rem;
  height: 6.16rem;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(2)
  span {
  text-transform: uppercase;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(3)
  svg {
  width: 7.11rem;
  height: 6.5rem;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container:nth-child(4)
  svg {
  width: 6.61rem;
  height: 6.94rem;
}
section.cursos .wrapper ul.cursos__container li.curso__container .curso__logo {
  margin-bottom: 1.8rem;
}
section.cursos .wrapper ul.cursos__container li.curso__container .curso__title {
  font-size: 1.88rem;
  line-height: 1;
  color: #fff;
  text-transform: capitalize;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  .curso__title
  span {
  color: #d33737;
}
@media screen and (max-width: 1230px) {
  section.cursos
    .wrapper
    ul.cursos__container
    li.curso__container
    .curso__title {
    font-size: 1.78rem;
  }
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  button.curso__toggle {
  font-weight: 500;
  font-size: 1.16rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #d33737;
  width: 100%;
  border-radius: 0;
  border-top: 0.22rem solid;
  border-bottom: 0.22rem solid;
  margin-top: 1rem;
  padding: 0.8rem 0;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  button.curso__toggle
  svg.icon-plus {
  width: 2.55rem;
  height: 2.55rem;
  stroke: #d33737;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4px;
  margin-right: 1.5rem;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  button.curso__toggle:hover {
  -webkit-filter: none;
  filter: none;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  button.curso__toggle:hover
  svg.icon-plus {
  stroke: #fff;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  button.curso__toggle:hover
  span {
  color: #fff;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details.curso__details_show {
  height: 100%;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details
  li {
  border-bottom: 0.22rem solid #d33737;
  padding-bottom: 0.44rem;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details
  li
  h4 {
  font-size: 1.33rem;
  font-weight: 700;
  margin: 0.83rem 0 0.5rem;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details
  li
  h4
  span,
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details
  li
  p {
  font-weight: 400;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details
  li
  p
  + p {
  margin: 1.11rem 0;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.5;
}
section.cursos
  .wrapper
  ul.cursos__container
  li.curso__container
  ul.curso__details
  li
  p
  + p
  > span {
  font-weight: 500;
}
section.novedades .wrapper h2 span {
  text-transform: none;
  color: #ffa81d;
}
section.novedades .wrapper > p {
  text-align: center;
  margin: 1.5rem 0 5rem;
}
@media screen and (max-width: 900px) {
  section.novedades .wrapper > p {
    margin-bottom: 3rem;
  }
}
section.novedades .wrapper ul.novedades__container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  section.novedades .wrapper ul.novedades__container {
    display: block;
  }
}
section.novedades .wrapper ul.novedades__container li.novedad__container {
  width: 23.16rem;
  margin: 0 1rem;
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container:first-child {
  margin-left: 0;
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container:last-child {
  margin-right: 0;
}
@media screen and (max-width: 900px) {
  section.novedades .wrapper ul.novedades__container li.novedad__container {
    width: 70%;
    margin: 0 auto 5rem;
  }
  section.novedades
    .wrapper
    ul.novedades__container
    li.novedad__container:first-child,
  section.novedades
    .wrapper
    ul.novedades__container
    li.novedad__container:last-child {
    margin: 0 auto 5rem;
  }
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container
  .post__img {
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container
  h3.post__title {
  margin-top: 1rem;
  text-transform: capitalize;
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container
  span.post__date {
  display: block;
  margin-top: 1rem;
  font-weight: 500;
  font-size: 1.38rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container
  p.post__shortdata {
  margin-top: 1rem;
}
section.novedades
  .wrapper
  ul.novedades__container
  li.novedad__container
  button {
  margin-top: 1.5rem;
  color: #f7f6f5;
  background: #ffa81d;
}
section.seguinos {
  background: #2b2b2b;
}
section.seguinos .wrapper .social__container {
  margin-top: 1.3rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
section.seguinos .wrapper .social__container a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.seguinos .wrapper .social__container a svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: #ffa81d;
}
section.seguinos .wrapper .social__container a:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
section.seguinos .wrapper .instafeed__container {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0.75rem;
}
@media screen and (max-width: 1024px) {
  section.seguinos .wrapper .instafeed__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
section.seguinos .wrapper .instafeed__container a img {
  width: 100%;
  display: block;
  max-width: 15rem;
  background: #fff;
  -o-object-fit: cover;
  object-fit: cover;
}
section.seguinos .wrapper .instafeed__container a img:hover {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}
section.examenes {
  padding-bottom: 0;
}
section.examenes .wrapper h2 {
  color: #ffa81d;
}
section.examenes .wrapper h2 span {
  color: #d33737;
}
section.examenes .wrapper p {
  white-space: pre-line;
  text-align: center;
}
section.examenes .wrapper a svg {
  display: block;
  margin: 2.5rem auto 4rem;
  width: 6.11rem;
  height: 2.88rem;
  fill: #2b2b2b;
}
section.examenes .wrapper ul.examenes__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  grid-row-gap: 6rem;
}
section.examenes .wrapper ul.examenes__container li {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
section.examenes .wrapper ul.examenes__container li img.logo-sea-rounded {
  display: block;
  margin: 0 auto 1rem;
  width: 3.11rem;
  height: 3.11rem;
}
section.examenes .wrapper ul.examenes__container li img.logo-sea-rounded.dark {
  fill: #d33737;
}
section.examenes .wrapper ul.examenes__container li img.logo-sea-rounded.light {
  fill: #ffa81d;
}
section.examenes .wrapper ul.examenes__container li span.examen__title {
  display: block;
  width: 13.8rem;
  font-weight: 500;
  font-size: 1.55rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  section.examenes .wrapper ul.examenes__container li span.examen__title {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  section.examenes .wrapper ul.examenes__container li span.examen__title {
    width: 11rem;
    font-size: 1rem;
  }
}
section.examenes .wrapper ul.examenes__container li:hover {
  border-radius: 1rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
@media screen and (max-width: 560px) {
  section.examenes .wrapper ul.examenes__container {
    grid-template-columns: 1fr 1fr;
  }
  section.examenes .wrapper ul.examenes__container li img.logo-sea-rounded {
    width: 7rem;
    height: 7rem;
  }
  section.examenes .wrapper ul.examenes__container li span.examen__title {
    font-size: 1.2rem;
  }
  section.examenes .wrapper ul.examenes__container li:last-child {
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 425px) {
  section.examenes .wrapper ul.examenes__container {
    grid-row-gap: 4rem;
  }
  section.examenes .wrapper ul.examenes__container li span.examen__title {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 375px) {
  section.examenes .wrapper ul.examenes__container {
    grid-template-columns: 1fr;
    grid-row-gap: 6rem;
  }
  section.examenes .wrapper ul.examenes__container li span.examen__title {
    font-size: 1rem;
  }
}
section.examenes .more {
  position: relative;
  background: #f2f2f2;
  margin: 5rem 0 0;
  padding: 4rem 0;
}
section.examenes .more:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -1.2rem;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 1.2rem 1.2rem 0;
}
section.examenes .more p {
  width: 27rem;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.examenes .more p {
    width: 90%;
  }
}
section.examenes .more button {
  display: block;
  margin: 3rem auto 0;
  background: #ffa81d;
}
section.autoridades .more {
  position: relative;
  padding: 4rem 0;
}
section.autoridades .more:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -1.2rem;
  border-width: 1.2rem 1.2rem 0;
}
section.autoridades .more p {
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  section.examenes .more p {
    width: 90%;
  }
}
section.autoridades .more button {
  display: block;
  margin: 3rem auto 0;
  background: #ffa81d;
}
section.autoridades {
  background: #d33737;
}
section.autoridades .wrapper h2 {
  color: #fff;
  margin-bottom: 4rem;
}
section.autoridades .wrapper ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
section.autoridades .wrapper ul li {
  display: grid;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  justify-items: center;
  border-radius: 1.3rem;
  border: 0.3rem solid #ffa81d;
  padding: 2rem 3rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
section.autoridades .wrapper ul li:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
section.autoridades .wrapper ul li svg {
  fill: #ffa81d;
  width: 3.38rem;
  height: 4.11rem;
  margin-bottom: 1.5rem;
}
section.autoridades .wrapper ul li h3 {
  color: #ffa81d;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 1.5rem;
}
section.autoridades .wrapper ul li span {
  color: #fff;
  font-family: Poppins, serif;
  font-size: 1rem;
  letter-spacing: 0.03em;
  line-height: 1.16rem;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  section.autoridades .wrapper ul li {
    padding: 2rem 2.8rem;
  }
}
@media screen and (max-width: 1300px) {
  section.autoridades .wrapper ul li {
    padding: 2rem 1.85rem;
  }
}
@media screen and (max-width: 1200px) {
  section.autoridades .wrapper ul li {
    padding: 2rem 1.9rem;
  }
}
@media screen and (max-width: 1070px) {
  section.autoridades .wrapper ul li {
    padding: 2rem 1.3rem;
    border: 0.2rem solid #ffa81d;
  }
  section.autoridades .wrapper ul li svg {
    width: 3rem;
    height: 3.8rem;
  }
  section.autoridades .wrapper ul li h3 {
    font-size: 2.1rem;
  }
  section.autoridades .wrapper ul li span {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1024px) {
  section.autoridades .wrapper ul {
    grid-template-columns: 1fr 1fr;
  }
  section.autoridades .wrapper ul li {
    padding: 2rem 3rem;
    border: 0.3rem solid #ffa81d;
  }
  section.autoridades .wrapper ul li svg {
    width: 3.38rem;
    height: 4.11rem;
  }
  section.autoridades .wrapper ul li h3 {
    font-size: 2.2rem;
  }
  section.autoridades .wrapper ul li span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  section.autoridades .wrapper ul {
    grid-template-columns: 1fr;
  }
}
section.docentes {
  background: #ffa81d;
}
section.docentes .wrapper svg {
  width: 2.5rem;
  height: 2.66rem;
  fill: #d33737;
}
section.docentes .wrapper .icons__container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
section.docentes .wrapper h2 {
  font-weight: 500;
  font-size: 2.5rem;
  margin-top: 0.5rem;
}
section.docentes .wrapper ul {
  border-radius: 1rem;
  border: 0.15rem solid #d33737;
  width: 70%;
  margin: 2rem auto;
  padding: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #ffa81d;
  -webkit-filter: drop-shadow(3px 6px 0 rgba(0, 0, 0, 0.2));
  filter: drop-shadow(3px 6px 0 rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  section.docentes .wrapper ul {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  section.docentes .wrapper ul {
    padding: 0.5rem;
  }
}
section.docentes .wrapper ul li {
  padding: 0 0.5rem;
}
section.docentes .wrapper ul li span {
  font-family: Poppins, serif;
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.03em;
  line-height: 1.72rem;
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
}
section.docentes .wrapper ul li span:first-letter {
  font-weight: 700;
}
section.docentes .wrapper ul li span:hover {
  font-weight: 700;
  text-shadow: 1px 5px 3px #f2f2f2;
}
@media screen and (max-width: 425px) {
  section.docentes .wrapper ul li span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 320px) {
  section.docentes .wrapper ul li span {
    font-size: 0.9rem;
  }
}
section.docentes .wrapper > svg:last-of-type {
  display: block;
  margin: 4rem auto 0;
}
section.docentes .wrapper .data-traductora {
  width: 30%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 2rem auto 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 0.15rem solid #d33737;
  background: #ffa81d;
  -webkit-filter: drop-shadow(3px 6px 0 rgba(0, 0, 0, 0.2));
  filter: drop-shadow(3px 6px 0 rgba(0, 0, 0, 0.2));
  font-family: Poppins, serif;
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.03em;
  line-height: 1.72rem;
  text-transform: capitalize;
}
section.docentes .wrapper .data-traductora span:first-letter {
  font-weight: 700;
}
section.docentes .wrapper .data-traductora a:hover,
section.docentes .wrapper .data-traductora span:hover {
  font-weight: 700;
  text-shadow: 1px 5px 3px #f2f2f2;
}
section.docentes .wrapper .data-traductora svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: #161616;
  margin: -0.2rem 0.6rem 0;
}
@media screen and (max-width: 1300px) {
  section.docentes .wrapper .data-traductora {
    width: 35%;
  }
}
@media screen and (max-width: 1024px) {
  section.docentes .wrapper .data-traductora {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  section.docentes .wrapper .data-traductora {
    width: 65%;
  }
}
@media screen and (max-width: 560px) {
  section.docentes .wrapper .data-traductora {
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  section.docentes .wrapper .data-traductora {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  section.docentes .wrapper .data-traductora {
    font-size: 0.9rem;
  }
}
section.medioteca {
  padding-bottom: 10rem;
}
section.medioteca .wrapper {
  display: grid;
  justify-items: center;
}
section.medioteca .wrapper > p {
  width: 37rem;
  text-align: center;
  margin: 2rem 0 4rem;
}
@media screen and (max-width: 768px) {
  section.medioteca .wrapper > p {
    width: 90%;
  }
}
section.medioteca .wrapper > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.5rem;
}
section.medioteca .wrapper > ul li {
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
section.medioteca .wrapper > ul li svg {
  width: 5.9rem;
  height: 5.9rem;
  margin-bottom: 2rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.medioteca .wrapper > ul li h3 {
  font-weight: 500;
  font-size: 1.555rem;
  line-height: 1;
  color: #161616;
  position: relative;
  padding: 0 2.6rem 2rem;
}
section.medioteca .wrapper > ul li h3:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 5%;
  left: 47.5%;
  border-bottom: 0.15rem solid #161616;
}
section.medioteca .wrapper > ul li p {
  margin-top: 2rem;
  line-height: 1.2;
}
section.medioteca .wrapper > ul li:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media screen and (max-width: 1440px) {
  section.medioteca .wrapper > ul li svg {
    width: 5rem;
    height: 5rem;
  }
  section.medioteca .wrapper > ul li h3 {
    font-size: 1.4rem;
    padding: 0 3rem 2rem;
  }
}
@media screen and (max-width: 1300px) {
  section.medioteca .wrapper > ul li h3 {
    padding: 0 2.1rem 2rem;
  }
}
@media screen and (max-width: 1080px) {
  section.medioteca .wrapper > ul li h3 {
    padding: 0 1.7rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  section.medioteca .wrapper > ul li h3 {
    font-size: 1.2rem;
    padding: 0 4.4rem 2rem;
  }
}
@media screen and (max-width: 768px) {
  section.medioteca .wrapper > ul li h3 {
    font-size: 1.5rem;
    padding: 0 0 2rem;
  }
}
section.medioteca .wrapper > ul li:first-child h3 {
  padding: 0 2rem 2rem;
}
@media screen and (max-width: 1440px) {
  section.medioteca .wrapper > ul li:first-child h3 {
    padding: 0 1rem 2rem;
  }
}
@media screen and (max-width: 1080px) {
  section.medioteca .wrapper > ul li:first-child h3 {
    padding: 0 0.6rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  section.medioteca .wrapper > ul li:first-child h3 {
    padding: 0 1.1rem 2rem;
  }
}
@media screen and (max-width: 768px) {
  section.medioteca .wrapper > ul li:first-child h3 {
    padding: 0 0 2rem;
  }
}
@media screen and (max-width: 1024px) {
  section.medioteca .wrapper > ul {
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem 10rem;
    padding: 0 5rem;
  }
}
@media screen and (max-width: 972px) {
  section.medioteca .wrapper > ul {
    grid-gap: 5rem 6.7em;
  }
}
@media screen and (max-width: 920px) {
  section.medioteca .wrapper > ul {
    grid-gap: 5rem;
    padding: 0 4.3rem;
  }
}
@media screen and (max-width: 874px) {
  section.medioteca .wrapper > ul {
    grid-gap: 5rem 3rem;
    padding: 0 3.8rem;
  }
}
@media screen and (max-width: 821px) {
  section.medioteca .wrapper > ul {
    grid-gap: 5rem 2.7rem;
    padding: 0 2.3rem;
  }
}
@media screen and (max-width: 768px) {
  section.medioteca .wrapper > ul {
    grid-template-columns: 1fr;
    grid-gap: 6rem;
    padding: 0;
  }
}
section.contacto .wrapper {
  position: relative;
}
section.contacto .wrapper .form__container {
  position: absolute;
  width: 32.5rem;
  padding: 2.22rem;
  background: #d33737;
  border-radius: 1rem;
  margin-top: -3rem;
}
@media screen and (max-width: 768px) {
  section.contacto .wrapper .form__container {
    left: calc((100% - 32.5rem) / 2);
  }
}
@media screen and (max-width: 640px) {
  section.contacto .wrapper .form__container {
    width: 100%;
    left: 0;
  }
}
section.contacto .wrapper .form__container form > *,
section.contacto .wrapper .form__container h2,
section.contacto .wrapper .form__container p {
  color: #fff;
}
section.contacto .wrapper .form__container p {
  margin: 0.5rem 0 2rem;
  font-weight: 300;
  font-size: 1rem;
}
section.contacto .wrapper .form__container form {
  position: relative;
}
section.contacto .wrapper .form__container form > * {
  width: 100%;
  margin-bottom: 1rem;
  background: transparent;
  color: #fff;
  height: 3rem;
}
section.contacto .wrapper .form__container form button,
section.contacto .wrapper .form__container form input,
section.contacto .wrapper .form__container form select,
section.contacto .wrapper .form__container form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.03em;
  border-radius: 0.75rem;
  border: 0.2rem solid #fff;
}
section.contacto .wrapper .form__container form input,
section.contacto .wrapper .form__container form select,
section.contacto .wrapper .form__container form textarea {
  padding-left: 1rem;
}
section.contacto .wrapper .form__container form input,
section.contacto .wrapper .form__container form textarea {
  font-weight: 400;
}
section.contacto
  .wrapper
  .form__container
  form
  input::-webkit-input-placeholder,
section.contacto
  .wrapper
  .form__container
  form
  textarea::-webkit-input-placeholder {
  color: #fff;
}
section.contacto .wrapper .form__container form input::-moz-placeholder,
section.contacto .wrapper .form__container form textarea::-moz-placeholder {
  color: #fff;
}
section.contacto .wrapper .form__container form input:-ms-input-placeholder,
section.contacto .wrapper .form__container form textarea:-ms-input-placeholder {
  color: #fff;
}
section.contacto .wrapper .form__container form input::-ms-input-placeholder,
section.contacto
  .wrapper
  .form__container
  form
  textarea::-ms-input-placeholder {
  color: #fff;
}
section.contacto .wrapper .form__container form input::placeholder,
section.contacto .wrapper .form__container form textarea::placeholder {
  color: #fff;
}
section.contacto .wrapper .form__container form textarea {
  height: 9rem;
  padding-top: 1rem;
}
section.contacto .wrapper .form__container form button {
  position: absolute;
  bottom: -4.5rem;
  right: 0;
  width: auto;
  padding-left: 1;
  border-radius: 3rem;
  border: 0;
  color: #ffa81d;
  background: #161616;
}