/*************CUERPO PRINCIPAL Y ESTILOS GENERALES-GENERICOS****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

body {
  font-family: 'Montserrat', sans-serif !important;
  overflow-x: hidden;
}

div#breadcrumbs {
  padding: 1rem;
  background: rgb(237, 237, 237);
  background: linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(237, 237, 237, 1) 13%, rgba(255, 255, 255, 1) 41%);
  color: #f77222;
  font-weight: 500;
  text-transform: uppercase;
  font-size: .8rem;
}

div#breadcrumbs a {
  color: #696969;
}

a.btncafe {
  background-color: #5b2d00;
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  padding: .8rem 3rem;
  text-decoration: none !important;
  z-index: 99;
  position: relative;
}

a.btnhoja {
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  padding: 0.8rem 3rem;
  text-decoration: none !important;
  position: relative;
  z-index: 9999;
}

a.btnblanco,
section.inscribete input[type=submit],
section.formulario input[type=submit] {
  border: 1px solid #cccccc;
  text-decoration: none !important;
  text-align: center;
  padding: .2rem 1rem;
  color: #8c8c8c !important;
  font-size: .9rem;
  font-weight: 600;
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase;
}

.titulo-cafe {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  font-size: 3rem;
}

.titulo-cafe>p:first-child {
  margin-right: 1rem;
  color: #65b32e;
  font-weight: 200;
}

.titulo-cafe>p:last-child {
  font-weight: 600;
  color: #5b2d00;
}

.titulo-naranja {
  display: flex;
  justify-content: center;
  padding: 2rem 0 0;
  font-size: 3rem;
}

.titulo-naranja>p:first-child {
  margin-right: 1rem;
  color: #fff;
  font-weight: 200;
}

.titulo-naranja>p:last-child {
  font-weight: 600;
  color: #f77222;
}

.titulo-verde {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  font-size: 3rem;
}

.titulo-verde>p:first-child {
  margin-right: 1rem;
  color: #5b2d00;
  font-weight: 200;
}

.titulo-verde>p:last-child {
  font-weight: 600;
  color: #65b32e;
}

.navegaciongris>div {
  color: #fff;
  background-color: #2c2c2c;
  box-shadow: -2px 2px 5px 0 #343434;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  top: 50%;
}

.navegaciongris>div::after {
  display: none;
}

.navegaciongris>div.swiper-button-prev {
  left: 4.5rem;
}

.navegaciongris>div.swiper-button-next {
  right: 4.5rem;
}

.pswp {
  z-index: 99999;
}

.gm-navbar .gm-logo {
  display: none !important;
}

button.woocommerce-Button.btn.btn-primary {
  background-color: #5b2d00;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 600;
  padding: .8rem 1rem;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  width: 100%;
}

/******************* MENU PRINCIPAL Y SUPERIOR     ************************/
header .superior {
  background-color: #5b3100;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}

ul#menu-menu-superior {
  list-style: none;
  display: flex;
  margin: 0;
  text-transform: uppercase;
}

div.redes img {
  width: 50px;
}

.superior .redes {
  display: flex;
  align-items: center;
}

.superior .gm-navbar {
  width: 100%;
}

.menu-search {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

#menu-superior-nav a {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  text-decoration: none !important;
}

ul#menu-menu-superior>li {
  margin: 0 .5rem;
}

.navbar-light .navbar-brand {
  top: 0;
  position: absolute;
  left: 2%;
  width: auto;
  max-width: 100px;
  z-index: 2;
}

header nav.navbar {
  padding: 0;
  display: block;
}

#mega-menu-wrap-primary {
  background: transparent;
}

header ul#mega-menu-primary a.mega-menu-link {
  text-transform: uppercase !important;
  color: #5b2d00 !important;
  margin: 0 1rem !important;
}

.gm-actions .fa-user,
.gm-actions .dropdown-toggle::after {
  color: #ffff;
}

.gm-main-menu-wrapper .gm-actions .account button span {
  color: #fff;
  font-size: 14px;
  margin: 0 4px;
}

header ul#mega-menu-primary a.mega-menu-link:hover {
  color: #f77222 !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
  color: #582c06;
  font-size: 1.8rem;
}

li#mega-menu-item-media_image-2 {
  padding-top: 0 !important;
}

.mega-somos {
  padding: 2rem !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.somos .mega-menu-column {
  border-right: 2px solid #5b2d00;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.somos li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
  text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.somos li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  text-align: center;
}

.mega-titulo-somos {
  padding: 2rem 2rem 0 !important;
}

.mega-emprende {
  padding: 2rem !important;
}

.mega-emprende .mega-receta .mega-menu-item {
  text-align: center !important;
  padding-top: 0 !important;
}

.mega-emprende .mega-receta .mega-menu-item>a {
  text-align: center !important;
}

/******************* PIE DE SITIO /FOOTER  ************************/
footer.site-footer {
  background-color: #5b2d00;
  padding: 2rem 0 0 0;
  position: relative;
  overflow: hidden;
}

footer .redes {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

footer .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1rem 2rem;
}

div#main-nav-inferior ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

div#main-nav-inferior ul a {
  color: #fff;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 14px;
}

.pie-aux {
  background-color: #2a1003;
  font-size: .75vw;
  display: flex;
  justify-content: center;
  padding: .5rem;
  flex-wrap: wrap;
}

.pie-aux a {
  color: #fff !important;
  border-right: 1px solid #fff;
  padding: 0 1rem;
  text-align: center;
  margin: .2rem 0;
}

.pie-aux a:hover {
  color: #fff;
}

.pie-aux a:last-child {
  border: 0;
}

footer .logos a:first-child {
  border-right: 2px solid #fff;
  padding-right: 1rem;
  margin-right: 1rem;
}

footer img.cacaopie {
  position: absolute;
  left: -5rem;
  bottom: 11%;
}

footer img.galletas {
  position: absolute;
  right: -9rem;
  bottom: 10%;
}

footer div#mega-menu-wrap-primary {
  display: flex;
  justify-content: center;
}

footer .row {
  justify-content: center;
}

footer #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
  text-transform: uppercase;
}

footer ul.mega-sub-menu {
  display: none !important;
}

footer .redes>a {
  font-size: 12px;
  color: #fff !important;
  margin-top: 0.5rem;
}

/******************* HOME ************************/
.sliderhome .img-back-slide {
  height: 35rem;
  background-size: cover;
}

