* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Times New Roman", Times, serif, "Times New Roman",
    Times, serif, "Gill Sans", "Gill Sans MT";
}
body {
  background: rgb(245, 245, 248);
/*
  background: #FF6600; naranja oscuro botones
  background-color:#FFC849; naranja claro
  background-color: #FF9800; naranja medio*/
}
/* barra de desplazamiento*/
body::-webkit-scrollbar{
  width: 15px;
  background-color: rgba(223, 230, 236);
  
}
body::-webkit-scrollbar-thumb{
  background-color: #FF6600;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.sector1 {
  margin-bottom: 1%;
}
#seccionImgPrincipal{
  text-align: center;
  height: 17%;
  margin-top: 2%;
}
#seccionImgPrincipal img{
  width: 100%;
  filter: drop-shadow(8px 8px 5px rgb(154, 152, 152));
  -webkit-filter: drop-shadow(8px 8px 5px rgb(154, 152, 152));
}
#seccionInfo{
  font-size: 150%;
  margin: 2% 10% 2% 10% ;
}
#premava{
  color: #FF6600;
}
#seccionInfo p{
  color: #0c0c0c;
  text-align: start;
}
#seccionPilates{
  margin:2% 10% 3% 10%;
  background-color: #FF9800;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
#seccionPilates img{
  width: 100%;
  filter: drop-shadow(8px 8px 4px rgb(8, 8, 8));
  -webkit-filter: drop-shadow(8px 8px 4px rgb(8, 8, 8));
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#seccionPilates p{
  color: #0c0c0c;
  font-size: 150%;
  padding-top: 1.5%;
}
#textPilates{
  margin: 2%;
}
#verHorarios{
  margin-left: 40%;
  font-size: 150%;
  margin-top: 2%;
  text-align: center;

}

#textRedes{
  color: #0c0c0c;
  margin: auto;
  font-size: 180%;
}
#mapa{
  width: 80%;
  height: 300px;
  margin: 1% 10% 5% 10%;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}
#seccionRedes img{
  width: 10%;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  filter: drop-shadow(1px 1px 3px rgb(8, 8, 8));
  -webkit-filter: drop-shadow(1px 1px 3px rgb(8, 8, 8));
}

@media(hover:hover){
  
  #seccionRedes img:hover{
    filter: drop-shadow(0px 0px 0px rgb(8, 8, 8));
    -webkit-filter: drop-shadow(0px 0px 0px rgb(8, 8, 8));
  }
}

/*tamaño compu*/
@media screen and (min-width: 1674px) {
  #seccionPilates{
    display: grid;
    grid-template-columns: 30% 70%;
  }
  #seccionRedes{
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0% 5% 2% 5%;
  }
  #seccionRedes a{
    padding: 10%;
  }
  #verHorarios{
    padding-bottom: 4%;
  
  }
  
}
@media screen and (min-width: 1350px) and (max-width: 1673px) {
  #seccionPilates{
    display: grid;
    grid-template-columns: 45% 55%;
  }
  #seccionRedes{
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0% 5% 2% 5%;
  }
  #seccionRedes a{
    padding: 10%;
  }
}

/*tamaño tablet*/
@media screen and (min-width: 820px) and (max-width: 1349px) {
  #seccionPilates{
    margin:2% 0% 3% 0%;
  }

  #verHorarios{
    font-size: 120%;
    margin-bottom: 2%;

  }
  #seccionPilates img{
    height: 500px;
}
#mapa{
  width: 100%;
  margin: 1% 0% 5% 0%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
#seccionRedes{
  display: grid;
  grid-template-rows: 50% 50%;
  margin: 0% 0% 10% 0%;
  text-align: center;
}
#seccionRedes a{
  padding: 5%;
}
#seccionRedes img{
  width: 10%;
}
  
}

/*para tamaño telefono*/
@media screen and (max-width: 820px) {
  #seccionPilates{
    display: block;
    filter: drop-shadow(2px 2px 2px rgb(8, 8, 8));
    -webkit-filter: drop-shadow(2px 2px 2px rgb(8, 8, 8));
    margin:2% 0% 3% 0%;
  }
  #seccionPilates p{
    visibility: hidden;
    height: 0;
  }
  #seccionPilates img{
    width: 100%;
    filter: drop-shadow(0px 2px 4px rgb(8, 8, 8));
    -webkit-filter: drop-shadow(0px 2px 4px rgb(8, 8, 8));
    margin-bottom: -5%;
    max-height: 300px;
}
  #verHorarios{
    margin-left: 35%;
    margin-bottom: 5%;
    text-align: center;
  }
  #textRedes{
    font-size: 130%;
  }
  #seccionInfo p{
    font-size: 70%;
  }
  #seccionRedes{
    display: grid;
    grid-template-rows: 50% 50%;
    margin: 0% 0% 10% 0%;
    text-align: center;
  }
  #seccionRedes a{
    padding: 5%;
  }
  #seccionRedes img{
    width: 15%;
  }
  #mapa{
    width: 100%;
    margin: 1% 0% 5% 0%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
} 
/*para tamaño telefono chico*/
@media screen and (max-width: 460px) {
  #textRedes{
    font-size: 100%;
  }
  #seccionRedes img{
    width: 70%;
  }
  #verHorarios{
    margin-left: 28%;
  }
  #seccionPilates{
    margin:2% 0% 3% 0%;
  }
  #seccionPilates img{
    max-height: 200px;
  }
  #seccionRedes{
    display: grid;
    grid-template-rows: 50% 50%;
    margin: 0% 0% 10% 0%;
    text-align: center;
  }
  #seccionRedes a{
    padding: 5%;
  }
  #seccionRedes img{
    width: 15%;
  }
  #mapa{
    width: 100%;
    margin: 1% 0% 5% 0%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
  
}

@media screen and (max-width: 290px) {
  #verHorarios{
    font-size: 110%;
    margin-left: 15%;
  }
  #verHorarios{
    margin-left: 25%;
  }
  #seccionPilates{
    margin:2% 0% 3% 0%;
  }
  #seccionPilates img{
    max-height: 160px;
  }
  #seccionRedes{
    display: grid;
    grid-template-rows: 50% 50%;
    margin: 0% 0% 10% 0%;
    text-align: center;
  }
  #seccionRedes a{
    padding: 5%;
  }
  #seccionRedes img{
    width: 15%;
  }
  #mapa{
    width: 100%;
    margin: 1% 0% 5% 0%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
}