html{
  overflow-x: hidden;
}
body{
  color: #222222;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.contenedor{
  flex: 1 0 auto;
}
img{
  max-width: 100%;
}
.navbar-brand>img {
  max-height: 100px;
}
.navbar-toggler:focus{
  outline: 5px auto #379df5;
}
.logo-mobile{
  max-height: 80px!important;
}
.home .navbar-light{
  display: none;
}
.navbar-light, .navbar-dark{
  background-color: #024491!important;
}
.navbar .nav-link {
  font-size: 1rem;
}
.navbar-dark:before, .navbar:before {
  background: #024491!important;
}
.section_welcome:before {
  opacity: .5;
  background: transparent;
}
.navbar-dark .navbar-nav .nav-link {
  color: #FFF;
}
.navbar-dark .navbar-nav .nav-link:hover{
  color: #379df5;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #379df5;
}
.pedido-btn img{
  height: 60px;
}
.section_welcome h1{
  line-height: 1.2;
}
.btn, .btn:hover, a, a:hover, .nav-link, .nav-link:hover{
  -webkit-transition: all 0.3s ease;
  -moz-transition:all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn-azul{
  background: #379df5;
  color: #FFF;
  border: 1px solid #FFF;
}
.btn-azul:hover{
  background: #094b84;
  color: #FFF;
  border: 1px solid #FFF;
}
.btn-blanco{
  background: #FFF;
  color: #379df5;
  border: 1px solid #FFF;
}
.btn-blanco:hover{
  background: #FFF;
  color: #094b84;
  border: 1px solid #FFF;
}
.btn-lg{
  font-size: 1rem;
  padding: 1rem 1.5rem;
}
.section_footer {
  background-color: #094b84;
  color: #FFF;
}
.section_footer a{
  color: #FFF;
}
.section_footer a:hover{
  color: #379df5;
}
.h1,h1 {
  font-size: 3.2rem;
}
.h2, h2 {
  font-size: 2.3rem;
}
.h3, h3 {
  font-size: 1.9rem;
}
.h4, h4 {
  font-size: 1.7rem;
}
.h5, h5 {
  font-size: 1.3rem;
}
.h6, h6 {
  font-size: 1rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, .section_menu__item__price, h1, h2, h3, h4, h5, h6{
  color: #222222;
  font-family: Lato,sans-serif;
}
.texto-celeste{
  color: #379df5;
}
.texto-azul{
  color: #094b84;
}
.texto-blanco{
  color: #FFF;
}
.flip-card {
  background-color: transparent;
  width: 350px;
  height: 350px;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: #bbb;
  color: black;
}
.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
  padding: 20px;
}
.flip-card-footer{
  background: #379df5;
  color: #FFF;
}
footer {
  padding: 3rem 0 !important;
}
.footer-logo{
  max-width: 120px;
}
.btn-whatsapp {
  display:block;
  width:65px;
  height:65px;
  color:#fff;
  position: fixed;
  right:20px;
  bottom:26px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:99999;
}
.logo-footer{
  max-width: 120px;
}
.navbar-dark{
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
}
.section:first-of-type{
  padding: 180px 0 6rem 0;
}
#promo2x1 img{
  max-width: 400px;
}
.oculto{
  display: none;
}
.section_quote__blockquote:before {
  display: none;
}
.section_light_blue{
  background-color: #edf5fd;
}
.producto{
  padding: 20px;
  border: 2px solid #dcefff;
  border-radius: 10px;
  transition: transform 0.2s;
}
.producto:hover{
  transform: scale(1.07, 1.07);
  transition: transform 0.2s;
}
@media screen and (min-width: 1200px){
}
@media (min-width: 1400px){
}
@media (min-width: 992px){
}
@media (min-width: 768px){
}
@media (max-width: 1322px) {
}
@media screen and (max-width: 1199px){
  .flip-card {
    width: 290px;
    height: 290px;
  }
}
@media screen and (max-width: 991px){
  .flip-card {
    width: 210px;
    height: 210px;
  }
}
@media screen and (max-width: 767px){
  .flip-card {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .flip-card-front{
    position: relative;
  }
  .flip-card-back {
    position: absolute;
    top: 0;
  }
  .footer-logo{
    max-width: 90px;
  }
  .section_welcome__heading {
    font-size: 4rem;
  }
  .section_welcome {
    padding-bottom: 170px;
  }
  .section:first-of-type{
    padding: 140px 0 6rem 0;
  }
  .producto{
    padding: 5px;
  }
  .producto h5{
    font-size: 1.1rem;
  }
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){
}