.sliderhome .navegacion>div {
  color: #5c2d00;
  background-color: #fff;
  box-shadow: -2px 2px 5px 0 #bcbcbc;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

.sliderhome .navegacion>div::after {
  display: none;
}

section.slider .sliderhome {
  position: relative;
}

.swiper-pagination>.swiper-pagination-bullet {
  width: .8rem;
  height: .8rem;
  background-color: #cccccc;
  opacity: 1;
  box-shadow: -2px 2px 3px 0px #000000c2;
}

.swiper-pagination>.swiper-pagination-bullet-active {
  background-color: #fff;
}

.sliderhome .swiper-pagination {
  bottom: 2rem;
}

.prod {
  position: relative;
  margin-bottom: 5rem;
}

.prod .navegaciongris>div {
  top: 34%;
}

.sliderproductos {
  margin: 2rem 6rem;
  overflow: hidden;
}

.sliderproductos .swiper-slide {
  display: flex;
  flex-direction: column;
}

.sliderproductos .img-back-producto {
  width: 100%;
  background-size: cover;
  background-position: center;
}

.sliderproductos .swiper-slide h2 {
  color: #232323;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin: .5rem 0 0;
  min-height: 40px;
}

.sliderproductos .swiper-slide p {
  color: #606060;
  text-align: center;
  font-size: .8rem;
  margin: 0;
}

.sliderproductos .swiper-slide h3 {
  text-align: center;
  font-weight: 700;
  color: #5b2d00;
}

.sliderrecetas .img-back-receta {
  height: 20rem;
  background-size: cover;
  box-shadow: -3px 3px 5px 1px #0000009e;
}

.sliderrecetas {
  margin: 4rem 6rem 0;
  padding: 0 1rem;
  overflow: hidden;
  margin-bottom: 4rem;
}

.sliderrecetas h2 {
  color: #3a3a3a;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  margin: 1rem 0 .2rem;
}

.sliderrecetas .swiper-slide p {
  text-transform: uppercase;
  font-size: 12px;
  color: #5b2d00;
  font-weight: 500;
  text-align: center;
}

section.nuestra-recetas {
  position: relative;
  text-align: center;
  padding-bottom: 8rem;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
  padding-top: 7rem;
}

section.nuestra-recetas img.batidora {
  position: absolute;
  right: -17rem;
  top: -8rem;
}

section.nuestra-recetas img.galleta {
  position: absolute;
  top: -8rem;
  left: 35%;
}

section.nuestra-recetas img.galletas2 {
  left: -5rem;
  position: absolute;
  top: 2rem;
}

section.nuestra-recetas img.manteca {
  position: absolute;
  bottom: -12rem;
  right: -5rem;
}

section.nuestra-recetas img.cuchara {
  position: absolute;
  left: -2rem;
  bottom: -2rem;
}

section.nuestra-tienda {
  padding-bottom: 3rem;
  text-align: center;
}

/******************* GARANTIAS ************************/
section.garantias {
  background-size: cover;
  display: flex;
  justify-content: space-around;
  padding: 1rem 2rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

section.garantias>div {
  width: 33%;
  margin: 15px 0;
}

section.garantias h3 {
  font-size: .7rem;
  margin-top: 1.5rem;
}

/*******************  INSCRIBETE ************************/
.inscribete .titulo {
  background-color: #e2af80;
  position: relative;
  padding: 1rem;
  color: #fff;
  text-align: center;
}

.inscribete .titulo>img {
  position: absolute;
  right: 0;
  top: 100%;
  width: 20%;
}

.inscribete .titulo>h2 {
  font-size: 2.5rem;
}

section.inscribete form {
  margin: 2rem 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 15rem;
}

section.inscribete form p {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: .8rem;
  font-weight: 600;
}

section.inscribete form p .form-control {
  border-radius: 0;
  margin-top: 0.5rem;
}

section.inscribete h3 {
  font-size: .8rem;
  font-weight: 600;
  color: #8c8c8c;
  text-align: center;
  margin-top: 2rem;
}

section.inscribete form>div {
  width: 50%;
}

.gato .form-control {
  border-radius: 0;
  width: 95%;
}

.gato label {
  font-size: .8rem;
  text-transform: uppercase;
  color: #8c8c8c;
  width: 100%;
}

section.inscribete form>div.tyc {
  width: 100%;
  text-align: center;
  margin: .5rem;
  display: flex;
  justify-content: center;
}

.gato .tyc label {
  width: auto;
  margin-left: 1rem;
}

.gato .tyc label>a {
  color: #5b3100;
  text-decoration: underline;
  font-weight: 600;
}

/****************** GENERICO RECOMENDADOS ************************/
section.nuestros-recomendados {
  text-align: center;
  padding-bottom: 3rem;
}

/****************** TIPS(SUBHOME) ************************/
div.tips section.superior {
  background-size: 100%;
  background-position: center;
  position: relative;
  padding: 2rem 6rem;
  overflow: hidden;
  text-align: center;
}

img.postre1 {
  position: absolute;
  right: 0;
  top: -2rem;
  width: 15%;
}

img.postre2 {
  position: absolute;
  left: 0;
  width: 20%;
}

img.espatula {
  position: absolute;
  bottom: -1rem;
  right: 0;
  width: 18%;
}

.superior .titulo {
  display: flex;
  justify-content: center;
  font-size: 3rem;
}

.superior .titulo>p:first-child {
  margin-right: 1rem;
  color: #5b2d00;
  font-weight: 200;
}

.superior .titulo>p:last-child {
  font-weight: 600;
  color: #8d3d1f;
}

section.superior .categorias ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

section.superior .categorias ul>li {
  padding: .5rem 1rem;
  border-right: 2px solid #8d3d1f;
  text-transform: uppercase;
  text-align: center;
}

section.superior .categorias ul>li:first-child {
  border-left: 2px solid #8d3d1f;
}

section.superior .categorias ul>li>a {
  color: #5b2d00;
  text-decoration: none !important;
  font-weight: 500;
}

section.superior .categorias ul>li>a:hover,
section.superior .categorias ul>li.activo>a {
  color: #8d3d1f;
}

.slidertips .swiper-slide>a {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
}

.slidertips .swiper-slide>a>div {
  height: 20rem;
  background-size: cover;
  background-position: center;
  box-shadow: -4px 3px 8px 1px #000000a6;
}

.slidertips {
  margin: 0 10rem;
  padding: 0 1rem;
}

.slidertips .swiper-slide>a>h2 {
  color: #3a3a3a;
  text-transform: uppercase;
  font-size: 1.2rem;
  text-align: center;
  margin: 1.2rem 0 .4rem;
  font-weight: 700;
}

.slidertips .swiper-slide>a>p {
  color: #3a3a3a;
  text-transform: uppercase;
  font-size: .9rem;
  text-align: center;
  margin: 0;
}

.sldtip {
  margin: 2rem 0 3rem;
}

.sldtip .navegaciongris>div.swiper-button-next {
  right: 10rem;
}

.sldtip .navegaciongris>div.swiper-button-prev {
  left: 10rem;
}

.sldtip .navegaciongris>div {
  background-color: #d7c1ac;
}

/****************** TIPS INTERNA(INTERNA GENERICA) ************************/
.interna-generica .titulo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

section.interna-generica {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
}

.interna-generica .titulo h4 {
  border-right: 2px solid #b58770;
  border-left: 2px solid #b58770;
  padding: 2px 1rem;
  color: #ff7200;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 6px;
  font-weight: 700;
}

.interna-generica .titulo h2 {
  text-transform: uppercase;
  color: #8d3d1f;
  font-weight: 700;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  text-align: center;
}

.interna-generica .cuerpo {
  display: flex;
  margin-top: 2rem;
  padding: 0 11rem 0 2rem;
}

section.interna-generica>a:first-child {
  align-self: flex-start;
  color: #592d06;
  margin: 1rem;
  z-index: 99;
  font-weight: 500;
  font-size: .8rem;
  text-decoration: underline;
  text-transform: uppercase;
}

.interna-generica .cuerpo .chef {
  width: 40%;
}

.interna-generica .cuerpo .descripcion {
  width: 60%;
  position: relative;
  z-index: 999;
}

.interna-generica .cuerpo .chef>p {
  padding-left: 10rem;
  text-transform: uppercase;
  color: #8d3d1f;
}

.interna-generica .cuerpo .descripcion>h3 {
  color: #592c00;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

.interna-generica .cuerpo .descripcion>p {
  color: #4d4d4d;
  margin-bottom: 2rem;
  font-weight: 400;
}

div.tip img.espatula {
  transform: rotate(15deg);
  right: -3rem;
  bottom: 15rem;
}

/****************** GENERICOS DE RELACIONADOS ************************/
section.relacionados {
  background-color: #f5d7b8;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.sldrel {
  position: relative;
}

section.relacionados>h2 {
  color: #f5d7b8;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 1.5rem 0;
  font-size: 2.5rem;
  text-transform: uppercase;
  margin: 0;
}

.sldrel .navegaciongris>div {
  top: 45%;
  background-color: #2c2c2c;
}

.sldrel .navegaciongris>div.swiper-button-next {
  right: 1rem;
}

.sldrel .navegaciongris>div.swiper-button-prev {
  left: 1rem;
}

.sliderrelacionados {
  margin: 1rem 2rem 3rem;
  padding: 0 1rem;
  overflow: hidden;
}

.sliderrelacionados .img-back-relacionado {
  height: 20rem;
  background-size: cover;
  box-shadow: -3px 3px 5px 1px #0000009e;
}

.sliderrelacionados h2 {
  color: #562b06;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  margin: 1rem 0 .2rem;
}

.sliderrelacionados .swiper-slide p {
  text-transform: uppercase;
  font-size: 12px;
  color: #88593b;
  font-weight: 500;
  text-align: center;
}

/******************* CATEGORIAS GENERICAS ************************/
.categorias ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.categorias ul>li {
  padding: .5rem 1rem;
  border-right: 2px solid #d2d2d2;
  text-transform: uppercase;
  text-align: center;
}

.categorias ul>li:first-child {
  border-left: 2px solid #d2d2d2;
}

.categorias ul>li>a {
  color: #aaaaaa;
  text-decoration: none !important;
  font-weight: 500;
}

.categorias ul>li>a:hover,
.categorias ul>li.activo>a {
  color: #5b2d00;
}

/****************************************/
/******************* SUBHOME NUESTRAS RECETAS ************************/
div.recetas img.manteca {
  top: -10rem;
}

div.recetas img.batidora {
  left: 0;
}

div.recetas img.galleta {
  top: 90%;
  left: 45%;
}

div.recetas img.galletas2 {
  top: 80%;
  left: 3rem;
}

div.recetas img.cuchara {
  transform: rotate(220deg);
  left: 72%;
  bottom: -5rem;
}

.recetaslst {
  display: flex;
  margin: 2rem 0;
  padding: 0 5rem;
  flex-wrap: wrap;
  position: relative;
}

.recetaslst .item-receta {
  width: 33.3%;
  padding: 0 1rem;
}

.recetaslst .item-receta h2 {
  color: #3a3a3a;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.recetaslst .item-receta .img-back-receta {
  height: 20rem;
  background-size: cover;
  background-position: center;
  box-shadow: -4px 4px 6px 0px #848484;
}

.recetaslst .item-receta p {
  color: #3a3a3a;
  text-transform: uppercase;
  font-size: .8rem;
}

/******************* INTERNA  RECETA ************************/
.interna-generica.claro .titulo h4,
.interna-generica.claro .cuerpo .descripcion>h3 {
  color: #e2af80;
}

.interna-generica.claro .cuerpo .chef>p,
.interna-generica.claro .titulo h2 {
  color: #592d06;
}

.receta img.cuchara {
  position: absolute;
  transform: rotate(245deg);
  right: -8rem;
  top: 40%;
  width: 25%;
}

.receta img.galletas2 {
  position: absolute;
  left: -12rem;
  top: 15%;
}

.receta section.relacionados>h2 {
  font-size: 2rem;
}

/******************* NUESTRA TIENDA************************/
.tiendalst {
  display: flex;
  margin: 2rem 0;
  padding: 0 15rem;
  flex-wrap: wrap;
  position: relative;
}

.tiendalst .item-producto {
  width: 33.3%;
  padding: 0 1rem;
  text-align: center;
  margin-bottom: 3rem;
}

.tiendalst .item-producto h2 {
  color: #5b2d00;
  font-size: .9rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
  min-height: 50px;
}

.tiendalst .item-producto .img-back-producto {
  background-size: cover;
  background-position: center;
  position: relative;
}

.tiendalst .item-producto p {
  color: #3a3a3a;
  text-transform: uppercase;
  font-size: .8rem;
}

.banner {
  height: 30rem;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.nuestra-tienda div#breadcrumbs {
  color: #65b32e;
}

.nuestra-tienda .titulo-verde {
  margin: 0;
}

section.tienda {
  background-position: center;
  background-size: 100%;
  padding: 2rem 0 4rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.origenes-selectos,
.expertos,
.balance,
.creaciones,
.ingredientes {
  position: absolute;
  display: none;
}

.cacaorojo {
  right: -10rem;
  top: -10rem;
}

.hojadorada {
  right: -15rem;
  top: 30%;
}

.hojadorada.izq {
  left: -17rem;
  transform: rotate(180deg);
  top: 3%;
}

.cacaorojoe {
  left: -14rem;
  top: 0;
}

.cacaoverdee {
  top: 60%;
  left: -14rem;
}

.cacaorojoe2 {
  bottom: -16rem;
  left: 50%;
  z-index: 0;
}

.cacaoame {
  right: -13rem;
  top: 10%;
}

.hojascacao {
  left: -18rem;
  top: 20%;
}

.hojacacao {
  top: -20rem;
  right: -12rem;
}

.hojacacao.inf {
  top: 86%;
  transform: rotate(180deg);
  right: 85%;
}

.cacaocafe {
  right: -12rem;
  top: 45%;
}

.hojascacao {
  left: -18rem;
  top: 20%;
}

.hojacacao {
  top: -20rem;
  right: -12rem;
}

.hojacacao.inf {
  top: 86%;
  transform: rotate(180deg);
  right: 85%;
}

.cacaocafe {
  right: -12rem;
  top: 45%;
}

.postre {
  right: -9rem;
  top: 48%;
}

.trufas {
  bottom: -10rem;
  left: -5rem;
}

.cupcakecer {
  left: -10rem;
  top: 15%;
}

.cupcakemor {
  top: 0;
  right: -7rem;
}

.sticks {
  right: -10rem;
  top: 55%;
}

.chips {
  bottom: -10rem;
  left: 2rem;
}

.mantecacocoa {
  left: -12rem;
  top: 20%;
}

.polvo {
  top: 0;
  right: -8rem;
}

.ver {
  display: block;
}

.balance a.btnblanco:hover {
  background-color: #048594;
  color: #fff !important;
}

.experto a.btnblanco:hover {
  background-color: #637723;
  color: #fff !important;
}

.origenes-selectos a.btnblanco:hover {
  background-color: #875c38;
  color: #fff !important;
}

.creaciones a.btnblanco:hover {
  background-color: #8f6250;
  color: #fff !important;
}

.ingredientes a.btnblanco:hover {
  background-color: #af7e52;
  color: #fff !important;
}

.img-back-producto .fondocat {
  position: absolute;
}

.img-back-producto>img:last-child {
  z-index: 9;
  position: relative;
}

/******************* GATO DUMAS ************************/
.slidergato .img-back-slide {
  height: 35rem;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  padding: 3rem 5rem;
  color: #fff;
}

.slidergato .navegacion>div {
  color: #5c2d00;
  background-color: #fff;
  box-shadow: -2px 2px 5px 0 #bcbcbc;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

.slidergato .navegacion>div::after {
  display: none;
}

section.slider .slidergato {
  position: relative;
}

.swiper-pagination>.swiper-pagination-bullet {
  width: .8rem;
  height: .8rem;
  background-color: #cccccc;
  opacity: 1;
  box-shadow: -2px 2px 3px 0px #000000c2;
}

.swiper-pagination>.swiper-pagination-bullet-active {
  background-color: #fff;
}

.slidergato .swiper-pagination {
  bottom: 2rem;
}

.slidercursos {
  margin: 0 2rem 0;
  padding: 0 1rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.slidercursos .img-back-receta {
  height: 20rem;
  background-size: cover;
}

.slidercursos h2 {
  color: #f77222;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  margin: 1rem 0 .2rem;
}

.slidercursos .swiper-slide p {
  font-size: 12px;
  color: #f7d5b4;
  font-weight: 500;
  text-align: center;
}

section.nuestra-recetas {
  position: relative;
  text-align: center;
  padding-bottom: 8rem;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
  padding-top: 7rem;
}

section.nuestros-cursos .navegaciongris>div {
  background-color: #2c2c2c;
  top: 50%;
}

section.nuestros-cursos {
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
}

section.nuestros-cursos .navegaciongris>div.swiper-button-prev {
  left: 1rem;
}

section.nuestros-cursos .navegaciongris>div.swiper-button-next {
  right: 1rem;
}

.slidergato .img-back-slide .descripcion {
  width: 40%;
}

.slidergato .img-back-slide .descripcion h2 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 2rem 0;
}

.slidergato .img-back-slide .descripcion p {
  font-size: .9rem;
}

/******************* SOMOS ************************/
.sliderimgs .navegacion>div {
  color: #fff;
  background-color: #cccccc;
  box-shadow: -2px 2px 5px 0 #bcbcbc;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

.sliderimgs .navegacion>div::after {
  display: none;
}

div.somos div.carrusel {
  position: relative;
}

section.contenido {
  display: flex;
}

.banner-s {
  width: 50%;
}

.somos .cuerpo {
  width: 50%;
  padding: 1rem 2rem;
}

.somos .cuerpo h2 {
  color: #65b32e;
  text-transform: uppercase;
}

.somos .cuerpo>p {
  margin: 2rem 0;
  font-size: .9rem;
}

.somos .cuerpo p>strong {
  color: #65b32e;
  font-weight: 500;
}

.sliderimgs {
  overflow: hidden;
}

.somos .cuerpo h3 {
  font-size: 1rem;
  color: #592c00;
  text-transform: uppercase;
  font-weight: 700;
}

.somos .cuerpo ul>li {
  font-size: .8rem;
}

.somos .cuerpo ul {
  list-style: auto;
  margin-top: 2rem;
}

.somos .cuerpo .impacto {
  border-top: 2px solid #592c00;
  margin-top: 2rem;
  padding-top: 1rem;
}

.somos .cuerpo .contenedor {
  display: flex;
}

.somos .cuerpo .contenedor>div {
  border: 2px solid #592c00;
  border-radius: 15px;
  text-align: center;
  padding: 1rem;
  margin: .5rem;
  width: 20%;
}

.somos .cuerpo .contenedor>div>h4 {
  font-size: 1rem;
  margin-top: 1rem;
  color: #65b32e;
  font-weight: 700;
}

.somos .cuerpo .contenedor>div>p {
  font-size: .7rem;
  color: #5b2d00;
  font-weight: 600;
  margin: 0;
}

.somos .cuerpo video {
  width: 100%;
  margin: 3rem 0;
}

.somos .cuerpo>a {
  text-transform: uppercase;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #5b2d00;
  padding: .5rem 1rem;
  font-weight: 700;
}

.sliderimgs .swiper-slide {
  text-align: center;
}

.sliderimgs .navegacion>div.swiper-button-prev {
  left: -1rem;
}

.sliderimgs .navegacion>div.swiper-button-next {
  right: -1rem;
}

/* ///////////CHECKOUT ///////////  */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row .control-label,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row .control-label,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce-additional-fields .control-label,
.woocommerce-checkout .woocommerce-additional-fields .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce-checkout #payment ul.payment_methods .payment_method_payzenstd label img {
  display: none;
}

.woocommerce form .form-row .select2-container {
  width: 100% !important;
  line-height: 2em;
}

.woocommerce form .form-row .select2-container .select2-selection {
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  border-radius: 0;
}

.woocommerce form .form-row .select2-container .select2-selection .select2-selection__arrow {
  height: calc(1.5em + .75rem + 2px);
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.woocommerce-checkout .tab-billing {
  border-right: 1px solid #00214a
}

.woocommerce-checkout .woocommerce-checkout-payment#payment {
  background: none;
}

.woocommerce-billing-fields .form-control,
.woocommerce-account-fields .form-control,
.woocommerce-shipping-fields .form-control {
  border-radius: 0
}

.woocommerce-billing-fields .control-label,
.woocommerce-shipping-fields .control-label,
p#billing__billing_number_identify_field>label {
  text-transform: uppercase;
  color: #5b2e00;
}

.woocommerce-checkout-review-order table.shop_table,
.woocommerce-checkout-review-order table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border: none
}

.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address span {
  font-size: 1.5rem;
}

#payzenstd_rest_wrapper .kr-embedded {
  margin: 0 auto;
  padding: 2rem;
  width: 100%
}

input#billing__billing_number_identify {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* /////////////  CART /////////////// */
.woocommerce-cart .woocommerce table.shop_table {
  border-collapse: inherit;
  border-radius: 0px;
  border: none;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .product-name a {
  text-transform: uppercase;
  font-size: 1rem;
  color: #5b2d00;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .product-name .variation dt,
.woocommerce-cart .woocommerce .woocommerce-cart-form .product-name .variation dd {
  font-size: 80%;
  color: 505050;
  font-weight: 300;
  line-height: 1.25;
}

.woocommerce-cart #add_payment_method .cart-collaterals .cart_totals tr td,
.woocommerce-cart #add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 1px solid #00214a;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  font-size: 1rem;
}

.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button {
  display: none;
}

.woocommerce-cart .order-total strong {
  font-weight: 400
}

.woocommerce-cart table.cart img {
  width: 150px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #c2c2c2
}

.woocommerce-cart .woocommerce-cart-form table.shop_table td {
  padding: 1.5rem 12px 1.5rem 0;
}

.woocommerce .quantity {
  position: relative;
}

.woocommerce .quantity input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.woocommerce .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce .quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.woocommerce-cart .actions .button {
  background: #5b2d00 !important;
  color: #fff;
  border-radius: 0;
  font-weight: 400;
}

.woocommerce-cart .actions .button:hover {
  color: #fff;
}

.woocommerce-cart .actions .button:disabled {
  color: #fff !important
}

.woocommerce-cart .product-price {
  position: relative;
}

.woocommerce-cart .product-price .remove-cart {
  position: absolute;
  top: 1rem;
  right: 0
}

.woocommerce .woocommerce-customer-details address {
  border: 1px solid #00214a;
  border-radius: 0;
  padding: 2rem
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  font-size: 1.25rem;
  font-weight: 300
}

.woocommerce-checkout #payment div.payment_box {
  background: #5b2e00;
  color: #fff
}

.woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: block;
  border: 1em solid #5b2e00;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -.75em;
  left: 0;
  margin: -1em 0 0 2em;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li {
  min-width: 20%;
  margin: 0;
  padding-right: 2em;
  padding-left: 2em;
  margin-bottom: 2rem;
}

.woocommerce-info {
  border-top-color: #5b2e00;
}

.woocommerce-info>a {
  color: #5b2e00;
}

li.nav-item.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

/*SINGLE PRODUCTO*/
.single-product .banner-page {
  display: none;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  width: 100%;
  float: initial;
}

.woocommerce div.product div.images img {
  display: block;
  max-width: 100%;
  height: auto;
  box-shadow: none;
  margin: 0 auto;
  width: auto;
}

.woocommerce div.product div.images {
  margin-bottom: 0;
}

.col-12.col-md-6.detalles {
  background-color: #e3d7cb8a;
  padding: 40px 6%;
  color: #5A2D06;
}

.col-12.col-md-6.detalles>h1 {
  color: #B07F52;
  font-weight: 800;
  font-size: 32px;
}

.col-12.col-md-6.detalles p.price.text-dark>span.h3 {
  font-weight: 700;
  color: #5A2D06;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #b07f52;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #5a2d06;
  color: #fff;
}

.add-product {
  display: flex;
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
  justify-content: space-between;
}

.add-product button.single_add_to_cart_button.button.alt.bg-green.text-white {
  border: 2px solid #717171;
  border-radius: 0;
  color: #717171 !important;
  background-color: transparent;
  font-weight: 600;
}

.add-product .cont-quantity>button {
  font-size: 20px;
  font-weight: 700;
  color: #5a2d06;
}

.add-product .cont-quantity .quantity>input {
  background-color: transparent;
  border: 0;
  font-weight: 600;
  font-size: 23px;
  padding: 0;
  color: #5a2d06;
}

.producto-categories.small.text-gray {
  font-size: 100%;
}

.detalles span.text-gray.small {
  font-size: 100%;
}

.producto-categories.small.text-gray a {
  color: #5b2e00;
  text-decoration: underline;
  font-weight: 600;
  text-transform: uppercase;
}

/***************** CUENTA ******************/
li.nav-item.woocommerce-MyAccount-navigation-link {
  border-right: 2px solid #5b3100;
  margin-right: 1rem;
  padding-right: 1rem;
}

li.nav-item.woocommerce-MyAccount-navigation-link:last-child {
  border: none;
}

li.nav-item.woocommerce-MyAccount-navigation-link>a.nav-link {
  color: #5b3100 !important;
  text-transform: uppercase;
  font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

li.nav-item.woocommerce-MyAccount-navigation-link.is-active>a.nav-link {
  color: #e2af80 !important;
}

/***************** NOTICIAS ******************/
.noticiaslst {
  display: flex;
  margin: 2rem 0;
  padding: 0 15rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 12;
}

.noticiaslst .item-noticia {
  width: 50%;
  padding: 0 1rem;
  text-align: center;
}

.noticiaslst .item-noticia h2 {
  color: #3a3a3a;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.noticiaslst .item-noticia .img-back-noticia {
  height: 20rem;
  background-size: cover;
  background-position: center;
  box-shadow: -4px 4px 6px 0px #848484;
}

.noticiaslst .item-noticia p {
  color: #3a3a3a;
  text-transform: uppercase;
  font-size: .8rem;
}

.noticias section.superior>img {
  position: absolute;
}

.noticias section.superior {
  overflow: hidden;
  position: relative;
}

.noticias img.cacaoame {
  right: -15rem;
  transform: rotate(10deg);
  top: 45%;
}

.noticias img.galletas2 {
  left: -13rem;
  top: 15%;
  z-index: 3;
}

.noticias img.polvo {
  left: -14rem;
  top: 40%;
  z-index: 2;
}

.noticias img.espatula {
  top: 10%;
  right: -1rem;
}

.item-noticia img {
  box-shadow: -4px 4px 10px 0px #000;
}

.noticias img.hojas {
  bottom: -5rem;
  left: -15rem;
}

.noticias img.empaques {
  z-index: 3;
  bottom: -20rem;
  left: -10rem;
}

/***************** INTERNA DE NOTICIAS ******************/
section.interna-generica img.hojas,
section.interna-generica img.hojadorada,
section.interna-generica img.galletas,
section.interna-generica img.cacaorojoe2 {
  position: absolute;
}

.noticia img.galletas {
  transform: rotate(95deg);
  left: -9rem;
  top: 14%;
}

.noticia img.cacaorojoe2 {
  left: -9rem;
  bottom: -10rem;
}

.noticia img.hojadorada {
  top: 0;
  right: -18rem;
}

.noticia img.hojas {
  transform: rotate(270deg);
  bottom: 0;
  right: -18rem;
}

/*****************        INICIO DE SESION Y CUENTA *****************/
.mi-cuenta .nav-pills .nav-link.active,
.mi-cuenta .nav-pills .show>.nav-link {
  background-color: #5b2d00;
  color: #fff;
}

.mi-cuenta p.woocommerce-LostPassword.lost_password>a {
  color: #8d3d1f;
}

.mi-cuenta .btn-primary {
  background-color: #5b2d00;
}

.mi-cuenta .nav-pills .nav-link {
  color: #8f4124;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  background: #5b2d00;
}

/******************* BUSQUEDA  ************************/
.busqueda {
  padding: 2rem 4rem;
}

.resultados-productos h2 {
  color: #232323;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin: 0.5rem 0 0;
  min-height: 40px;
}

.resultados-productos a {
  text-decoration: none !important;
}

.resultados-productos .img-back-producto {
  width: 100%;
  background-size: cover;
  background-position: center;
  text-align: center;
}

.home .slider .swiper-wrapper .swiper-slide {
  height: 39.5vw;
}

.home section.slider {
  height: 39.5vw;
}

.home .swiper-wrapper .swiper-slide>a {
  display: block;
}

.home .swiper-wrapper .swiper-slide>a video {
  width: 100%;
  height: auto;
}

.busqueda h1 {
  text-align: center;
  text-transform: uppercase;
  color: #5b3100;
  font-weight: 600;
}

h2#indice-resultados>b {
  color: #5b3100;
  font-size: 2rem;
  margin-right: 1rem;
}

h2#indice-resultados {
  color: #65b32e;
  font-size: 1.5rem;
}

.resultados-productos .col {
  margin-bottom: 2rem;
}

section.resultados-productos {
  margin-top: 1rem;
}

.resultados>h2 {
  margin-top: 2rem;
  color: #3a3a3a;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
}

section.resultados-noticias {
  margin-top: 1rem;
}

.resultados-noticias .noticia a {
  color: #3a3a3a;
}

.resultados-noticias .noticia a>h4 {
  font-weight: 700;
  margin-top: 1rem;
}

.resultados-noticias .noticia a>p {
  font-size: .8rem;
  margin: 0;
}

.resultados-noticias .noticia a>span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: .8rem;
}

