html{
    font-size: 62.5%;
    box-sizing: border-box;
}

  *, *:before, *:after {
    box-sizing: inherit;
  }

body{
  font-family: var(--fuenteSecundaria);
  font-size: 1.6rem;
  line-height: 1.5;
  background-color: #f5f3f3;

}


h1, h2, h3, h3{
  font-family: var(--fuentePrincipal);
  text-align: center;

}

p{
  font-family: var(--fuenteSecundaria);
}

h1{
  font-size: 4rem;
}

h2{
  font-size: 2.2rem;
}

h3{
  font-size: 2.8rem;
  color: var(--blanco);
}

p{
  font-size: 1.8rem;
  color:var(--blanco);
  text-align: center;
}

:root{
    --fuentePrincipal:  'Comfortaa', cursive;
    --fuenteSecundaria: 'Open Sans', sans-serif;

    --primario: #1F3C88;
    --secundario: #19647e;
    --terciario:#00bfd8;
    --blanco: #fff;
    --negro: #000;
    --gris:#2f2f2f;
}

.contenedor{
  max-width: 120rem;
 margin: 0 auto;
}

.margen-superior{
  margin: 2rem;
}

@media(min-width: 768px){
  .margen-superior{
    margin-top: 3rem;
  }
}

.conte{
  width: min(90%, 120rem);
  margin: 0 auto;
  padding: 2rem;
}
.header{
  background-image: url(../img/img2.jpeg);
  display: flex;
  justify-content: left;
  height: 60rem;
  background-size: cover;
  background-repeat: no-repeat;
  /*background-position: center center;*/
}

.encabezado{
  background-color: #272727;
}

img{
width: 100%;
}


.barra {
  display:flex;
  justify-content: space-between;
  padding:3rem;
}
 
.svg{
  text-align: center;
}

.info{
  display: flex;
  padding: 2rem 5rem;
  height: 100%;
  width: 0 auto;
      
  background: #1F3C88; /* Old browsers */
  background: -moz-linear-gradient(left, #1F3C88 0%, #19647e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1F3C88 0%,#19647e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1F3C88 0%,#19647e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#741d51', endColorstr='#e44e52',GradientType=1 );
}

.grid{
  display: grid;
  grid-template-columns:1fr;
  gap: 1rem;
}

@media (min-width: 768px){
  .grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

.texto{
  color: var(--negro);
  text-align: left;
  font-family: var(--fuenteSecundaria);
  line-height: 2;
  
} 

.texto1{
  color: var(--negro);
  text-align: left;
  font-family: var(--fuenteSecundaria);
  line-height: 2;
  padding: 3rem;
  
}


.entrada-blog{
  margin: 2rem;
}
@media(min-width: 768px){
  .entrada-blog{
    margin: 3rem;
  }
}

.curso{
  text-align: center;
  border: 1px solid #e1e1e1;
  background: white;
  height: 40rem;
  margin: 2rem;

}

@media (min-width: 768px){
  .curso{
    text-align: center;
    border: 1px solid #e1e1e1;
    background: white;
    height: 40rem;
  }
}


.curso .ic{
  width: 100%;
}

.cursos{
  color: var(--terciario);
  text-align: left;
  font-size: 2.7rem;
  font-weight: bold;
}

svg{
  text-align: center;
}
.ubicacion{
  background-image: url(../img/ubicacion401.jpg);
  height: 40rem;
  margin-top: 3rem;
  border: 1px solid #e1e1e1;
  background-position: center center;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.boton{
  background-color: var(--primario);
  color: var(--blanco);
  padding: 1rem 3rem;
  border-radius: .5rem;
  
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  cursor: pointer ;
  font-family: var(--fuentePrincipal);
  text-decoration: none;
 }

 .boton-insc{
  background-color: #00bfd8;
  color: var(--blanco);
  padding: 1rem 3rem;
  border-radius: .5rem;
  
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  cursor: pointer ;
  font-family: var(--fuentePrincipal);
  text-decoration: none;

 }
footer{
  background-color:#353535;
}


.footer .copyright{
  color:#fff;
  text-align:center;
}

.derecha{
  display:flex;
  flex-direction:column;
  align-items:center;
}

  @media (min-width:768px){
    .derecha{align-items:flex-end;
    }
}

.derecha .dark-mode-boton{
  width:3rem;
  margin-top:3rem;
   margin-bottom:2rem;
  filter:invert(100%);
}

.derecha .dark-mode-boton:hover{
  cursor:pointer;
}

.barra{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:3rem;
 }

 @media (min-width:768px){
  .barra{flex-direction:row;
  justify-content:space-between;
  align-items:flex-end;
    }
  }

  .navegacion{
    visibility: visible;
    opacity:1;
    height:auto;
  }
  
     
  @media (min-width:768px){
  .navegacion{
   display:flex;
   align-items:center;
   opacity:1;
   visibility:visible;
  }
 }
  .navegacion a{
  color:#fff;
  text-decoration:none;
  font-size:1.8rem;
  display:block;
  text-align:center;
  font-family: var(--fuenteSecundaria);
  }
      
  @media (min-width:768px){
    .navegacion a{
    margin-right:2rem;
    font-size:2rem;
    }

  .navegacion a:last-of-type{
          margin-right:0}
        }
   .navegacion a:hover{
   color:var(--terciario);
    }

 .esc{
  display: flex;
  
 }

 .medida-escuela{
  width: 100%;
 }
 
  .separacion {
     border-bottom: 1px solid var(--gris);
  
  }

  /** Contacto **/
.contacto-bg {
  background-image: url(../img/contacto.jpg);
  height: 40rem;
  background-size: cover;
  background-repeat: no-repeat;
}

.formulario {
  background-color:rgba(255, 255, 255, 0.693);
  margin: -3rem auto 0 auto;
  width: 95%;
  padding: 5rem;
  margin-bottom: 3rem;
}
.campo {
  display: flex;
  margin-bottom: 2rem;
  
}
.campo__label {
  flex: 0 0 9rem;
  text-align: right;
  padding-right: 2rem;
  height: 4rem;
}
.campo__field {
  flex: 1;
  border: 1px solid #c0bebe;
}
.campo__field--textarea {
  height: 15rem;
}

.ig{
  text-decoration: none;
  color: #fff;
}