:root {
  --primary-color: #8D65D8;
  --green-color: #003a40;
  --blue-secondary: #4c75d1;
  --black-color: #2f3640;
  --orange-color:#F95901;
  --yellow-color: #b9975b;
  --yellow-second-color: #9b7038;
  --cyan-color: #00B5E6;
  --brown-color: #B79257;
  --brown-secondary: #F9F0E8;
}

/*
* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}*/

@font-face {
  font-family: Rockwell;
  src: url(../fonts/rockb.ttf);
}

html, body{font-family: 'EB Garamond', serif;}

header{background-color: var(--green-color);}


.text-warning{color:var(--yellow-color) !important;}
.text-dark-warning{color: var(--yellow-second-color) !important;}
.text-success{color: var(--green-color) !important;}
.text-404{color: var(--yellow-color) !important;}
.text-cyan { color: var(--cyan-color); }

.bg-green{background-color: var(--green-color);}
.text-yellow{color:#f4f3e4;}

.main-title{font-style: italic;}

.btn-outline-warning{border:2px solid #9b7038;color: var(--yellow-color);}
.btn-outline-warning:hover{background-color: var(--yellow-color);border-color: var(--yellow-color);}

.hidden { display: none !important; }
.btnCtaGif { position: fixed;bottom: 20px;right: 30px; z-index: 999; }
.btnCtaGif img { width: 288px !important; }

.btnCtaRecRequeson { background-color: #b9975b;border-color: #b9975b;position: fixed;bottom: 20px;left: 30px; z-index: 999; }
.btnCtaRecRequeson:hover{background-color: var(--green-color); border-color: var(--green-color);}

.btnCta {background-color: #31B0E4;border-color: #31B0E4;position: fixed;bottom: 20px;right: 30px;font-weight: bold; z-index: 999;}
.btnCta:hover{background-color: var(--green-color); border-color: var(--green-color);}
.btn-cta, .btn-descarga{border:3px solid #9b7038; width: 250px;color: white;font-weight: 800;font-style: italic;font-size: x-large;color:var(--yellow-second-color);}
.btn-cta:hover, .btn-descarga:hover{border: 3px solid var(--yellow-second-color) !important;background-color: var(--yellow-second-color);color:white;}


.btnViewMore {background-color: white;border:2px solid var(--yellow-second-color);font-style: italic; font-weight: bold;color: var(--yellow-color);font-size: 18px;}
.btnViewMore:hover{background-color:var(--yellow-second-color);color:white;}

.btnFindUs{border:3px solid  var(--yellow-second-color);color:white;width: 250px;font-weight: 800;font-style: italic;font-size: x-large;}
.btnFindUs:hover{background-color: var(--green-color);border: 3px solid var(--green-color);color:white;}

.btnProduct{border-radius: 0;background: transparent;border:3px solid #9b7038;color:#f4f3e4;font-weight: 800;font-style: italic;font-size: x-large;z-index: 999;position: relative;}
.btnProduct:hover{background:  #9b7038;border:3px solid  #9b7038;color:white;font-weight: 800;font-style: italic;font-size: x-large;}

.slick-next:before, .slick-prev:before {
    color: var(--yellow-color) !important;
}

.main-menu li{padding: 0 0px 0 30px;position: relative;height: 100%;}
.main-menu li a {font-size: 1.3vw;color: var(--yellow-color);margin-left: 5px;
    transition: border-color 0.5s linear;letter-spacing: 0.6px;font-style: italic;
    font-weight: bold;margin-top: 40px;}
.main-menu li a img {width: 1.3vw;}
.main-menu li a span:hover, .main-menu li.active a span {border-bottom: 2px solid var(--green-color);padding-bottom: 4px;}
.logo-header{max-width: 200px;}
.is-sticky #main-menu {background-color: white;z-index: 999 !important;}
.is-sticky .logo-header{max-width: 90px;}

.close-button {position: absolute;right: 5px;}

.main-text{font-weight: 500 !important;}

.navbar-brand.active:after{position: absolute;width: 205px;height: 5px;content: "";background-color: var(--yellow-color);bottom: 0;left:0;}
.main-menu .nav-item.active:after{position: absolute;width: 100%;height: 5px;content: "";background-color: var(--yellow-color);bottom: 0;left: 15px;}

/***** MOBILE **/
#header-mobile .logo-header {max-width: 110px;}
.menu-mobile {height: 65vh;width: 230px;background-color: var(--green-color);left: 0;top: 0;z-index: 2;position: fixed;
    overflow-y: auto;overflow-x: visible;transform: translate(-420px,0);text-align: center;}
.ssm-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.2);display: none;z-index: 1;}
.logo-menu-mobile {padding: 10px;}
.logo-menu-mobile img {max-width: 150px;}
.is-navOpen{overflow: hidden;}
.menu-mobile .list-group-item {background: none; color: #FFF !important;font-size: 10px;text-transform: uppercase;padding-left: 10px;
    border: 0;border-bottom: 1px solid rgba(255,255,255,0.3);border-radius: 0;}
.menu-mobile .list-group-item.active {color: #FFF;}

.social-header {display: block;padding: 0.4rem 0;}
.social-header .btn-link {padding: 0.75rem 10px;}
.social-header img {max-width: 23px;}

#sidebar ul.components {padding: 20px 0;}
#sidebar ul p {color: #fff;padding: 10px;}
#sidebar ul li a {padding: 10px;display: block;color: var(--yellow-color) !important;
  font-size: 25px; font-style: italic;font-weight: bold;}
#sidebar ul li a:hover {color: #FFF !important;background: #fff;text-decoration: none;}
#sidebar ul li.active > a, a[aria-expanded="true"] {color: var(--yellow-color) !important;}
a[data-toggle="collapse"] {position: relative;}
#sidebar .dropdown-toggle::after {display: block;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}


.webp .first-section{background-image:url('../images/bionda-mozzarella.webp');background-size: cover; background-position: center;}
.no-webp .first-section{background-image:url('../images/bionda-mozzarella.jpg');background-size: cover; background-position: center;}

.second-section{position: relative;}
.webp .second-section{background-image:url('../images/asadero-ranchero.webp');background-size: cover; background-position: center center;}
.no-webp .second-section{background-image:url('../images/asadero-ranchero.jpg');background-size: cover; background-position: center center;}

.second-info {position: absolute;z-index: 90;background-color: var(--green-color);
    width: 80%;margin: 0 auto;bottom: -10%;left: 50%;transform: translate(-50%, 0);}

.clasicos {height: 75vh;}
.clasicos img{max-width: 10vw;z-index: 100;}
.clasicos .overlay {width: 100%;position: absolute;height: 100%;background-color: rgba(255,255,255,0.7);
    z—index: 90;}

.clasicos:hover .overlay{background-color: rgba(255,255,255,0.0); transition-duration: 0.5s;
    -webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;}

.webp .clasicos{background-image: url('../images/bg-clasicos.webp');background-size: cover; background-position: center center;}
.no-webp .clasicos{background-image: url('../images/bg-clasicos.jpg');background-size: cover; background-position: center center;}

.original {height: 75vh;}
.original img{max-width: 10vw;z-index: 100;}
.original .overlay {width: 100%;position: absolute;height: 100%;background: rgba(255,255,255,0.7);
    z—index: 90;transition: background 2s;}
    .original:hover .overlay{background-color: rgba(255,255,255,0.0); transition-duration: 0.5s;
        -webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;}

.webp .original{background-image: url('../images/bg-original.webp');background-size: cover; background-position: center center;}
.no-webp .original{background-image: url('../images/bg-original.jpg');background-size: cover; background-position: center center;}


.ligera {height: 75vh;}
.ligera img{max-width: 10vw;z-index: 100;}
.ligera .overlay {width: 100%;position: absolute;height: 100%;background-color: rgba(255,255,255,0.7);
    z—index: 90;}
    .ligera:hover .overlay{background-color: rgba(255,255,255,0.0); transition-duration: 0.5s;
        -webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;}

.webp .ligera{background-image: url('../images/bg-ligero.webp');background-size: cover; background-position: center center;}
.no-webp .ligera{background-image: url('../images/bg-ligero.jpg');background-size: cover; background-position: center center;}


.webp .fourth-section{background-image:url('../images/bionda.webp');background-size: cover; background-position: center center;}
.no-webp .fourth-section{background-image:url('../images/bionda.jpg');background-size: cover; background-position: center center;}
.bg-yellow{background-color:#f4f3e4;}

.webp .sixth-section{background-image:url('../images/asadero.webp');background-size: cover; background-position: center center;}
.no-webp .sixth-section{background-image:url('../images/asadero.jpg');background-size: cover; background-position: center center;}

.certifications li img {height: 50px;}
.vbox-content{ margin-top: 9px !important; }

/**** contact page ***/
.webp .contact-title{background-image: url('../images/bg-contacto.webp');background-size: cover; background-position: center center;}
.no-webp .contact-title{background-image: url('../images/bg-contacto.jpg');background-size: cover; background-position: center center;}

.contact-info {position: relative;margin: 0 auto;top: -5em;}

.webp .newsletter-title{background-image: url('../images/trenza.webp');background-size: cover; background-position: center center;}
.no-webp .newsletter-title{background-image: url('../images/trenza.jpg');background-size: cover; background-position: center center;}

.bg-product{height: 100vh;background-size: cover; background-position: top center;}
.bg-ligero{background-color:#42afd7;}
.bg-clasico{background-color: #004147;}
.bg-original{background-color:#c9a35f;}
.img-ribbon {margin-top: -7em;}

.webp .bk-clasicos{background-image:url('../images/bg-pr-clasicos.webp');background-size: cover; background-position: center center;}
.no-webp .bk-clasicos{background-image:url('../images/bg-pr-clasicos.jpg');background-size: cover; background-position: center center;}
.webp .bk-original{background-image:url('../images/bg-pr-originales.webp');background-size: cover; background-position: center center;}
.no-webp .bk-original{background-image:url('../images/bg-pr-originales.jpg');background-size: cover; background-position: center center;}
.webp .bk-ligera{background-image:url('../images/bg-pr-ligeros.jpg');background-size: cover; background-position: center center;}
.no-webp .bk-ligera{background-image:url('../images/bg-pr-ligeros.jpg');background-size: cover; background-position: center center;}

.filter {width: 32px;height: 32px;position: absolute;top: 20%;z-index: 999;}
.filter-clasicos {width: 80px;height: 80px;position: absolute;left: 2em;top: -6.5em;}
.filter-original {width: 80px;height: 80px;position: absolute;left: 4em;top:-1em;}
.filter-ligero {width: 80px;height: 80px;position: absolute;left: 3em;top:4.8em;z-index: 90;}

.list-products{position: relative;margin-top: -40vh;width: 100%;text-align: center;}
.btn-back {position: absolute;left: 30px;}

.tooltip-inner {
    background-color: var(--green-color);
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: var(--green-color);
}
.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: var(--green-color);
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: var(--green-color);
}

.tooltip.bs-tooltip-bottom .arrow{
    border-right-color: var(--green-color);
}
.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: var(--green-color);
}

.btn-close {position: absolute;right: 0;top: 10px;z-index: 999;color: var(--green-color);}

#newsletter .iziModal-content{
  background-image: url('../images/trenza.jpg');
  background-size: cover;
  background-position: center;
}




.product-detail .main-text {
    line-height: 1.8vw;
}

.title-related{position: relative;display: inline-block;z-index: 1;font-size: 1.3vw;font-style: italic;width: 100%;color:#f4f3e4;}
.title-related:after{content: "";position: absolute;top: 37px;right: 0;width: 40%;height: 1px;left: 0;background-color:#f4f3e4;z-index: -1;}
.title-related:before{content: "";position: absolute;top: 37px;right: 0;width: 40%;height:1px;right: 0;
    background-color: #f4f3e4;z-index: -1;}

.slick-next:before {
  content: ' ' !important;
  display: block;
  width: 25px;
  height: 45px;
  background-image: url(../images/arrow-right.svg);
  background-size: cover;
}

.slick-prev:before {
  content: ' ' !important;
  display: block;
  width: 25px;
  height: 45px;
  background-image: url(../images/arrow-left.svg);
  background-size: cover;
}

.title-404{font-size: 12em;}
.bg-404 {background-image: url('../images/bg-404.jpg');background-size: cover; background-position: center center;}


/**** PUNTOS DE VENTA ***/
#map{min-height: 80vh;}
.botones-map img{max-width: 60px;}
.autocomplete {width: 300px;position: absolute;z-index: 999;left: 10%;top: 3%;}
.selectores {position: absolute;z-index: 999;right: 10%;bottom: 5%;background-color: white;}

.input-group-text{background-color: var(--green-color); border: 2px solid var(--yellow-second-color);}
.autocomplete .form-control{background-color: var(--green-color); border:2px solid var(--yellow-second-color);color: var(--yellow-second-color);
  font-size: 20px; font-weight: 600; font-style:italic;
}

.botones-map button.btn.btn-link.active {transform: scale(1.3);box-shadow: none;}

.autocomplete .form-control::placeholder{color: var(--yellow-second-color); }

.footer-recetas { background-color: var(--brown-secondary); }


footer{background-color: var(--green-color);}
.logo-footer{max-width: 200px;}
.enlaces {margin-bottom: 0 !important;}

.opacidad {
  animation: opacidad 3s 1;
}

@keyframes opacidad-null {
  0% {
    background-color: rgba(255,255,255,0);
  }
  100% {
    background-color: rgba(255,255,255,0.7);
  }
}

@keyframes opacidad {
  0% {
    background-color: rgba(255,255,255,0.7);
  }
  100% {
    background-color: rgba(255,255,255,0);
  }
}

/****  START RECETAS ***/
.h-100-vh { min-height: 100vh; }
.txtParticipa { position: absolute; bottom: 0; left: 0; right: 0; width: 65%; margin: auto; }
.h-50 {
  min-height: 50vh !important;
}
.logo-bionda {
  width: 30%;
}
.visible-hidden {
  visibility: hidden;
}
.bg-recetas{background-image:url('../../images/jackpot_0003.png');background-size: cover; background-position: center center;}
.bg-ingrediente-requeson{ background-image:url('../../images/00.png');background-size: contain; background-repeat: no-repeat; }
.img-receta-abs {
  position: absolute;
  width: 80px !important;
  top: 20px;
  right: 20px;
}
.border-top {
  border-top: 1px solid #000 !important;
}
.bg-recetas-requeson {
  height: 50vh;
  /*
  background-color: #f4f4f4;
  border: 8px solid red;
  border-image: linear-gradient(var(--yellow-color) 0%, #455D4A 25%, var(--green-color) 50%, #455D4A 75%, var(--yellow-color) 100%) 1 stretch;
  box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.4),
                    0px 0px 10px #000; 
                  */
}
.plus-requeson {
  position: absolute;
  width: 36px;
  top: 37%;
  right: -7%;
}
.plus-ingredient {
  position: absolute;
  width: 23px;
  top: 40%;
  left: 34.5%;
}
.plus-ingredient-2 {
  position: absolute;
  width: 23px;
  top: 40%;
  left: 62%;
}
.window {
	font-size:40px;
	font-family:arial,helvetica,sans-serif;	
  height: 50vh !important;
 

}
.window:nth-of-type(1) {
  background-color: var(--yellow-color);
  /*
  border: 8px solid red;
  border-image: linear-gradient(var(--yellow-color) 0%, #455D4A 25%, var(--green-color) 50%, #455D4A 75%, var(--yellow-color) 100%) 1 stretch;
  */
  margin-right: 10px;
  box-shadow: inset 0px 0px 15px #000,
                    0px 0px 10px #000 !important;
 
}
.window:nth-of-type(2) {
  background-color: var(--yellow-color);
  /*
  border: 8px solid red;
  border-image: linear-gradient(var(--yellow-color) 0%, #455D4A 25%, var(--green-color) 50%, #455D4A 75%, var(--yellow-color) 100%) 1 stretch;
  */
  box-shadow: inset 0px 0px 15px #000,
                    0px 0px 10px #000 !important;
}
.window:nth-of-type(3) {
  background-color: var(--yellow-color);
  margin-left: 10px;
   /*
  border: 8px solid red;
  border-image: linear-gradient(var(--yellow-color) 0%, #455D4A 25%, var(--green-color) 50%, #455D4A 75%, var(--yellow-color) 100%) 1 stretch;
  */
  box-shadow: inset 0px 0px 15px #000,
                    0px 0px 10px #000 !important;
}

.ezslots>.window>.slider img {
  padding: 5px 15px 5px 5px !important;
}
.ezslots>.window>.slider>.symbol {
  background: white;
}
.btnReceta{background:  #FBD887;border:3px solid  #FBD887;color:#000;font-weight: 800;font-style: italic;font-size: x-large;}
.btnReceta:hover{border-radius: 0;background: #FBD887;border:3px solid #FBD887;color:#000;font-weight: 800;font-style: italic;font-size: x-large;z-index: 999;position: relative;}
.btnRecetaModal{background:  #FBD887;border:3px solid  #FBD887;color:#FBD887;font-weight: 800;font-style: italic;font-size: x-large;}
.btnRecetaModal:hover{background:  #FBD887;border:3px solid  #FBD887;color:#FBD887;font-weight: 800;font-style: italic;font-size: x-large;}
.btnRecetaPdf{border-radius: 0;background: transparent;border:3px solid #FBD887;color:#FBD887;font-weight: 800;font-style: italic;font-size: x-large;z-index: 999;position: relative;}
.btnRecetaPdf:hover{border-radius: 0;background: transparent;border:3px solid #FBD887;color:#FBD887;font-weight: 800;font-style: italic;font-size: x-large;z-index: 999;position: relative;}


.receta {  color: #fff !important; padding: 10px 20px !important; }
.receta img {  width: 100% !important; }
.footer-receta a {
  color: #fdf4d9;
  font-size: 1.3rem;
}
.footer-receta a::hover {
  color: #fdf4d9;
}
.footer-receta .foot-bionda {
  display: flex;
    align-items: center;
    justify-content: center;
}
.footer-receta .foot-logo { display: flex; align-self: center; }
#modalReceta .modal-header .close {
  font-size: 2.3rem;
}
#modalReceta .modal-body {
  padding: 0 7rem;

}
#modalReceta .modal-header,
#modalReceta .modal-footer {
  padding: 0 1rem;
  border-bottom: 0px solid #fbf3d6;
  border-top: 0px solid #fbf3d6;
}
#modalReceta .modal-content {
  background-image:url('../../images/jackpot_0003.png');
  background-size: cover; background-position: center center;
  color: #FBD887;
}
#modalReceta ul, #modalReceta ol { padding-left: 20px; }
.imgIng {
  position: absolute;
  height: 25px;
  left: -10px;
  top:1px;
}
.txtIng { position: absolute; font-weight: 500; bottom: -12px; left: 45%; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.contentReceta img, .contentIngredientes img, .contentPreparacion img {
  width: 100%;
}
.contentReceta * { font-weight: 600; font-style: italic; font-size: 2rem; }
.text-ing-prep { font-weight: 600; }
.contentIngredientes, .contentPreparacion { font-weight: 500; font-size: 17px; }

.exclusive-sale { position: absolute; right: 0; top: 150px; }
/****  END RECETAS ***/


/**** MOBILE ***/




@media (min-width: 992px) {
  .main-content {max-width: 90%;margin: 0 auto;}

  .first-section {height: calc(100vh - 108px);}
  .main-title{font-size: 2.5vw;}
  .main-text{font-size: 1.5vw;}

  .main-subtitle{font-style: italic;font-size: 2.6vw;}
  .main-subtext{font-size: 1.2vw;}

  .second-section{height: 115vh;}

  .fourth-section{height: 95vh;}

  .sixth-section{height: 105vh;}

  .second-info {}

  footer .enlaces a, .siguenos {font-size: 1.3vw;}
  footer .enlaces .aviso { font-size: 14px; }

  /** Yoga - Libera tu cuerpo */
  .yoga__banner_section { height: 50vh; }
}

@media (min-width:1600px){
  .main-title{font-style: italic;font-size: 2vw;}
}

@media (min-width: 768px){
  .contact-title{height: 88vh;}
  .newsletter-title{height: 88vh;}
}

@media only screen and (max-width: 768px) {
  .contact-title{height: 40vh;}
  .newsletter-title{height: 88vh;}

  .contact-info {top: -1em;}

  .clasicos img {max-width: 30vw;}
  .original img {max-width: 30vw;}
  .ligera img {max-width: 30vw;}

  .filter {top: 35%;}

  .product-detail .main-text {line-height: 20px;}
  .product-detail {background-color: #004147;height: 80vh;}

  .img-ribbon {max-width: 110px;margin-top: -3em;}
  .title-related{font-size:18px;margin-left: 15px;}

  .title-related:after{width: 30%;}
  .title-related:before{width: 30%;}

  .products {
      margin-top: 10px;
  }

}

@media only screen and (max-width: 600px) {
  .txtParticipa { margin-top: 40px; position: relative; }
  .first-section{background-position: bottom !important;height: calc(100vh - 102px);}
  .btnCta {padding: 9px;}

  .second-section {height: 100vh;}
  .second-info {width: 100%;}

  .clasicos{height: 45vh;}
  .ligera{height:45vh;}
  .original{height: 45vh;}

  .clasicos .overlay {background-color: rgba(255,255,255,0);display: none;}
  .original .overlay {display: none;}
  .ligera .overlay {display: none;}

  .webp .clasicos{background-image: url('../images/mobile/oaxaca.jpg');background-size: cover; background-position: center center;}
  .no-webp .clasicos{background-image: url('../images/mobile/oaxaca.jpg');background-size: cover; background-position: center center;}

  .webp .original{background-image: url('../images/mobile/trenza-oaxaca.jpg');background-size: cover; background-position: center center;}
  .no-webp .original{background-image: url('../images/mobile/trenza-oaxaca.jpg');background-size: cover; background-position: center center;}

  .webp .ligera{background-image: url('../images/mobile/requeson.jpg');background-size: cover; background-position: center center;}
  .no-webp .ligera{background-image: url('../images/mobile/requeson.jpg');background-size: cover; background-position: center center;}

  .menu-mobile {width: 100%;}
  .btn-close {top: 10px;z-index: 999;color: var(--yellow-color);}

  .title-related {
    font-size: 18px;margin-left: 0px;}

  .title-related:after{top:17px;}
  .title-related:before{top:17px;}

  .logo-bionda { width: 100%; }
  .bg-recetas{background-image:url('../images/jackpot_0003.png');background-size: cover; background-position: center center;}
  .bg-ingrediente-requeson{ height: auto; background-image:url('../images/00.png');background-size: cover; }
  .img-receta-abs { width: 60px !important; position: absolute; top: 20px; right: 20px; }

  .window { height: 210px !important; }
  .plus-requeson {
    width: 26px;
    position: absolute;
    top: auto;
    bottom: -23px !important;
    left: 47%;
    z-index: 10;
  }

  .plus-ingredient {
    position: absolute;
    width: 25px;
    height: auto;
    top: 33%;
    left: 31%;
  }
  .plus-ingredient-2 {
    position: absolute;
    width: 25px;
    height: auto;
    top: 33%;
    left: 63%;
  }
  .bg-recetas-requeson{ height: auto; width: 100% !important; }
  #modalReceta .modal-body { padding: 1rem; }
  #modalReceta ol, #modalReceta ul {  padding-left: 25px; padding-right: 15px; }

  .footer-receta .social-header a { margin: 0px !important; padding: 0 5px !important; }
  .footer-receta .logo-bionda { width: 110%; }
  .footer-receta .container-fluid { padding: 0px !important; }
  .mobile { height: 250px !important; position: relative; }
  .mobile #ezslots2 { position: absolute; width: 100%; }
  body { overflow-x: hidden; max-width: 100%; }

  .window:nth-of-type(1) {
    position: absolute;
    left: 0;
  }
  .window:nth-of-type(3) {
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-width: 450px) {
  .fourth-section{height: 100vh;}
  .webp .fourth-section{background-image:url('../images/bionda-mobile.jpg');background-size: cover; background-position: bottom center;}
  .no-webp .fourth-section{background-image:url('../images/bionda-mobile.jpg');background-size: cover; background-position: bottom center;}


}

@media only screen and (max-width: 320px) {

}

.animation-pulse {
  animation: pulse 1.5s linear infinite;
}
@keyframes pulse {
  0% {
   transform: scale(1, 1);
  }

  50% {
   transform: scale(1.2, 1.2);
  }

  100% {
  transform: scale(1, 1);
  }
}


/****  Start RECETAS v2 ***/

#header-mobile .logo-header { width: 110px;}

.logo-header-2{ width: 200px;}

.bg-cyan { background-color: var(--cyan-color); }
.bg-cyan .navbar,
.bg-cyan .navbar .navbar-collapse ul { display: flex; gap: 60px; }
.bg-cyan .navbar .navbar-collapse ul li a  { color: #fff; font-size: 25px; margin-top: 0; }

.banner {
  background-image: url('/uploads/bg-requeson.jpg');
 
  min-height: 150px;

  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-group{
  list-style-type: none;
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 25px;
  justify-content: center;
  font-weight: bold;
  font-size: 24px;
  color: var(--brown-color);
}

.bg-blue { background-color: var(--cyan-color); border-top-left-radius: 15px; border-top-right-radius: 15px; color: #ffffff; }
.bg-brown-buy {
  background-color: #F4EADF;
  border-radius: 15px;
}
.brt-0 { border-top-left-radius: 0; border-top-right-radius: 0; }

.list-recipes a { text-decoration: none; }

.stores .slick-prev { left:  5px !important; }
.stores .slick-next { right: 5px !important; }
.stores .slick-prev::before, .stores .slick-next::before { filter: invert(64%) sepia(14%) saturate(1310%) hue-rotate(358deg) brightness(91%) contrast(84%); }
.stores img {
  height: auto;
  width: 60% !important;
  margin: 0 auto; /* it centers any block level element */
}

.line-recipe {
  position:relative;
  margin-top: -0.5em;
  z-index:1;
  overflow:hidden;
  text-align:center;
}
.line-recipe:after{
  left:20px;
 margin:0 -100% 0 0;
 display: inline-block;
 height: 10px;
 content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120px%22%20height%3D%2220px%22%20viewBox%3D%220%200%201200%20200%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cpath%20stroke%3D%22black%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20d%3D%22M1145%2085c17%2C7%208%2C24%20-4%2C29%20-12%2C4%20-40%2C6%20-48%2C-8%20-9%2C-15%209%2C-34%2026%2C-42%2017%2C-7%2045%2C-6%2062%2C2%2017%2C9%2019%2C18%2020%2C27%201%2C9%200%2C29%20-27%2C52%20-28%2C23%20-52%2C34%20-102%2C33%20-49%2C0%20-130%2C-31%20-185%2C-50%20-56%2C-18%20-74%2C-21%20-96%2C-23%20-22%2C-2%20-29%2C-2%20-56%2C7%20-27%2C8%20-44%2C17%20-44%2C17%20-13%2C5%20-15%2C7%20-40%2C16%20-25%2C9%20-69%2C14%20-120%2C11%20-51%2C-3%20-126%2C-23%20-181%2C-32%20-54%2C-9%20-105%2C-20%20-148%2C-23%20-42%2C-3%20-71%2C1%20-104%2C5%20-34%2C5%20-65%2C15%20-98%2C22%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
.line-recipe:before {
 right:20px;
 margin:0 0 0 -100%;
 display: inline-block;
 height: 10px;
 content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120px%22%20height%3D%2220px%22%20viewBox%3D%220%200%201200%20130%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cpath%20stroke%3D%22black%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20d%3D%22M55%2068c-17%2C6%20-8%2C23%204%2C28%2012%2C5%2040%2C7%2048%2C-8%209%2C-15%20-9%2C-34%20-26%2C-41%20-17%2C-8%20-45%2C-7%20-62%2C2%20-18%2C8%20-19%2C18%20-20%2C27%20-1%2C9%200%2C29%2027%2C52%2028%2C23%2052%2C33%20102%2C33%2049%2C-1%20130%2C-31%20185%2C-50%2056%2C-19%2074%2C-21%2096%2C-23%2022%2C-2%2029%2C-2%2056%2C6%2027%2C8%2043%2C17%2043%2C17%2014%2C6%2016%2C7%2041%2C16%2025%2C9%2069%2C15%20120%2C11%2051%2C-3%20126%2C-22%20181%2C-32%2054%2C-9%20105%2C-20%20148%2C-23%2042%2C-3%2071%2C1%20104%2C6%2034%2C4%2065%2C14%2098%2C22%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
.main-text-2 { font-size: 18px; }
.main-text-2 img { width: 100%; }

.btn-play { width: 50px; height: 50px; }
.background-img-recipe, .background-img-recipe-2 { position: relative; width: 100%; height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; justify-content: center; align-items: center; }
.background-img-recipe:hover { cursor: pointer; }
.background-img-recipe:hover img { transform: scale(1.1); }

.shared-social-media:hover { text-decoration: none; }
.social-media:hover { transform: scale(1.1); }
.image-recipe:hover { transform: scale(1.03); }
.social-media-facebook { position: absolute; top: -60px; right: 125px;}
.social-media-twitter { position: absolute; top: -60px; right: 75px; }
.social-media-whatsapp { position: absolute; top: -60px; right: 25px; }

.title-list-recipes { font-size: 2rem; }

@media (min-width: 992px) {
  .icons { display: flex;  }
  .main-text-2 { font-size: 1.5vw; }
  .banner { min-height: 250px; background-position: bottom center; }
  .background-img-recipe { height: 300px; }
  .title-list-recipes { font-size: 2.5rem; }

  .stores img { width: 75% !important; }
  .stores .slick-prev { left: -50px !important;  top: 22px;  }
  .stores .slick-next { right: -50px !important; top: 22px;  }

}
/****  End RECETAS v2 ***/


/***** Start YOGA   *****/
.text-brown-yoga { color: var(--brown-color); }
.text-blue-yoga, .text-blue-yoga:hover { color: #00B5EA; }

.header-float { position: absolute; width: 98vw; }

.header-3 { background-color: transparent !important; z-index: 100; }
.header-3 .main-menu li { padding-left: 5px; }
.header-3 .main-menu li a { font-size: 1.2vw; color: #01B6EB; font-style: normal; font-weight: 600 !important; }
.header-3 .main-menu li a span:hover {border-bottom: 2px solid #CDAB7D;}
.header-3 .logo-header { max-width: 300px !important; }
.main-menu li a span.active { border-bottom: 2px solid #CDAB7D; padding-bottom: 4px;}
.header-3 .main-menu li .btn-primary { margin-top: 45px; }
.header-3 .main-menu li .btn-primary, 
.yoga__auth .btn-primary { color: #fff; padding: 1px 3px; background-color: #00B5EA; border-radius: 5px; font-weight: 500; border-color: #00B5EA; }

.header-3 .main-menu li .nav-user { color: #CDAB7D !important; }

.yoga, .yoga a { color: #01B6EB }

.yoga__second_section p { line-height: 1.2;  }
.yoga__second_section .main-text { font-weight: normal !important; }
.yoga__second_section  h2 { font-size: 2.2rem; }
.yoga__second_section h1 { font-size: 3.5rem; }
.yoga__second_section .font-weight-bold { font-weight: 600 !important; }

.yoga__banner_section h1 { font-weight: bolder; line-height: .75; font-size: 7rem; font-family: Rockwell, sans-serif; }

.yoga__banner_section { background-image:url('../images/yoga/banner-3.webp');background-size: cover; background-position: center center; height: 120vh; background-attachment: fixed; }
.yoga_third_section { background-image: url('../images/yoga/back-footer.webp'); background-size: cover; background-repeat: no-repeat; height: 100vh;  background-position: bottom; }
.yoga_third_section .position-absolute { bottom: 5px; right: 0; width: 100vw !important; }
.yoga_third_section .main-text, .yoga_third_section h1 { line-height: 1.2; }

.yoga_third_section .bg-text { display: inline; background: #B78D53; padding: 0px 5px; border-radius: 5px; font-size: 4rem; }

.yoga_fourth_section { background-color: #01B6EB; }
.yoga_fourth_section .main-text { line-height: 1; }

.footer-yoga { background-color: #fff; color: var(--brown-color);  }
.footer-yoga img { width: 45px !important; }
.footer-yoga p { font-size: 1.3rem; }
.footer-yoga a { color: var(--brown-color); }
.footer-yoga .icon-social { text-decoration: none; }

.yoga__auth { height: calc(100vh - 240px); display: flex; justify-content: center; align-items: center; }
.yoga__auth .nav-link span, .yoga__container .nav-link span { font-size: 20px; color: var(--brown-color);  }
.yoga__auth .nav-link:hover span, .yoga__container .nav-link:hover span { padding-bottom: 4px; border-bottom: 2px solid var(--brown-color); }
.yoga__auth .nav-link.active span, .yoga__container .nav-link.active span { color: #00B5EA; padding-bottom: 4px; border-bottom: 2px solid #00B5EA; }
.yoga__auth .form-check { color: var(--brown-color); }

.yoga__container { min-height: calc(100vh - 240px); }
.yoga__container #image-preview img { width: 150px !important; height: 150px !important; margin-top: -30px; border-radius: 50%; border: 2px solid #00B5E6; }

.yoga__container h4, .yoga__container h5 { color: var(--brown-color); }
.yoga__container .img-table { width: 100px; height: 100px; }
.yoga__container label { color: #00B5EA; }
.yoga__container .line-bottom { border-width: 0px 0px 1px 0px; border-radius: 0px; padding: 0px; }
.yoga__container .line-bottom:focus { box-shadow: none; }
.yoga__container .input-file { position: relative; overflow: hidden; width: 150px; color: #fff; border-radius: 4px; border: none; cursor: pointer; padding: 10px 20px; }
.yoga__container .input-file .btn-primary { color: #fff; background-color: #00B5EA !important; border-radius: 5px; font-weight: 500; border-color: #00B5EA; cursor: pointer; }
/* Estilo personalizado para el texto del botón */
.yoga__container .input-file-texto { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; }

/* Estilo personalizado para el elemento input file */
.yoga__container .input-file input[type="file"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; height: 100%; width: 100%; }
.yoga__container input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #F0E6DA; outline: none; cursor: pointer; transition: background-color 0.3s ease-in-out; margin-right: 10px; background-color: #F0E6DA;}
/* Personalizar el estilo del input radio checked */
.yoga__container input[type="radio"]:checked { background-color: #00B5EA; border-color: #00B5EA; }
/* Personalizar el estilo del input radio desactivado */
.yoga__container input[type="radio"]:disabled { background-color: #F0E6DA; border-color: #F0E6DA; cursor: not-allowed; }

.yoga__container .info { color: var(--brown-color); line-height: 16px; font-size: 14px; }
.yoga__container button { background-color: #00B5EA; border-color: #00B5EA; padding: 0px 5px; font-size: 18px;  }

.border-img { border: 3px solid #8DCFDF !important; }
.yoga__container .border-info { border-color: #B1E5F3 !important; }

.paginador { color: #B2935A !important; font-size: 20px !important; text-decoration: none !important; }
.paginador.active { color: #8DCFDF !important; }

.yoga__auth h4 { color: var(--yellow-color); }
.yoga__container .form-control,
.yoga__container .form-control::placeholder,
.yoga__auth .form-control,
.yoga__auth .form-control::placeholder { color: #00B5EA; border-color: #00B5EA; }
.yoga__auth .error, #formInvoice .error { color: red; }

.btn-absolute { border-radius: 50%; line-height: 1; position: absolute; left: -34px; top: 13px; width: 22px; height: 22px; }
.btn-absolute i { font-size: 13px; }

.logo-xinalani { width: 200px; padding-bottom: 30px; }

#image-preview img {
  transition: transform .3s ease;
}

#image-preview:hover img {
  transform: scale(1.8);
  cursor: zoom-in;
  z-index: 1;
}
 
@media (max-width: 449px) {
  .yoga__banner_section .main-text {
    padding-top: 0vh;
    text-align: center;
  }
  .yoga_third_section .position-absolute .col-12 {
    line-height: 1;
  }
  .yoga__container  #image-preview img {
    width: 75px !important;
    height: 75px !important;
  }
  .yoga__container .img-table { width: 75px !important; height: 75px !important; }
  .yoga__banner_section { background-image:url('../images/yoga/banner_mobile_2.webp');background-size: cover; background-position: center; height: 120vh; background-attachment: fixed; }
  .yoga_third_section { background-image: url('../images/yoga/back-footer-mobile.webp?v=0.0.01'); background-size: cover; background-repeat: no-repeat; height: 65vh;  background-position: center; }
  .yoga__banner_section h1 {  font-size: 3rem; }
  .yoga__second_section h1 { font-size: 2rem; }
  .yoga__second_section h3 { font-size: 1.5rem; }

  .content-vh { height: 28vh; display: flex; justify-content: center; align-items: center; }

  .yoga_third_section h2 { font-size: 1.3rem; }
  .yoga_third_section .bg-text { font-size: 1.52rem; }
  .yoga_fourth_section h1 { font-size: 20px; }
  .yoga_fourth_section  h4 { font-size: 14px; }
  .logo-xinalani { width: 125px; padding-bottom: 10px; }
}

/***** END YOGA    *****/