/******************* CONTACTAR UN ASESOR  ************************/
section.formulario {
  padding: 2rem 15rem;
  position: relative;
  overflow: hidden;
}

section.formulario h2 {
  color: #6b6b6b;
  text-transform: uppercase;
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}

section.formulario .acepto {
  width: 100%;
}

section.formulario form.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}

section.formulario form.wpcf7-form>div {
  width: 50%;
}

section.formulario form.wpcf7-form .form-control {
  border-radius: 0;
  border: 2px solid #b4b4b4;
}

section.formulario form.wpcf7-form>div label {
  color: #6b6b6b;
  width: 100%;
  font-weight: 600;
  padding-right: 2rem;
}

section.formulario form.wpcf7-form>div.acepto {
  width: 100%;
}

section.formulario form.wpcf7-form>div.acepto label {
  width: auto;
}

section.formulario form.wpcf7-form>div label>a {
  color: #6b6b6b;
  width: 100%;
  padding-right: 2rem;
  margin-left: .5rem;
  font-weight: 400;
  font-size: .9rem;
  text-decoration: underline;
}

section.formulario form.wpcf7-form>p {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}

section.formulario .wpcf7-list-item {
  margin: 0;
}

section.formulario img.cuchara {
  position: absolute;
  right: -7rem;
  transform: rotate(225deg);
  bottom: 0;
}

