@charset "UTF-8";

/* Slider */
.slick-loading .slick-list {
   background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
   font-family: 'slick';
   font-weight: normal;
   font-style: normal;
   src: url("./fonts/slick.eot");
   src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   width: 20px;
   height: 20px;
   padding: 0;
   transform: translate(0, -50%);
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
   color: transparent;
   outline: none;
   background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
   opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
   opacity: .25;
}

.slick-prev:before,
.slick-next:before {
   font-family: 'slick';
   font-size: 20px;
   line-height: 1;
   opacity: .75;
   color: white;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
   left: -25px;
}

[dir='rtl'] .slick-prev {
   right: -25px;
   left: auto;
}

.slick-prev:before {
   content: '←';
}

[dir='rtl'] .slick-prev:before {
   content: '→';
}

.slick-next {
   right: -25px;
}

[dir='rtl'] .slick-next {
   right: auto;
   left: -25px;
}

.slick-next:before {
   content: '→';
}

[dir='rtl'] .slick-next:before {
   content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
   margin-bottom: 30px;
}

.slick-dots {
   position: absolute;
   bottom: -25px;
   display: block;
   width: 100%;
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: center;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   width: 20px;
   height: 20px;
   margin: 0 5px;
   padding: 0;
   cursor: pointer;
}

.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 20px;
   height: 20px;
   padding: 5px;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
   outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
   opacity: 1;
}

.slick-dots li button:before {
   font-family: 'slick';
   font-size: 6px;
   line-height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   width: 20px;
   height: 20px;
   content: '•';
   text-align: center;
   opacity: .25;
   color: black;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
   opacity: .75;
   color: black;
}

/**CSS Coffee Mate**/
/** Fonts **/
@font-face {
   font-family: 'Gilory ExtraBold';
   font-weight: 100;
   font-style: normal;
   src: url("/themes/custom/minestle/images/fonts/GiloryExtraBold/font.woff") format("woff");
   font-display: auto;
}

@font-face {
   font-family: 'QanelasSoft';
   font-weight: 100;
   font-style: normal;
   src: url("/themes/custom/minestle/images/fonts/QanelasSoft/font.woff") format("woff");
   font-display: auto;
}

/**OCULTAR MENU HAMBURGUESA**/
.navbar-expand-lg .navbar-toggler {
   display: none !important;
}

#block-breadcrumbs {
   display: none;
}

header.navigation-default.navigation-default--fixed {
   display: none;
   height: 0;
}

body {
   padding-top: 0 !important;
}

footer {
   display: none;
}

.rights {
   font-size: 1.5vw;
   display: inline-block;
   vertical-align: top;
}

.navbar {
   background-color: #CF1F2E;
   -ms-flex-pack: justify !important;
   justify-content: space-between !important;
}

.navbar-hamburguer {
   outline: none;
   box-shadow: none;
   border-color: #CF1F2E !important;
}

.nav-mobile-icon {
   display: inline-block;
   width: 1.5em;
   height: 1em;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
}

.nav-image {
   width: 32vw;
}

.navbar-toggler {
   display: inline-block !important;
}

.carousel-text .slick-autoplay-toggle-button {
   display: none;
   pointer-events: none;
}

.article-recetas-carousel .slick-dots,
.carousel-text .slick-dots,
.matte-carousel .slick-dots {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -ms-flex-line-pack: center;
   align-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   list-style-type: none;
   padding: 0;
   margin-top: -1vw;
   position: relative;
}

.article-recetas-carousel .slick-dots button,
.carousel-text .slick-dots button,
.matte-carousel .slick-dots button {
   background-color: #FFFFFF;
   border-radius: 100%;
   height: 11px;
   width: 11px;
   margin: 0 2px;
   padding: 0;
   color: transparent;
   border: 0.5vw solid #FFFFFF;
   opacity: 0.5;
}

.article-recetas-carousel .slick-dots .slick-active button,
.carousel-text .slick-dots .slick-active button,
.matte-carousel .slick-dots .slick-active button {
   background-color: #FFFFFF;
   border: 0.5vw solid #FFFFFF;
   opacity: 1;
}

.slick-dots li button:before {
   display: none;
}

.matte-carousel-arrows-prev {
   position: absolute;
   top: 110%;
   left: 30vw;
   width: 15vw;
   z-index: 1;
}

.matte-carousel-arrows-next {
   position: absolute;
   top: 110%;
   right: 30vw;
   width: 15vw;
   z-index: 1;
}

@media (max-width: 767px) {
   .article-recetas-container .matte-carousel-arrows-prev {
      left: 15vw;
   }

   .article-recetas-container .matte-carousel-arrows-next {
      right: 15vw;
   }
}

.banner {
   /*background: url(/themes/custom/minestle/images/coffe-mate/matte-main-banner-mobile-text.png);*/
   /* background: url(/themes/custom/minestle/images/coffe-mate/CFMT-BRAND-CORNERmobile.jpg); */
   background: url(/sites/default/files/2025-02/cfmt-prueba-del-sabor-landing-v1-banner-mobile.jpg);
   background-color: #FFFFFF;
   background-repeat: no-repeat;
   background-size: cover;
   /*height: 398vw;
    margin-bottom: 36vw;*/
   /* height: 554vw; */
   height: 110vw;
   /* margin-bottom: 161vw; */
   margin-bottom: 186vw;
}

