@font-face {
    font-family: Gochi;
    src: url(../fonts/GochiHand-Regular.ttf) format("truetype")
    }


/* DESKTOP */
body{margin: auto; overflow-x: hidden !important; background-color: #fcfaf0;}
.navbar-1{width: 100%}
.container-fluid{padding: 0;}
.navbar{ margin-top: -10px; background: linear-gradient(90deg, rgba(251,188,0,1) 0%, rgba(255,213,0,1) 100%); padding-bottom: 30px !important;}
.barra-nav{margin: 0px auto -40px auto; max-width: 1200px;font-family: 'Gochi', sans-serif; font-size: 18pt; }
.navbar-brand{max-width: 250px;}
.logo{width: 95%; margin: 10px auto !important; }
.thkmenu{display: flex; justify-content: flex-end !important;}
.nav-item{padding: 0px 20px;}
.nav-link{color: black !important;text-align: center; padding: 0px 30px !important;}
.nav-link:hover{scale: 105%;}
.dropdown-toggle{background-color: transparent;border: none;color: rgba(var(--bs-emphasis-color-rgb), 0.8);margin-left: 10px !important;}
.dropdown-menu{background-color: #fdd143 !important; font-size: 1vw !important; border: 3px solid #e1a52f !important; border-radius: 20px !important; }
.dropdown-item{padding-top: 10px!important; padding-bottom: 10px; text-align: center !important; font-size: 1.2vw;}
.dropdown-item:hover{background-color: #e1a52f !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #e1a52f !important;border: 3px solid #ecc66d; border-radius: 30px; color: black;text-align: center; border-color: 2px solid #ecc66d !important; }
.activo {padding-left: 25px; padding-right: 25px; background-color: #e1a52f !important;border: 3px solid #ecc66d; border-radius: 30px; color: black;text-align: center; border-color: 2px solid #ecc66d !important; }
.dropdown-menu[data-bs-popper]{left: 10px !important;}
.dropdown-menu[data-bs-popper] {margin-left: -20px;}
.nav-pills .nav-link.active:hover {box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.47);}
.redes{width: 20px; display: flex; position: relative;}
.redes2{width: 30px; display: flex; position: relative;}
.redes-soc{display: flex;}
.red-movil{display: none;}
.menu-iconos { width: 30px;padding-right: 5px;}
.btn-group, .btn-group-vertical {position: relative;display: inline-flex;vertical-align: middle;flex-direction: column;}

/* HEROBANNER */
.thk-hero{background-image: url('../images/bg-hero.webp'); margin-top: 50px; padding-top: 200px; padding-bottom: 50px; background-size: cover; background-repeat: no-repeat;}
.thk-hb-cont{max-width: 1400px; margin: 50px auto !important; }
.image-hb{width: 110% ;}
.miel{position: absolute; top:60px; animation: shakeX; animation-duration: 20s; animation-iteration-count: infinite; animation-direction: alternate; max-width: 100%;}
.thk-txt{justify-items: center; align-items: center; display: flex; flex-direction: column;}
.hb-logo{scale: 90%;}
.txt-yllw{font-family: 'Gochi', sans-serif; font-size: 2.6vw !important; color: #fdd143; text-align: center; text-shadow: 2px 2px 6px rgba(0,0,0,0.48);}
.txt-blck{font-family: 'Gochi', sans-serif; font-size: 2vw; color: black; text-align: center;}
.txt-ama{font-family: 'Gochi', sans-serif; font-size: 3vw; color: #e1a52f; text-align: center;line-height: 70px; margin-bottom: -10px; margin-top: 30px;}
.thk-cta{border: 3px solid #ecc66d; border-radius: 30px; background-color: #e1a52f !important; max-width: 300px; padding: 0px 40px !important; font-family: 'Gochi', sans-serif; font-size: 1.5vw; color: black; text-align: center; margin: 30px auto 0px auto;}
.thk-cta:hover{box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.47); scale: 105%;}
.cntnt{ display: flex;flex-direction: column; justify-content: center; margin: -20px auto 0px auto;}
.cntnt a{text-align: center !important;}
.organix{scale: 110% !important; margin-top: 0px !important; border-radius: 15px; background-color: #fdd143 !important; font-size: 3vw; font-family: 'Gochi', sans-serif; color: black; text-align: center; box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.47);}
.organix2{margin-bottom: -20px; font-size: 2.2vw; font-family: 'Gochi', sans-serif; color: black; text-align: center;}

/* ICONOS */

.panal{background-image: url('../images/bg-iconos.webp'); background-size: cover; background-repeat: no-repeat; margin-top: -50px !important; padding-top: 5px; padding-bottom: 5px;}
.iconos{max-width: 1400px; margin: 50px auto !important; display: flex;padding: 30px auto !important;}
.iconos-mob{display: none;}
.ics{scale: 90%; }
.ics:hover{scale: 90%;animation: shakeX; animation-duration: 1s; }
.ics2{scale: 90% !important; }

/* PRODUCTOS */
.products{background-image: url('../images/bg-prods-01.webp'); background-size: cover; background-repeat: no-repeat; margin-top: 0px; padding-top: 5px; padding-bottom: 5px;}
.thk-products{max-width: 1400px; margin: 100px auto !important; }
.thk-titles{font-family: 'Gochi', sans-serif; font-size: 3vw; color: black; text-align: center;}
.thk-titles2{font-family: 'Gochi', sans-serif; font-size: 3vw; color: black; text-align: center;}
.prods-desk{display: flex;}
.prods-mob{display: none;}
.hx-naranja{cursor: pointer; background-position-x: center; background-image: url('../images/home/hx-naranja.webp'); background-size: contain; background-repeat: no-repeat;}
.hx-naranja:hover{animation: pulse; animation-duration: 1s;}
.hx-cafe{cursor: pointer; background-position-x: center; background-image: url('../images/home/hx-cafe.webp'); background-size: contain; background-repeat: no-repeat;}
.hx-cafe:hover{animation: pulse; animation-duration: 1s;}
.hx-crema{cursor: pointer; background-position-x: center; background-image: url('../images/home/hx-crema.webp'); background-size: contain; background-repeat: no-repeat;}
.hx-crema:hover{animation: pulse; animation-duration: 1s;}
.hx-amarillo{cursor: pointer; background-position-x: center; background-image: url('../images/home/hx-amarillo.webp'); background-size: contain; background-repeat: no-repeat;}
.hx-amarillo:hover{animation: pulse; animation-duration: 1s;}
.prod-sample{max-width: 300px; z-index: 100; display: flex; justify-content: center; align-items: center; margin: auto;}
.txt-prod{font-family: 'Gochi', sans-serif; font-size: 2vw; color: black; text-align: center;}
.renders a{text-decoration: none;}


/* CONTACTO */
.contact{background-image: url('../images/bg-contacto-banner.webp'); background-size: cover; background-repeat: no-repeat; margin-top: -50px; padding-top: 5px; padding-bottom: 0px;}
.cont-contact{max-width: 1400px; margin: 50px auto !important;}
.cont-contact a{text-align: center; text-decoration: none;}
.thk-cta2{border: 3px solid #ecc66d; border-radius: 30px; background-color: #e1a52f !important; max-width: 500px; padding: 0px 40px !important; font-family: 'Gochi', sans-serif; font-size: 1.5vw; color: black; text-align: center; margin: 30px auto 0px auto; justify-content: center; text-align: center; display: flex;}
.thk-cta2:hover{box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.47); scale: 105%;}
.bears{animation: fadeInUp; animation-duration: 3s; z-index: 2; animation-iteration-count: infinite; animation-direction: alternate;}
.bears2{animation: fadeInUp; animation-duration: 3s; z-index: 2; animation-iteration-count: infinite; animation-direction: alternate; }
.bears3{display: flex;justify-content: center; margin: auto; animation: fadeInUp; animation-duration: 3s; z-index: 2; animation-iteration-count: infinite; animation-direction: alternate; }
.cnt-desk{display: flex;}
.cnt-mob{display: none !important;}

/* FOOTER */
footer{background-color: #fdd143; margin-top: -50px; z-index: 200 !important; position: relative;}
.ft-cntnt{max-width: 1400px; margin: auto !important; padding: 50px auto !important;}
.logo-foot{scale: 50%; margin: -10px auto -30px auto;}
.text-footer{font-family: 'Gochi', sans-serif; font-size: 1vw; color: black;}
.text-footer a{text-decoration: none; margin-top: 30px !important; color: black;}
.text-footer a:hover{scale: 110% !important;}
.thk-ics{display: flex;justify-content: center;align-items: center;}
.ft-info{margin-top: 100px !important;}
.thk-legales{margin-top: 25px !important; text-align: center;}


.dropdown-menu[data-bs-popper] {margin-left: 0px !important;}







/* LAPTOP 1300*/
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
    .barra-nav{max-width: 1100px !important; font-size: 2.5vw; }
    .nav-item{padding: 0px !important;}
    .nav-link{font-size: 1.6vw !important;padding: 0px 30px !important;}
    .dropdown-toggle{font-size: 1.6vw !important;}
    
    /* HEROBANNER */
    .miel{top: 65px !important;}
    .thk-hb-cont{max-width: 1200px;}
    .image-hb{width: 100%;}
    /* ICONOS */
    .iconos{max-width: 1200px; margin: 0px auto !important; display: flex;padding: 30px auto !important;}
    
    /* PRODUCTOS */
    .thk-products{max-width: 1200px; margin: 80px auto !important; }
    .thk-titles{font-size: 4.5vw;}
    .thk-titles2{font-size: 3.5vw;}
    .prod-sample{max-width: 250px; }
    .txt-prod{font-size: 3vw; }

    /* CONTACTO */
    .cont-contact{max-width: 1200px !important; margin: 50px auto !important;}
    .bears{scale: 70%;max-width: fit-content;margin-left: 100px !important;}
    .bears2{scale: 70%; max-width: fit-content; margin-left: -100px !important;}

    /* FOOTER */
    footer{margin-top: -82px}
    .ft-cntnt{max-width: 900px;}
    .logo-foot{scale: 50%; margin: -20px auto -30px -70px;}
    .text-footer{font-size: 1.5vw; color: black;}
    .text-footer a{text-decoration: none; margin-top: 30px !important; color: black;}
    .text-footer a:hover{scale: 110% !important;}
    .thk-ics{display: flex;justify-content: center;align-items: center;}
    .ft-info{margin-top: 100px !important;}
    .thk-legales{margin-top: 25px !important; text-align: center;}





    

}










/* LAPTOP */
@media only screen and (max-width: 1024px) {
    
    .navbar-1{width: 100%}
    .navbar{ margin-top: -10px; padding-bottom: 30px !important;}
    .barra-nav{margin: 0px auto -40px auto; max-width: 800px !important; font-size: 3vw; }
    .navbar-brand{max-width: 250px;}
    .logo{width: 80%; margin: 10px auto !important; }
    .thkmenu{display: flex; justify-content: flex-end;}
    .nav-item{padding: 0px 10px;}
    .nav-link{padding: 0px 20px !important; font-size: 2vw !important;}
    .nav-link:hover{scale: 105%;}
    .redes{width: 20px;}
    .redes2{width: 30px;}
    .redes-soc{display: flex;}
    .red-movil{display: none;}
    .menu-iconos {width: 30px;padding-right: 5px;}

    /* HEROBANNER */
    .thk-hero{margin-top: 50px; padding-top: 50px; padding-bottom: 50px; background-size: cover; background-repeat: no-repeat;}
    .thk-hb-cont{max-width: 900px; }
    .image-hb{width: 100%; position: relative; top: 70px;}
    .miel{max-width: 100%; top: 50px;}
    .hb-logo{scale: 60%;}
    .txt-yllw{font-size: 8vw;}
    .txt-blck{font-size: 3vw;}
    .txt-ama{font-size: 4vw;}
    .thk-cta{ max-width: 300px; padding: 0px 40px !important;  font-size: 2vw;  margin: 0px auto 0px auto;}
    .cntnt{margin: -70px auto 0px auto !important;}
    .organix{font-size: 3vw}
    .organix2{font-size: 3vw}

    /* ICONOS */

    .panal{margin-top: -50px; padding-top: 5px; padding-bottom: 5px;}
    .iconos{max-width: 900px; margin: 0px auto !important; display: flex;padding: 30px auto !important;}
    .ics{ scale: 90%;width: 100%;height: fit-content;}
    .ics:hover{scale: 95%;}

    /* PRODUCTOS */
    .products{margin-top: 0px; padding-top: 5px; padding-bottom: 5px;}
    .thk-products{max-width: 900px; margin: 80px auto !important; }
    .thk-titles{font-size: 5vw;}
    .thk-titles2{font-size: 3.5vw;}
    .prod-sample{max-width: 200px; }
    .txt-prod{font-size: 3vw; }

    /* CONTACTO */
    .contact{margin-top: -50px; padding-top: 5px; padding-bottom: 0px;}
    .cont-contact{max-width: 900px !important; margin: 50px auto !important;}
    .thk-cta2{ max-width: 500px; padding: 0px 40px !important; font-size: 2vw;margin: 20px auto 0px auto;}
    .thk-cta2:hover{box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.47); scale: 105%;}
    .bears{scale: 70%;max-width: fit-content;}
    .bears2{scale: 70%; max-width: fit-content; margin-left: -100px !important;}

    /* FOOTER */
    footer{margin-top: -82px}
    .ft-cntnt{max-width: 900px;}
    .logo-foot{scale: 50%; margin: -20px auto -30px -70px;}
    .text-footer{font-size: 1.5vw; color: black;}
    .text-footer a{text-decoration: none; margin-top: 30px !important; color: black;}
    .text-footer a:hover{scale: 110% !important;}
    .thk-ics{display: flex;justify-content: center;align-items: center;}
    .ft-info{margin-top: 100px !important;}
    .thk-legales{margin-top: 25px !important; text-align: center;}





    

}

/* TABLET */
@media only screen and (max-width: 768px) {
    .barra-nav{margin: 0px auto -40px auto; max-width: 600px !important; font-size: 3vw; }
    .redes2{width: 30px;}
    .menu-iconos {width: 35px;margin-right: 30px; margin-top: 5px;}
    .navbar-toggler-icon{background-image: url('../images/icon_menu.svg') !important;}
    .navbar-toggler{background-color: #e1a52f !important; border: 4px solid #ecc66d !important;box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5); border-radius: 20% / 80% !important;}
    .nav-link{font-size: 7vw !important; margin: 15px auto !important; justify-content: center; display: flex; text-align: center;}
    .navbar-nav{margin: auto;}
    .navbar-collapse{margin: 30px auto;}
    .miel2{margin: auto; top: 380px !important; left: -10px !important;}
    .redes-soc{display: none !important;}
    .thkmenu { margin: 5rem; }
    .nav-item {margin: 1rem auto;}
    .dropdown-toggle{font-size: 7vw !important; }
    .dropdown-item{font-size: 7vw !important; }

    /* HEROBANNER */
    .thk-hb-cont{max-width: 700px; }
    .miel{max-width: 100%; top: 80px;}
    .hb-logo{scale: 50%;}
    .thk-cta{ max-width: 300px; font-size: 2.5vw;}
    .image-hb{width: 100%; top: 90px;}

    /* PRODUCTOS */
    .products{margin-top: 0px; }
    .thk-products{max-width: 700px; margin: 80px auto !important; }
    .thk-titles{font-size: 4.5vw;}
    .prod-sample{max-width: 150px; }
    .txt-prod{font-size: 3vw; }

    /* CONTACTO */
    .cont-contact{max-width: 700px !important; margin: 30px auto !important;}
    .thk-cta2{max-width: 400px; font-size: 2.5vw;margin: 20px auto 0px auto;}
    .bears{scale: 50%; margin-left: -50px;}
    .bears2{scale: 50%; margin-left: -80px;}

    /* FOOTER */
    footer{margin-top: -82px}
    .ft-cntnt{max-width: 700px;}
    .logo-foot{scale: 40%; margin: -20px auto -30px -150px;}
    .text-footer{font-size: 2vw;}
    .text-footer a{margin-top: 30px !important;}
    .text-footer a:hover{scale: 110% !important;}
    .ft-info{margin-top: 100px !important;}
    .thk-legales{margin-top: 25px !important; text-align: center;}

}




/* MOBILE */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .redes2{width: -20px; margin-top: -20px;}
    .barra-nav{max-width: 350px !important; font-size: 3vw; }
    .logo{width: 100%; margin: 10px auto !important; }
    .menu-iconos {width: 30px;margin-right: 20px; margin-top: 10px;}
    .navbar-brand{max-width: 150px;}
    .nav-item{padding: 0px 20px;}
    .miel2{margin: auto; top: 380px !important; left: -10px !important;}
    .navbar-collapse{margin-left: -20px !important;}
    .dropdown-menu[data-bs-popper] {margin-left: -20px;}

    /* HEROBANNER */
    .thk-hb-cont{max-width: 400px; }
    .miel{max-width: 100%; top: 80px;}
    .hb-logo{scale: 60%;}
    .thk-cta{ max-width: 350px; font-size: 5vw;}
    .image-hb{width: 100%; top: 30px;}
    .txt-yllw{font-size: 8.6vw !important;}
    .txt-blck{font-size: 8vw;}
    .organix{margin-top: 0px !important;font-size: 10vw; scale: 130%; padding-top: 5px; padding-bottom: 5px; border-radius: 10px;}
    .organix2{margin-top: 50px;font-size: 10vw; margin-bottom: -30px;}

    /* ICONOS */
    .iconos-mob{display: flex; margin: auto; justify-content: center; padding-top: 50px; padding-bottom: 100px;}
    .carousel-indicators {top: 320px;}
    .iconos{display: none;}
    .ics2{scale: 90%; }
    .ics:hover{scale: 93%;}
    .carousel-control-next-icon{position: relative; left: 50px; background-image: url('../images/arr-left.svg') !important;opacity: 1 !important;}
    .carousel-control-prev-icon{position: relative; right: 50px; background-image: url('../images/arr-right.svg') !important;opacity: 1 !important;}
    .carousel-control-next, .carousel-control-prev {opacity: 1 !important; width: 25% !important;}
    .carousel-indicators [data-bs-target] {width: 20px !important;height: 20px !important;padding: 0 !important;margin-right: 7px !important;margin-left: 7px !important;border-radius: 50%; }
    .iconos-mob .carousel-item {transition: transform 1.5s ease-in-out;}
    
    /* PRODUCTOS */
    .prods-desk{display: none !important;}
    .prods-mob{display: flex; justify-content: center;max-width: 350px; margin: auto;}
    .thk-titles{font-size: 7vw;}
    .prod-sample{max-width: 300px; }
    .txt-prod{font-size: 8vw;}
    .prods-mob a{text-decoration: none !important; }

    /* CONTACTO */
    .contact{background-image: url('../images/bg-cnt-mob.webp') !important; background-size: cover; background-repeat: no-repeat; margin-top: -50px; padding-top: 5px; padding-bottom: 0px;}
    .cont-contact{max-width: 300px; margin: 50px auto !important;}
    .thk-titles2{font-size: 7vw;}
    .thk-cta2{max-width: 400px; font-size: 5vw;margin: 20px auto 0px auto;}
    .cnt-desk{display: none !important;}
    .cnt-mob{display: flex !important;}

    /* FOOTER */
    footer{margin-top: -50px; padding-bottom: 30px;}
    .ft-cntnt{max-width: 400px;}
    .cnt-a{max-width: 400px !important; display: flex;}
    .logo-foot{scale: 60%; margin: -20px auto -10px -55px;}
    .text-footer{font-size: 5vw; text-align: center;}
    .text-footer a{margin-top: 30px !important;}
    .text-footer a:hover{scale: 110% !important;}
    .ft-info{margin-top: 50px !important;}
    .ft-info p{margin: auto}
    .thk-legales{margin-top: 25px !important; text-align: center;}
    .thk-ics{width: 30%;height: 30%;margin-top: 0px; display: flex;justify-content: center;align-items: center;}
    .row-foot{margin: 30px auto !important;}
    .thk-btn-ftr{display: flex; justify-content: center; margin: 15px auto; max-width: 400px !important;}
    .thk-btn-ftr a{text-decoration: none !important;}

}