section.formulario img.bowl {
  position: absolute;
  left: -15rem;
  top: -8rem;
}

/******************* GRACIAS  ************************/
section.gracias {
  padding: 9rem 0;
  overflow: hidden;
  position: relative;
}

section.gracias .contenido p {
  color: #5b2d00;
  font-size: 1.5rem;
}

select#otras-opciones {
  display: none;
  width: 90%;
  padding: 10px 18px;
  margin: 0 5% 5%;
  background-color: transparent;
  border-radius: 12px;
}

/* Popup */
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000000ba;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup>div {
  width: 60%;
  text-align: center;
  background-color: #ffffffc2;
  border: 4px solid #5b3200;
  border-radius: 20px;
  color: #737373;
  padding: 20px;
  position: relative;
}

.popup>div>span {
  position: absolute;
  right: -6px;
  top: -10px;
  border-radius: 50%;
  background-color: #fff;
  padding: 1px 9px;
  font-size: 18px;
  font-weight: 600;
  color: red;
  cursor: pointer;
}

.popup>div>div>div>a {
  display: inline-block;
  padding: 5px 20px;
  background-color: #fff;
  border-radius: 8px;
  color: #5b3200;
  margin: 0 10px;
}

.popup>div>div>div>a:hover {
  background-color: #5b3200;
  color: #fff;
  text-decoration: none;
}