.text-banner {
   display: none;
   color: #fff;
   width: 77vw;
   margin-left: 12vw;
   font-size: 3.5vw;
   text-align: center;
   padding-top: 150vw;
}

.text-section2 {
   color: #fff;
   width: 77vw;
   margin-left: 12vw;
   font-size: 3.5vw;
   text-align: center;
   padding-top: 35vw;
}

.banner-gt {
   background: url(/themes/custom/minestle/images/coffe-mate/Banner-Brand-Corner-Coffee-Mate-Canela-mobile.png);
   background-color: #FFFFFF;
   background-repeat: no-repeat;
   background-size: cover;
   background-size: 100% 38%;
   height: 274vw;
   background-color: #E6D5B7;
}

.que-es {
   background-color: transparent;
}

.creado-para {
   width: 80vw;
   margin-left: 10vw;
   margin-top: -182vw;
}

.naturalmente {
   width: 100vw;
   margin-top: 10vw;
}

.elige {
   background: url(/themes/custom/minestle/images/coffe-mate/matte-section2-mobile.png);
   background-color: #D92F27;
   background-repeat: no-repeat;
   background-size: cover;
   height: 321vw;
}

.carousel-title {
   font-family: 'Gilory ExtraBold';
   font-style: normal;
   font-weight: 900;
   font-size: 8vw;
   line-height: 114.5%;
   text-align: center;
   color: #FFFFFF;
   padding-top: 32vw;
   width: 80vw;
   margin: auto;
}

.matte-carousel {
   width: 100vw;
   /* margin: auto; */
}

#text-mate {
   position: relative;
   color: white;
   text-align: center;
   margin-top: 50px;
   font-family: 'QanelasSoft';
}

.matte-carousel .slick-slide {
   margin-left: 2vw;
   margin-right: 2vw;
}

.matte-carousel-2-item {
   /* width: 70vw !important; */
   /* margin-left: 2vw;
    margin-right: 2vw; */
   max-width: 100% !important;
}

.matte-carousel .carousel-item-container {
   margin: 0.2vw 0.4vw;
   text-align: center;
   background-color: #FBE6CE;
   box-shadow: 0px 4px 4px #127181;
   /* padding: 1vw 0.8vw 1vw 0.8vw; */
   /* height: 23vw !important; */
   border-radius: 3.7vw;
   width: unset;
}

.matte-carousel .carousel-comprar {
   visibility: hidden;
}

.carrusel-bg-img {
   position: absolute;
   margin-top: -55vw;
   margin-right: 4vw;
   width: 50vw;
}

.carousel-item-img {
   z-index: 1;
   margin-bottom: 2vw;
   margin-top: 2vw;
   height: 68vw;
}

.carousel-item-img img {
   width: 85% !important;
}

.matte-carousel-desc {
   font-family: 'QanelasSoft';
   font-style: normal;
   font-weight: 900;
   font-size: 3.5vw;
   line-height: 104%;
   text-align: center;
   color: #67513A;
   margin-top: 2vw;
   margin-bottom: 1.5vw;
}

.matte-carousel-name {
   font-family: 'QanelasSoft';
   font-style: normal;
   font-weight: 900;
   font-size: 5.5vw;
   line-height: 104%;
   text-align: center;
   color: #67513A;
}

.carousel-comprar {
   width: 55vw;
   margin: auto;
}

.carousel-desc-container {
   background-color: white;
   width: 100%;
   border-radius: 0vw 0vw 3.7vw 3.7vw;
}

.prueba {
   background: url(/themes/custom/minestle/images/coffe-mate/matte-section2-country-mobile.jpg);
   background-color: #E6D5B7;
   background-repeat: no-repeat;
   background-size: cover;
   height: 485vw;
}

.prueba-text {
   font-family: 'QanelasSoft';
   font-style: normal;
   font-weight: 900;
   font-size: 8vw;
   line-height: 96.69%;
   text-align: center;
   color: #FFFFFF;
   position: absolute;
   width: 90vw;
   margin-left: 5vw;
   margin-top: 246vw;
}

.prueba-cajas-top {
   width: 90vw;
   display: -ms-flexbox;
   display: flex;
   margin-left: 5vw;
   margin-bottom: 2vw;
   padding-top: 277vw;
}

.prueba-cajas {
   width: 90vw;
   display: -ms-flexbox;
   display: flex;
   margin-left: 5vw;
   margin-bottom: 1vw;
}

.caja {
   margin: 0.5vw 0.7vw;
   text-align: center;
   background-color: #FCF0C8;
   border-radius: 2.7vw;
   width: 45vw;
   padding: 4vw 2vw 2vw 2vw;
}

.caja img {
   width: 39vw;
   height: 41vw;
}

.caja-text {
   font-family: 'QanelasSoft';
   font-style: normal;
   font-weight: 900;
   font-size: 4vw;
   line-height: 87.69%;
   text-align: center;
   color: #CB1F1C;
   margin-top: 2vw;
}

.section-anuncios {
   margin-top: 10vw;
}

#comprar-ahora-modal .modal-content {
   border: none;
   max-width: 94vw;
   min-height: 480.4px;
   overflow: hidden;
}

