:root{
   --blanco: #ffffff;
   --azul: #2c4aac;
   --amarillo: #c7db27;
   --gris: #a6a6a6;   
}
html{
    font-size: 62.5%;
}
body{
    font-size: 16px;
     font-family: "Quicksand";
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
  
}

.fondo-titulo{
    background-color: var(--amarillo);
}

.titulo {
    text-align: center;
    font-size: 3.8rem;
    color: #2c4aac;
}
.garcimalla{
   background-image: url(../img/Foto\ garci\ malla.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
   height: 300px;
   position: relative;
   margin-bottom: 2rem;
   border-radius: 2rem;
}
.contenido-garcimalla{
   position: absolute;
   width: 100%;
   height: 100%;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   
}
@media (min-width: 480px) {
 .contenido-garcimalla{
    width: auto;
    justify-content: center;
   
 }
 
}   
.subtitulo{
    text-align: center;
    font-size: 2.5rem;
    color: #2c4aac;
    line-height: 2.5;
}
.p{
    text-align: center;
    line-height: 2;
}
.nuestraexperiencia{
   background-image: url(../img/mas\ de\ 30\ años.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
   height: 300px;
   position: relative;
   margin-bottom: 2rem;
   border-radius: 2rem;
}
.contenido-nuestraexperiencia{
   position: absolute;
   width: 100%;
   height: 100%;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   
}
@media (min-width: 480px) {
 .contenido-nuestraexperiencia{
    width: auto;
    justify-content: center;}
}

.mapa-contenedor{
  width: 100%;
  max-width: 900px;
  margin: 3rem auto;
  border-radius: 1.5rem;
  overflow: hidden;
}

.mapa-contenedor iframe{
  width: 100%;
  height: 400px;
  border: 0;
}

/* móvil */
@media (max-width: 480px){
  .mapa-contenedor iframe{
    height: 280px;
  }
}


.horarios{
    text-align: center;
}

.footer{
    text-align: center;
}