/******************* RESPONSIVE  ************************/
@media only screen and (max-width: 768px) {
  header.gm-navbar .gm-menu-actions-wrapper {
    display: none;
  }

  /* header */
  header .gm-main-menu-wrapper {
    display: flex;
  }

  header .gm-main-menu-wrapper .menu-search {
    display: none;
  }

  header .gm-main-menu-wrapper .gm-nav-inline-divider {
    display: none;
  }

  header .gm-main-menu-wrapper .gm-actions .account button span {
    display: none;
  }

  header .gm-main-menu-wrapper .gm-actions .account button i {
    font-size: 24px;
  }

  header .gm-main-menu-wrapper .gm-minicart {
    color: #fff;
    margin: 0 10px;
  }

  header .gm-main-menu-wrapper .gm-minicart .gm-minicart__txt {
    display: none;
  }

  section.slider {
    overflow: hidden;
  }

  .titulo-verde {
    font-size: 1.5rem;
    position: relative;
  }

  .categorias ul {
    flex-wrap: wrap;
    padding: 0 1rem;
  }

  .categorias ul>li {
    width: 50%;
    font-size: .8rem;
    border-bottom: 2px solid #d2d2d2;
    border-right: 0 !important;
  }

  .categorias ul>li:first-child {
    border-left: 0 !important;
  }

  .titulo-verde>p {
    margin-bottom: 0;
    margin-top: 1rem;
  }

  .sliderproductos {
    margin: 2rem;
  }

  .navegaciongris>div.swiper-button-prev {
    left: .5rem;
  }

  .navegaciongris>div.swiper-button-next {
    right: .5rem;
  }

  .prod {
    margin-bottom: 3rem;
  }

  section.garantias>div {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }

  section.garantias {
    flex-direction: column;
    padding: 1rem;
  }

  section.garantias h3 {
    text-align: left;
    font-size: 12px;
    margin: 1rem 0;
  }

  section.garantias>div img {
    width: 15%;
    margin-right: 1rem;
  }

  section.nuestra-recetas img.galletas2,
  section.nuestra-recetas img.batidora,
  section.nuestra-recetas img.manteca {
    display: none;
  }

  .titulo-cafe {
    font-size: 2rem;
  }

  section.nuestra-recetas {
    padding-top: 2rem;
  }

  section.nuestra-recetas img.galleta {
    top: -6rem;
  }

  section.nuestra-recetas img.cuchara {
    bottom: -3rem;
  }

  .sliderrecetas {
    margin: 1rem;
  }

  footer img.cacaopie {
    width: 35%;
    bottom: 35%;
    left: -4rem;
  }

  footer img.galletas {
    width: 35%;
    right: -5rem;
    bottom: 35%;
  }

  footer div#mega-menu-wrap-primary {
    display: none;
  }

  div.redes img {
    width: 50px;
  }

  .pie-aux {
    flex-flow: wrap-reverse;
    padding: .5rem;
  }

  .pie-aux a {
    width: 100%;
    border-right: 0;
    text-align: center;
    border-top: 1px solid #fff;
    padding: .5rem 0;
    font-size: .7rem;
  }

  footer .redes {
    margin-bottom: 2rem;
  }

  section.slider .sliderhome video {
    width: 100%;
  }

  .sliderhome .swiper-pagination {
    display: none;
  }

  .cacaorojo {
    width: 50%;
    top: -7rem;
    right: -8rem;
  }

  .tiendalst {
    padding: 0 2rem;
    margin: 2rem 0 0;
  }

  .tiendalst .item-producto {
    width: 100%;
  }

  section.tienda {
    padding-bottom: 0;
  }

  .banner {
    height: 10rem;
  }

  .cacaorojoe {
    width: 40%;
    top: -2%;
    left: -6rem;
  }

  .cacaoame {
    width: 74%;
  }

  .cacaoverdee {
    width: 80%;
    left: -11rem;
    top: 62%;
  }

  .cacaorojoe2 {
    width: 80%;
    left: -12rem;
    bottom: -13rem;
  }

  .hojacacao {
    right: -14rem;
    width: 80%;
  }

  .cacaocafe {
    width: 80%;
    right: -14rem;
    top: 50%;
  }

  .hojacacao.inf {
    transform: rotate(19deg);
    top: 90%;
  }

  .trufas {
    width: 75%;
  }

  .cupcakemor {
    top: -6rem;
    right: -2rem;
    width: 50%;
  }

  .cupcakecer {
    width: 60%;
    left: -8rem;
  }

  .polvo {
    width: 50%;
    top: -7rem;
    right: -5rem;
  }

  .mantecacocoa {
    left: -10rem;
    width: 70%;
    top: 45%;
  }

  .chips {
    left: -8rem;
    width: 65%;
    bottom: -7rem;
  }

  .sticks {
    width: 60%;
  }

  header nav.navbar {
    display: none;
  }

  .gm-navbar .gm-logo {
    display: flex !important;
  }

  .noticiaslst {
    padding: 0 2rem;
  }

  .noticiaslst .item-noticia {
    width: 100%;
  }

  .noticias img.espatula {
    display: none;
  }

  section.interna-generica img.hojas,
  section.interna-generica img.hojadorada,
  section.interna-generica img.galletas,
  section.interna-generica img.cacaorojoe2 {
    display: none;
  }

  .interna-generica .cuerpo {
    display: block;
    padding: 0 1rem;
  }

  .interna-generica .cuerpo .chef {
    width: 100%;
  }

  .interna-generica .cuerpo .descripcion {
    width: 100%;
  }

  .interna-generica .cuerpo .chef>p {
    padding: 0;
  }

  section.relacionados>h2 {
    font-size: 1.5rem;
  }

  .interna-generica .titulo h2 {
    line-height: 2.2rem;
    font-size: 2rem;
    text-align: center;
  }

  .recetaslst {
    padding: 0 1rem;
  }

  .recetaslst .item-receta {
    width: 100%;
  }

  div.recetas img.cuchara {
    left: 15%;
    bottom: -6rem;
  }

  .receta img.galletas2 {
    display: none;
  }

  header .superior {
    padding: 0;
  }

  .groovy-69018-basket:before {
    font-size: 1.8rem;
  }

  .slidergato .img-back-slide {
    padding: 1rem 2rem;
  }

  .slidergato .img-back-slide .descripcion {
    width: 100%;
    color: #000;
  }

  .slidergato .img-back-slide .descripcion h2 {
    margin: 1rem 0;
  }

  .inscribete .titulo>h2 {
    font-size: 1.5rem;
  }

  .inscribete .titulo {
    padding: .5rem;
  }

  section.inscribete form {
    padding: 0 1rem;
  }

  section.inscribete form>div {
    width: 100%;
  }

  .titulo-naranja {
    font-size: 1.5rem;
  }

  div.tips section.superior {
    padding: 2rem 1rem;
  }

  .superior .titulo {
    font-size: 1.5rem;
  }

  .slidertips {
    margin: 0;
    padding: 0 1rem;
  }

  .sldtip .navegaciongris>div.swiper-button-next {
    right: .5rem;
  }

  .sldtip .navegaciongris>div.swiper-button-prev {
    left: .5rem;
  }

  .tips .categorias ul>li {
    border-bottom-color: #8d3d1f;
  }

  img.postre2 {
    bottom: 0;
  }

  img.espatula {
    width: 25%;
  }

  section.contenido {
    flex-direction: column-reverse;
  }

  section.contenido>div {
    width: 100% !important;
  }

  .somos .cuerpo {
    padding: 1rem;
  }

  .somos .cuerpo .contenedor {
    flex-wrap: wrap;
  }

  .somos .cuerpo .contenedor>div {
    width: 45%;
  }

  .busqueda {
    padding: 2rem 1rem;
  }

  .busqueda h1 {
    font-size: 1.2rem;
  }

  h2#indice-resultados>b {
    font-size: 1.5rem;
    margin-right: .5rem;
  }

  h2#indice-resultados {
    font-size: 1rem;
  }

  .resultados>h2 {
    font-size: 1rem;
  }

  .resultados-noticias .col.noticia {
    margin-bottom: 2rem;
  }

  a.navbar-brand.d-block.d-md-none {
    display: none !important;
  }

  section.formulario {
    padding: 2rem 0;
  }

  section.formulario img.bowl,
  section.formulario img.cuchara {
    display: none;
  }

  section.formulario form.wpcf7-form>div {
    width: 100%;
    padding: 0 1.5rem;
  }

  section.formulario form.wpcf7-form>div label {
    padding: 0;
  }

  section.formulario form.wpcf7-form>p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  section.formulario h2 {
    font-size: .8rem;
  }

  .menu-item-object-recetas {
    display: none;
  }

  section.gracias {
    padding: 2rem 3rem;
  }

  section.gracias>img {
    display: none;
  }

  .gracias .titulo-verde>p:last-child {
    text-align: center;
    font-size: 3rem;
    line-height: 3.2rem;
  }

  .popup {
    align-items: flex-start;
    padding-top: 21%;
  }

  .popup>div {
    width: 95%;
  }

  .popup>div>div>div>a {
    margin: 8px 10px;
  }
}