.modal button.close.pointer {
   border-radius: 100px;
   text-indent: inherit;
   border: none;
   width: 44px;
   height: 42px;
   opacity: 1;
   background: none;
   position: inherit;
   margin-right: 3.5vw;
   margin-top: 3.5vw;
}

.retailer {
   background-size: 100% 100%;
   padding: 15px;
   width: 100%;
}

#comprar-ahora-modal .title-2 {
   font-family: 'QanelasSoft';
   font-style: normal;
   font-weight: 900;
   font-size: 18px;
   line-height: 104%;
   text-align: center;
   color: #CB112F;
}

#comprar-ahora-modal .title-3 {
   font-family: 'QanelasSoft';
   font-style: normal;
   font-weight: 900;
   font-size: 18px;
   line-height: 104%;
   text-align: center;
   color: #67513A;
}

#comprar-ahora-modal .retailer-image {
   width: 45%;
   text-align: center;
   margin-right: 5%;
}

#comprar-ahora-modal .retailer-image img {
   max-height: 50px;
   max-width: 125px;
}

#comprar-ahora-modal .retailer-button {
   max-width: 50%;
}

.product-image-container .modal-bg-img {
   width: 120% !important;
   margin-left: -12%;
   margin-top: 12%;
   z-index: 1;
   position: absolute;
}

.product-image-container .product-img {
   width: 78% !important;
   /* margin-top: -120%; */
   margin-left: 56%;
   z-index: 3;
   position: relative;
}

.carousel-comprar img {
   margin: auto;
}

.carousel-control-next {
   border: 2px solid #ffffff;
   margin-top: 132vw !important;
   border-radius: 12vw;
   margin-right: 48vw;
   width: 8.5vw !important;
   height: 8.5vw !important;
   color: #fff;
}

.carousel-control-prev {
   border: 2px solid #ffffff;
   margin-top: 132vw !important;
   border-radius: 12vw;
   margin-left: 33vw;
   width: 8.5vw !important;
   height: 8.5vw !important;
   color: #fff;
   opacity: 5 !important;
}

.carousel-indicators li {
   border-radius: 100% !important;
   width: 13px !important;
   height: 13px !important;
}

.carousel-indicators {
   bottom: -52px !important;
   margin-right: 7vw;
   margin-left: 22vw;
}

@media (max-width: 457px) and (min-width: 325px) {
   .carousel-indicators {
      bottom: -44px !important;
      margin-right: 4vw;
      margin-left: 25vw;
   }
}

@media (max-width: 324px) and (min-width: 250px) {
   .carousel-indicators {
      bottom: -44px !important;
      margin-right: 4vw;
      margin-left: 25vw;
   }
}

@media (max-width: 992px) {
   .rights {
      font-size: 4vw;
      display: inline-block;
      vertical-align: top;
   }

   .matte-carousel .slick-list {
      padding: 0 4vw !important;
   }

   .product-retailer-container {
      z-index: 1;
      background-color: white;
   }

   .product-retailer-container {
      margin-bottom: 0 !important;
   }

   #comprar-ahora-modal .modal-body {
      padding-bottom: 0;
   }
}

