

body{
  background: white;
  font-family: raleway, sans-serif;
}

h2{
  font-family: raleway, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #767675;
  font-size: 5rem;
  line-height: 4.5rem;
}
p{
  font-family: raleway, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: justify;
}
a{
  text-decoration: none;
}
.cont-btn{
  margin-top: 4rem;
 }

 section{
   padding: 2rem 0;
 }
 section.producto{
   margin-top: 5rem;
   padding-bottom: 0;
 }
  .small-v{
    display: none;
  }
/* MENU */
section.nav-tel{
  background-color: #f8f9fa!important;
  text-align: right;
  padding: .8rem 0 0 0;
}
section.nav-tel a{
  color: #bfbdbd;
}
.logo-menu{
  width: 120px;
}
.navbar{
  padding-top: 0;
}
.navbar-nav{
  margin-left: auto;
}
.dropdown-menu.show{
  background: #f7941d;
}
.dropdown-item{
  color: white;
}
.dropdown-item:focus, .dropdown-item:hover{
  border-bottom: 1px solid white;
  color: white;
  background-color: transparent;
}

/* MOBILIARIOS URBANO */
section.mobiliario-urbano{
  background: #f9f9f9;
}
section.mobiliario-urbano h2 span{
  display: block;
  color: #ee9523;
}
section.mobiliario-urbano p{
  padding-right: 6rem;
  margin: 2rem 2rem 2rem 0;
}
section.mobiliario-urbano .cont-btn a{
  background-color: #ee9523;
  color: white;
  padding: 1rem 2rem;
  font-family: raleway, sans-serif;
  font-weight: 600;
}

/* JUEGOS INFANTILES */
section.juegos-infantiles h2 span{
  display: block;
  color: #0092cc;
}
section.juegos-infantiles hgroup{
  padding-left: 12rem;
  margin: 2rem 2rem 2rem 0;
}
section.juegos-infantiles .cont-btn a{
  background-color: #0092cc;
  color: white;
  padding: 1rem 2rem;
  font-family: raleway, sans-serif;
  font-weight: 600;
}

/* GIMNASIO */
section.gimnasio{
  padding-bottom: 0;
}
section.gimnasio h2 span{
  display: block;
  color: #6dc72a;
}
section.gimnasio p{
  padding-right: 12rem;
  margin: 2rem 2rem 2rem 0;
}
section.gimnasio .cont-btn a{
  background-color: #6dc72a;
  color: white;
  padding: 1rem 2rem;
  font-family: raleway, sans-serif;
  font-weight: 600;
}

/* PRODUCTOS */
section.producto h3{
  text-align: center;
  font-size: 2.5rem;
}
section.producto h3 span{
  color: #ee9523;
}
section.producto h2{
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #ee9523;
}
section.galeria-productos .cont-product{
  text-align: center;
  border: 1px solid #e3e3e2;
  margin: 3rem auto 1rem auto;
  overflow: hidden;
}
section.galeria-productos p, section.galeria-productos a{
  text-align: center;
}
section.galeria-productos p{
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
}
section.galeria-productos a{
  background: #f7941d;
  color: white;
  padding: 1rem 2rem;
  transition: .3s all ease;
}
section.galeria-productos a:hover, section.detalle-producto .cont-btn a:hover{
  border: 1px solid #f7941d;
  color: #f7941d;
  background: transparent;
  text-decoration: none;
}
section.galeria-productos .img-btn{
  background-color: transparent;
  padding: 0;
  transition: .3s all ease;
}
section.galeria-productos .img-btn:hover img{
  transform: scale(1.1);
}
section.galeria-productos .cont-btn-ficha{
  display: block;
  margin: 2rem auto;
  text-align: center;
}

/* DETALLE DEL PRODUCTO */
section.detalle-producto{
  background-image: url('../img/bg-producto.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem;
  min-height: 70vh;
}
section.bg-juegos{
  background-image: url('../img/img-detalle-edificios.jpg');
}
section.detalle-producto .img-producto{
  box-shadow: 0px 11px 11px 0px rgb(0 0 0 / 30%);
}
section.detalle-producto .especificaciones{
  margin: 2rem auto;
}
section.detalle-producto .especificaciones span{
  font-weight: 500;
  font-size: 1.5rem;
  display: block;
}
section.detalle-producto .cont-especificaciones{
  padding-left: 3rem;
}
section.detalle-producto .cont-btn a{
  background: #f7941d;
  color: white;
  padding: 1rem 2rem;
  font-weight: 600;
}
.especificaciones h5{
  color: #f7941d;
}
/* CONTACTO */
section.contacto{
  background: white;
  min-height: 70vh;
}
section.contacto h2{
  color: #4a91c9;
  margin: 2rem auto;
}
section.contacto .btn-form{
  background: #f7941d;
  color: white;
  display:block;
  margin-left: auto;
  padding: .8rem 2rem;
  border-radius: 0;
}

footer{
  position: relative;
  background: #767675;
  padding: 4rem;
  color: white;
  z-index: 2;
}
footer ul{
  font-weight: 600;
}
footer ul li{
  font-weight: 200;
  list-style: none;
  margin: 1rem 0;
  font-size: .9rem;
}
footer a{
  color: white;
  text-decoration: none;
}
footer a:hover{
  color: #ee9523;
  text-decoration: none;
}


/* RESPONSIVE */
@media only screen and (max-width: 600px)  {
  h2{
    font-size: 3rem;
    line-height: 2.5rem;
  }
  section{
    padding: 2rem;
  }
  .small-v{
    display: block;
  }
  .small-h{
    display: none;
  }
  section.mobiliario-urbano p, section.gimnasio p{
    padding: 0;
    margin: 0;
  }
  section.juegos-infantiles hgroup{
    padding-left: 0rem;
    margin: 0rem;
  }
  section.gimnasio{
    padding-bottom: 2rem;
  }
  section.producto h3{
    font-size: 1.5rem;
  }
  section.producto h2{
    font-size: 1.8rem;
  }
  section.detalle-producto{
    padding: 2rem;
  }
  section.detalle-producto .cont-especificaciones{
    padding: 0;
    margin-top: 2rem;
  }
  section.detalle-producto .cont-especificaciones h2{
    font-size: 1.6rem;
  }
  section.galeria-productos a{
    padding: .5rem 1rem;
  }
}