@font-face {
  src: url(AkzidenzGroteskBQ-MdCndAlt.ttf);
  font-family: 'akz';
}

/* ////// landind descubre /////////////// */
.page-template-page-descubre header,
.page-template-page-descubre footer,
.page-template-page-descubre .wh_flybox_popup {
  display: none!important;
}

.main-descubre {
  min-height: 100vh;
  background-image: url(../img/bg-descubre-2.png);
  background-position: left bottom;
  background-size: 100% auto;
  background-color: #8bc1da;
  font-family: 'akz';
  background-repeat: no-repeat;
}

.main-descubre .info {
  padding-bottom: 3vw;
}

.main-descubre .items div:nth-child(2) {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

.main-descubre .formulario .content-form {
  max-width: 90%;
  background: #ffffff57;
  border: 3px solid #fff;
  border-radius: 30px;
  overflow: hidden;
}

.main-descubre .formulario p {
  max-width: 80%;
}

.main-descubre .formulario .content-form h4 {
  color: #fff;
  background: #bbdbe9;
  line-height: 1;
}

.main-descubre .formulario .content-form h4 span {
  color: #553e35;
  font-weight: 600;
}

.main-descubre .formulario .content-form .form-group label,
.main-descubre .formulario .content-form .tyc a {
  color: #553e35;
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 0;
  padding-bottom:  0;
  padding-top:  0;

}

.main-descubre .formulario .content-form .form-group {
  margin-bottom: 0;
}

.main-descubre .formulario .content-form .form-group .form-control {
  background: none;
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}

.main-descubre .formulario .content-form .form-group .wpcf7-radio .wpcf7-list-item {
  width: 100%;
}

.main-descubre .formulario .content-form .form-group .emprendimiento .wpcf7-radio .wpcf7-list-item {
  width: auto;
}

.main-descubre .formulario .content-form .wpcf7-submit {
  background: #553e35;
  font-size: 1.5rem;
  border: none;
  padding: 0.2rem 2rem;
  margin-top: 1rem;
  color: #fff;
}

.main-descubre .formulario .content-form .wpcf7-spinner {
  display: block;
}


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

  .main-descubre .formulario .content-form,
  .main-descubre .formulario p {
    max-width: 90%;
    margin: 0 auto;
  }
}