@media (min-width: 992px) {
   .nav-image {
      width: 10vw;
   }

   .banner {
      /*background: url(/themes/custom/minestle/images/coffe-mate/matte-main-banner2-text.png);*/
      /* background: url(/themes/custom/minestle/images/coffe-mate/CFMT-BRAND-CORNER-1440x757px.jpg); */
      background: url(/sites/default/files/2025-02/cfmt-prueba-del-sabor-landing-v1-banner-desktop.jpg);
      background-color: #FFFFFF;
      background-repeat: no-repeat;
      background-size: cover;
      height: 52vw;
      margin-bottom: 0vw;
   }

   .text-banner {
      display: none;
      color: #fff;
      width: 28vw;
      margin-left: 65vw;
      font-size: 1.1vw;
      text-align: center;
      padding-top: 24vw;
   }

   .text-section2 {
      width: 65vw;
      margin-left: 19vw;
      font-size: 1.3vw;
      padding-top: 2vw;
   }

   .banner-gt {
      background: url(/themes/custom/minestle/images/coffe-mate/Banner-Brand-Corner-Coffee-Mate-Canela.png);
      background-color: #FFFFFF;
      background-repeat: no-repeat;
      background-size: cover;
      height: 52vw;
   }

   .que-es {
      background-color: #E6D5B7;
   }

   .creado-para {
      width: 36vw;
      margin-left: 12vw;
      margin-top: 0;
   }

   .naturalmente {
      position: absolute;
      width: 49vw;
      margin-left: 45vw;
      margin-top: -40vw;
   }

   .elige {
      background: url(/themes/custom/minestle/images/coffe-mate/matte-section2.png);
      background-color: #E6D5B7;
      background-repeat: no-repeat;
      background-size: cover;
      height: 109vw;
   }

   .carousel-title {
      font-family: 'Gilory ExtraBold';
      font-style: normal;
      font-weight: 700;
      font-size: 3vw;
      line-height: 114.5%;
      text-align: center;
      color: #FFFFFF;
      padding-top: 21vw;
      /* width: 80vw;
        margin: auto; */
   }

   .matte-carousel {
      width: 60vw;
      /* margin: auto; */
   }

   .matte-carousel-2-item {
      /* width: 18vw !important; */
      margin-left: 0.5vw;
      margin-right: 0.5vw;
      /* max-width: 100% !important; */
   }

   .matte-carousel .carousel-item-container {
      margin: 0.2vw 0.4vw;
      text-align: center;
      background-color: #FBE6CE;
      box-shadow: 0px 4px 4px #127181;
      /* padding: 1vw 0.8vw 1vw 0.8vw; */
      /* height: 23vw !important; */
      border-radius: 0.7vw;
      width: unset;
   }

   .carrusel-bg-img {
      position: absolute;
      margin-top: -14vw;
      margin-right: 1vw;
      width: 14vw;
   }

   .carousel-item-img {
      z-index: 1;
      margin-bottom: 1vw;
      margin-top: 2vw;
      height: 16vw;
   }

   .carousel-item-img img {
      width: 78% !important;
   }

   .matte-carousel-desc {
      font-family: 'QanelasSoft';
      font-style: normal;
      font-weight: 900;
      font-size: 1vw;
      line-height: 104%;
      text-align: center;
      color: #67513A;
      margin-top: 2vw;
      margin-bottom: 0.5vw;
   }

   .matte-carousel-name {
      font-family: 'QanelasSoft';
      font-style: normal;
      font-weight: 900;
      font-size: 1.4vw;
      line-height: 104%;
      text-align: center;
      color: #67513A;
   }

   .carousel-comprar {
      width: 16vw;
      margin: auto;
   }

   .carousel-desc-container {
      background-color: white;
      width: 100%;
      border-radius: 0vw 0vw 0.7vw 0.7vw;
   }

   .matte-carousel-arrows-prev {
      position: absolute;
      top: 36%;
      left: -5vw;
      width: 4vw;
      z-index: 1;
   }

   .matte-carousel-arrows-next {
      position: absolute;
      top: 36%;
      right: -5vw;
      width: 4vw;
      z-index: 1;
   }

   .prueba {
      background: url(/themes/custom/minestle/images/coffe-mate/matte-section2-country.jpg);
      background-color: #E6D5B7;
      background-repeat: no-repeat;
      background-size: cover;
      height: 80vw;
   }

   .prueba-text {
      font-family: 'QanelasSoft';
      font-style: normal;
      font-weight: 900;
      font-size: 2.6vw;
      line-height: 96.69%;
      text-align: center;
      color: #FFFFFF;
      position: absolute;
      width: 40vw;
      margin-left: 51vw;
      margin-top: 18.5vw;
   }

   .prueba-cajas-top {
      width: 33vw;
      display: -ms-flexbox;
      display: flex;
      margin-left: 60vw;
      margin-bottom: 1vw;
      padding-top: 25vw;
   }

   .prueba-cajas {
      width: 33vw;
      display: -ms-flexbox;
      display: flex;
      margin-left: 60vw;
      margin-bottom: 1vw;
   }

   .caja {
      margin: 0.2vw 0.4vw;
      text-align: center;
      background-color: #FCF0C8;
      border-radius: 0.7vw;
      width: 10vw;
      padding: 1vw 1vw 0 1vw;
   }

   .caja img {
      width: 7vw;
      height: 8vw;
   }

   .caja-text {
      font-family: 'QanelasSoft';
      font-style: normal;
      font-weight: 900;
      font-size: 1.3vw;
      line-height: 87.69%;
      text-align: center;
      color: #CB1F1C;
      margin-top: 1vw;
   }

   .section-anuncios {
      margin-top: 5vw;
   }

   #comprar-ahora-modal .modal-content {
      border: none;
      max-width: 94vw;
      min-height: 480.4px;
   }

   .modal button.close.pointer {
      border-radius: 100px;
      text-indent: inherit;
      border: none;
      width: 30px;
      height: 25px;
      opacity: 1;
      background: none;
      position: inherit;
      margin-right: 1.5vw;
      margin-top: 1.5vw;
   }

   .retailer {
      background-size: 100% 100%;
      padding: 15px;
      width: 100%;
   }

   #comprar-ahora-modal .title-2 {
      font-family: 'QanelasSoft';
      font-style: normal;
      font-weight: 900;
      font-size: 18px;
      line-height: 104%;
      text-align: center;
      color: #CB112F;
      margin-top: -12%;
   }

   #comprar-ahora-modal .title-3 {
      font-family: 'QanelasSoft';
      font-style: normal;
      font-weight: 900;
      font-size: 18px;
      line-height: 104%;
      text-align: center;
      color: #67513A;
   }

   #comprar-ahora-modal .retailer-image {
      width: 45%;
      text-align: center;
      margin-right: 5%;
   }

   #comprar-ahora-modal .retailer-image img {
      max-height: 50px;
      max-width: 125px;
   }

   #comprar-ahora-modal .retailer-button {
      max-width: 50%;
   }

   .product-image-container .modal-bg-img {
      width: 110% !important;
      margin-left: 1vw;
      z-index: 1;
      position: inherit;
      /* margin-top: 12%; */
   }

   .product-image-container .product-img {
      position: absolute;
      width: 76% !important;
      margin-top: -76%;
      margin-left: 2vw;
      z-index: 3;
   }

   .carousel-inner {
      height: 24vw;
   }

   .carousel-control-prev {
      border: 2px solid #ffffff;
      margin-top: 26vw !important;
      border-radius: 12vw;
      margin-left: 47vw;
      width: 2.5vw !important;
      height: 2.5vw !important;
      color: #fff;
      opacity: 5 !important;
   }

   .carousel-control-next {
      border: 2px solid #ffffff;
      margin-top: 26vw !important;
      border-radius: 12vw;
      margin-right: 46vw;
      width: 2.5vw !important;
      height: 2.5vw !important;
      color: #fff;
   }

   .carousel-indicators {
      bottom: -85px !important;
      margin-right: 7vw;
      margin-left: 22vw;
   }
}

/**COFFEE MATE JX**/
.section-recetas {
   background: #D92F27;
}

.slide-sw {
   background: transparent !important;
}

.article-recetas-carousel .slick-slide {
   margin-right: 15px;
   margin-left: 15px;
}

.article-recetas-carousel .article-recetas-item {
   text-align: center;
}

.article-recetas-carousel .article-recetas-item .card-border-radius {
   border-radius: 30px;
}

.card-border-radius {
   border-radius: 30px;
}

.card-img-radius {
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
}

.p-recetas {
   display: -ms-flexbox;
   display: flex;
}

.article-recetas-carousel .btn-recetas:not(:hover) {
   background-color: #CF1F2E;
}

.article-recetas-carousel .btn-recetas {
   border: none;
   font-family: QanelasSoft;
}

.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   /* Center slide text vertically */
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
}

.swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.swiper-pagination-coffee {
   bottom: -1vw;
   left: 0;
   width: 100%;
   position: sticky !important;
   padding-top: 2vw;
}

.swiper-pagination-bullet-active {
   background: white !important;
}

.recetas-vector {
   width: 100%;
}

/**GIGYA**/
.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,
.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit,
.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link,
.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend,
.gigya-screen a.gigya-button,
.gigya-screen input[type=button],
.gigya-screen input[type=submit] {
   background: #CF1F2E !important;
   font-size: QanelasSoft !important;
   color: white !important;
}

.gigya-screen,
.gigya-screen * {
   color: #AB4900 !important;
   font-family: QanelasSoft !important;
}

span[data-translation-key="DROPDOWN_161332537052916540_LABEL"] {
   color: #AB4900 !important;
   font-family: QanelasSoft !important;
}

#NestleAGCLV input:-ms-input-placeholder {
   color: #AB4900 !important;
   font-family: QanelasSoft !important;
}

#NestleAGCLV input::placeholder {
   color: #AB4900 !important;
   font-family: QanelasSoft !important;
}

label[data-translation-key="LABEL_134427326412154750_LABEL"],
label[data-translation-key="LABEL_47201711312336800_LABEL"] {
   display: none !important;
}

.article-recetas-container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   padding: 0;
   z-index: 1;
}

.section-tint-up .container-tint {
   height: 500px;
}

/**SMALL DEVICES**/
@media (max-width: 767.98px) {

   /**RECETAS TOP**/
   .section-recetas-top {
      margin-top: -4vw;
      margin-bottom: -2vw;
   }

   /**ENCABEZADO RECETAS**/
   .encabezados-recetas {
      background-image: url("/themes/custom/minestle/images/coffe-mate/coffee-background-mobile.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 100vw;
      height: 100vw;
   }

   .encabezado-texto2 {
      margin-bottom: -3vw;
      margin-top: 10vw;
      padding-top: 22vw;
   }

   .encabezado-texto {
      margin-bottom: 13vw;
      margin-top: 10vw;
   }

   .encabezado-texto>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 9vw;
   }

   .encabezado-texto2>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 9vw;
   }

   /**SWIPER RECETAS**/
   .article-recetas {
      margin-top: -40vw;
      position: relative;
      // padding-bottom: 10vw;
      padding-bottom: 26vw;
   }

   .article-recetas-container,
   .swiper {
      width: 70%;
      height: 100%;
   }

   /*.card-body>h5*/
   .card-body>h3 {
      color: #67513A;
      font-size: 5vw;
      font-weight: 900;
      line-height: 7vw;
      height: auto;
      font-family: QanelasSoft;
   }

   .p-recetas-d {
      color: #67513A;
      font-size: 5vw;
      font-weight: 900;
      line-height: 7vw;
      font-family: QanelasSoft;
   }

   .img-reloj-receta {
      width: 21px !important;
      margin-top: 6px;
   }

   .swiper-pagination-coffee {
      bottom: 5px !important;
      left: 0;
      width: 100%;
      position: sticky;
      padding-top: 2vw;
   }

   .swiper-navigation-next {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 10vw !important;
      height: 10vw !important;
      top: 98% !important;
      right: 30vw !important;
   }

   .swiper-navigation-prev {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 10vw !important;
      height: 10vw !important;
      top: 98% !important;
      left: 30vw !important;
   }

   .swiper-button-prev:after,
   .swiper-rtl .swiper-button-next:after {
      font-size: 2vw !important;
   }

   .swiper-button-next:after,
   .swiper-rtl .swiper-button-prev:after {
      font-size: 2vw !important;
   }

   .section-recetas-vector {
      margin-top: -1vw;
   }

   /**FORMULARIO**/
   .section-frm {
      background: #FCF0C8;
      width: 100%;
      height: auto;
      padding-bottom: 3vw;
   }

   .article-img-taza {
      margin-top: -18vw;
   }

   .taza-frm-img {
      width: 35vw;
   }

   .container-frm {
      width: 90%;
   }

   .container-frm>h2 {
      color: #D92F27;
      font-family: Gilory ExtraBold;
      text-align: center;
      font-weight: 900;
      font-size: 10vw;
   }

   /**TINT UP TOP**/
   .tint-top {
      margin-top: -1vw;
   }

   .tint-top>img {
      width: 100%;
   }

   /**TINT UP**/
   .section-tint-up {
      background-image: url("/themes/custom/minestle/images/coffe-mate/tint-vector.png");
      padding-top: 12vw;
      margin-top: -5vw;
      background-size: 100% 100%;
      background-repeat: no-repeat;
   }

   .article-tint {
      /* width: 80%; */
      width: 90vw;
   }

   .article-tint>h2 {
      color: white;
      text-align: center;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      margin-bottom: 2vw;
      font-size: 8vw;
   }

   .container-tint {
      /* height: 165px; */
      width: 100%;
   }

   .mr-redes {
      margin-right: 10px;
      text-decoration: none;
   }

   /**FOOTER TOP**/
   .footer-top {
      position: relative;
      z-index: -1;
      margin-top: -8vw;
      height: auto;
   }

   .footer-top>img {
      height: 10vw;
   }

   /**FOOTER**/
   .section-footer {
      background-image: url("/themes/custom/minestle/images/coffe-mate/footer-bg.png");
      margin-top: -2vw;
      background-size: cover;
      background-repeat: no-repeat;
   }

   .article-footer {
      margin-top: 5vw;
      padding-bottom: 5vw;
   }

   .text-footer {
      color: #AB4900;
      font-weight: 400;
      text-decoration: none;
      font-family: QanelasSoft;
   }

   .line-footer-text {
      line-height: 0.5vw;
   }
}

/**Medium devices (tablets, 768px and up)**/
@media (min-width: 768px) and (max-width: 991.98px) {

   /**RECETAS TOP**/
   .section-recetas-top {
      margin-top: -70vw;
      margin-bottom: -5vw;
   }

   /**ENCABEZADO RECETAS**/
   .encabezados-recetas {
      background-image: url("/themes/custom/minestle/images/coffe-mate/coffee-background.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
   }

   .encabezado-texto {
      margin-bottom: 13vw;
      margin-top: 10vw;
   }

   .encabezado-texto>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 4vw;
   }

   .encabezado-texto2 {
      margin-bottom: 13vw;
      margin-top: 10vw;
   }

   .encabezado-texto2>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 4vw;
   }

   /**SWIPER RECETAS**/
   .article-recetas {
      margin-top: -10vw;
      position: relative;
   }

   .article-recetas-container,
   .swiper {
      width: 75%;
      height: 100%;
   }

   /*.card-body>h5*/
   .card-body>h3 {
      color: #67513A;
      font-size: 1.5vw;
      font-weight: 900;
      line-height: 1.5vw;
      height: 5vw;
      font-family: QanelasSoft;
   }

   .p-recetas-d {
      color: #67513A;
      font-size: 1.5vw;
      font-weight: 900;
      line-height: 1vw;
      font-family: QanelasSoft;
   }

   .img-reloj-receta {
      margin-top: -3px;
      width: 18px !important;
   }

   .swiper-navigation-next {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 3vw !important;
      height: 3vw !important;
      top: 40% !important;
      right: 6vw !important;
   }

   .swiper-navigation-prev {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 3vw !important;
      height: 3vw !important;
      top: 40% !important;
      left: 6vw !important;
   }

   .swiper-button-prev:after,
   .swiper-rtl .swiper-button-next:after {
      font-size: 1vw !important;
   }

   .swiper-button-next:after,
   .swiper-rtl .swiper-button-prev:after {
      font-size: 1vw !important;
   }

   .section-recetas-vector {
      margin-top: -1vw;
   }

   /**FORMULARIO**/
   .section-frm {
      background: #FCF0C8;
      width: 100%;
      height: auto;
      padding-bottom: 3vw;
   }

   .article-img-taza {
      margin-top: -16vw;
   }

   .taza-frm-img {
      width: 20vw;
   }

   .container-frm {
      width: 55%;
   }

   .container-frm>h2 {
      color: #D92F27;
      font-family: Gilory ExtraBold;
      text-align: center;
      font-weight: 900;
      font-size: 4vw;
   }

   /**TINT UP TOP**/
   .tint-top {
      margin-top: -1vw;
   }

   .tint-top>img {
      width: 100%;
   }

   /**TINT UP**/
   .section-tint-up {
      background-image: url("/themes/custom/minestle/images/coffe-mate/tint-vector.png");
      padding-top: 12vw;
      margin-top: -5vw;
      background-size: 100% 100%;
      background-repeat: no-repeat;
   }

   .article-tint {
      /* width: 60%; */
      width: 90vw;
   }

   .article-tint>h2 {
      color: white;
      text-align: center;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      margin-bottom: 2vw;
   }

   .container-tint {
      /* height: 250px; */
      width: 100%;
   }

   .mr-redes {
      margin-right: 10px;
      text-decoration: none;
   }

   /**FOOTER TOP**/
   .footer-top {
      position: relative;
      z-index: -1;
      margin-top: -3vw;
      height: 5vw;
   }

   /**FOOTER**/
   .section-footer {
      background-image: url("/themes/custom/minestle/images/coffe-mate/footer-bg.png");
      margin-top: -2vw;
      background-size: cover;
      background-repeat: no-repeat;
   }

   .article-footer {
      margin-top: 5vw;
      padding-bottom: 5vw;
   }

   .text-footer {
      color: #AB4900;
      font-weight: 400;
      text-decoration: none;
      font-family: QanelasSoft;
   }

   .line-footer-text {
      line-height: 0.5vw;
   }
}

/**Large devices (desktops, 992px and up)**/
@media (min-width: 992px) and (max-width: 1199.98px) {

   /**RECETAS TOP**/
   .section-recetas-top {
      margin-top: -10vw;
      margin-bottom: -5vw;
   }

   /**ENCABEZADO RECETAS**/
   .encabezados-recetas {
      background-image: url("/themes/custom/minestle/images/coffe-mate/coffee-background.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
   }

   .encabezado-texto {
      margin-bottom: 13vw;
      margin-top: 10vw;
   }

   .encabezado-texto>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 3vw;
   }

   .encabezado-texto2 {
      margin-bottom: 0vw;
      margin-top: 0vw;
      padding-top: 20vw;
   }

   .encabezado-texto2>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 3vw;
   }

   /**SWIPER RECETAS**/
   .article-recetas {
      margin-top: -10vw;
      position: relative;
   }

   .article-recetas-container,
   .swiper {
      width: 60%;
      height: 100%;
   }

   /*.card-body>h5*/
   .card-body>h3 {
      color: #67513A;
      font-size: 1.2vw;
      font-weight: 900;
      line-height: 1vw;
      height: 2.5vw;
      font-family: QanelasSoft;
   }

   .p-recetas-d {
      color: #67513A;
      font-size: 1.2vw;
      font-weight: 900;
      line-height: 1vw;
      font-family: QanelasSoft;
   }

   .img-reloj-receta {
      margin-top: -3px;
      width: 18px !important;
   }

   .swiper-navigation-next {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 3vw !important;
      height: 3vw !important;
      top: 45% !important;
      right: 15vw !important;
   }

   .swiper-navigation-prev {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 3vw !important;
      height: 3vw !important;
      top: 45% !important;
      left: 15vw !important;
   }

   .swiper-button-prev:after,
   .swiper-rtl .swiper-button-next:after {
      font-size: 1vw !important;
   }

   .swiper-button-next:after,
   .swiper-rtl .swiper-button-prev:after {
      font-size: 1vw !important;
   }

   .section-recetas-vector {
      margin-top: -1vw;
   }

   /**FORMULARIO**/
   .section-frm {
      background: #FCF0C8;
      width: 100%;
      height: auto;
      padding-bottom: 3vw;
   }

   .article-img-taza {
      margin-top: -18vw;
   }

   .taza-frm-img {
      width: 21vw;
   }

   .container-frm {
      width: 50%;
   }

   .container-frm>h2 {
      color: #D92F27;
      font-family: Gilory ExtraBold;
      text-align: center;
      font-size: 4vw;
      font-weight: 900;
   }

   /**TINT UP TOP**/
   .tint-top {
      margin-top: -1vw;
   }

   .tint-top>img {
      width: 100%;
   }

   /**TINT UP**/
   .section-tint-up {
      background-image: url("/themes/custom/minestle/images/coffe-mate/tint-vector.png");
      padding-top: 12vw;
      margin-top: -5vw;
      background-size: 100% 100%;
      background-repeat: no-repeat;
   }

   .article-tint {
      /* width: 50%; */
      width: 90vw;
   }

   .article-tint>h2 {
      color: white;
      text-align: center;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      margin-bottom: 2vw;
   }

   .container-tint {
      /* height: 260px; */
      width: 100%;
   }

   .mr-redes {
      margin-right: 10px;
      text-decoration: none;
   }

   /**FOOTER TOP**/
   .footer-top {
      position: relative;
      z-index: -1;
      margin-top: -3vw;
      height: 5vw;
   }

   /**FOOTER**/
   .section-footer {
      background-image: url("/themes/custom/minestle/images/coffe-mate/footer-bg.png");
      margin-top: -2vw;
      background-size: cover;
      background-repeat: no-repeat;
   }

   .article-footer {
      margin-top: 5vw;
      padding-bottom: 5vw;
   }

   .text-footer {
      color: #AB4900;
      font-weight: 400;
      text-decoration: none;
      font-family: QanelasSoft;
   }

   .line-footer-text {
      line-height: 0.5vw;
   }
}

/**Extra large devices (large desktops, 1200px and up)**/
@media (min-width: 1200px) {

   /**RECETAS TOP**/
   .section-recetas-top {
      margin-top: -24vw;
      margin-bottom: -5vw;
   }

   /**ENCABEZADO RECETAS**/
   .encabezados-recetas {
      background-image: url("/themes/custom/minestle/images/coffe-mate/coffee-background.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
   }

   .encabezado-texto2 {
      margin-bottom: 0vw;
      margin-top: 0vw;
      padding-top: 20vw;
   }

   .encabezado-texto {
      margin-bottom: 13vw;
      margin-top: 10vw;
   }

   .encabezado-texto2>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 2.5vw;
   }

   .encabezado-texto>h2 {
      color: white;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      font-size: 2.5vw;
   }

   /**SWIPER RECETAS**/
   .article-recetas {
      margin-top: -10vw;
      position: relative;
   }

   .article-recetas-container,
   .swiper {
      width: 50%;
      height: 100%;
   }

   /*.card-body>h5*/
   .card-body>h3 {
      color: #67513A;
      font-size: 1vw;
      font-weight: 900;
      line-height: 1vw;
      height: 2.5vw;
      font-family: QanelasSoft;
   }

   .p-recetas-d {
      color: #67513A;
      font-size: 1vw;
      font-weight: 900;
      line-height: 1vw;
      font-family: QanelasSoft;
   }

   /**.row-recetas{
        min-height: 3vw;
        height: auto;
    }**/
   .img-reloj-receta {
      width: 18px !important;
   }

   .swiper-navigation-next {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 3vw !important;
      height: 3vw !important;
      top: 50% !important;
      right: 20vw !important;
   }

   .swiper-navigation-prev {
      background: white;
      border-radius: 50%;
      color: #D92F27 !important;
      width: 3vw !important;
      height: 3vw !important;
      top: 50% !important;
      left: 20vw !important;
   }

   .swiper-button-prev:after,
   .swiper-rtl .swiper-button-next:after {
      font-size: 1vw !important;
   }

   .swiper-button-next:after,
   .swiper-rtl .swiper-button-prev:after {
      font-size: 1vw !important;
   }

   /**SECTION RECETAS BOTTOM**/
   .section-recetas-vector {
      margin-top: -4vw;
   }

   /**FORMULARIO**/
   .section-frm {
      background: #FCF0C8;
      width: 100%;
      height: auto;
      /* padding-bottom: 3vw; */
      padding-bottom: 10vw;
   }

   .article-img-taza {
      margin-top: -13vw;
   }

   .taza-frm-img {
      width: 13vw;
   }

   .container-frm {
      width: 40%;
   }

   .container-frm>h2 {
      color: #D92F27;
      font-family: Gilory ExtraBold;
      text-align: center;
      font-weight: 900;
      font-size: 2.5vw;
   }

   /**TINT UP TOP**/
   .tint-top {
      margin-top: -5vw;
   }

   .tint-top>img {
      width: 100%;
   }

   /**TINT UP**/
   .section-tint-up {
      background-image: url("/themes/custom/minestle/images/coffe-mate/tint-vector.png");
      padding-top: 12vw;
      margin-top: -9vw;
      background-size: 100% 100%;
      background-repeat: no-repeat;
   }

   .article-tint {
      /* width: 40%; */
      width: 70vw;
   }

   .article-tint>h2 {
      color: white;
      text-align: center;
      font-family: Gilory ExtraBold;
      font-weight: 900;
      margin-bottom: 2vw;
   }

   .container-tint {
      /* height: 399px; */
      width: 100%;
   }

   .mr-redes {
      margin-right: 10px;
      text-decoration: none;
   }

   /**FOOTER TOP**/
   .footer-top {
      position: relative;
      z-index: -1;
      margin-top: -2vw;
      height: 5vw;
   }

   /**FOOTER**/
   .section-footer {
      background-image: url("/themes/custom/minestle/images/coffe-mate/footer-bg.png");
      margin-top: -2vw;
      background-size: cover;
      background-repeat: no-repeat;
   }

   .article-footer {
      margin-top: 5vw;
      padding-bottom: 5vw;
   }

   .text-footer {
      color: #AB4900;
      font-weight: 400;
      text-decoration: none;
      font-family: QanelasSoft;
   }

   .line-footer-text {
      line-height: 0.5vw;
   }
}

/**QUITAR Z-INDEX DE PUBLICIDAD**/
.text-pub {
   z-index: 0 !important;
}

/**OCULTAR BLOCK DE GIGYA FOOTER**/
#block-gigyaraascustomscreenset {
   /*display: none;*/
}

/*CSS div ckeditor */
.c-carousel-img {
   display: contents;
}

/*Footer Mi Nestlé*/
.site-footer {
   display: block !important;
   margin-top: -4rem !important;
}

.section-recetas-vector,
.article-img-taza {
   position: relative;
}

.row-margin-0 .row {
   margin-right: 0;
   margin-left: 0;
}

.row-margin-0 .row>div {
   padding: 0;
}

.tintup .text-container {
   display: none;
}

.section-recetas {
   margin-top: 10rem;
}

.article-recetas .article-recetas-item .card>img {
   min-height: 190px;
}

.section-tint-up .container-tint .field,
.section-tint-up .container-tint .tint-mode-iframe,
.section-tint-up .container-tint iframe {
   height: 100% !important;
}