body{margin: auto; overflow-x: hidden !important; background-color: #fcfaf0 !important;}

/* DESKTOP */
body{margin: auto; overflow-x: hidden !important; background-color: #fcfaf0;}
.navbar-1{width: 100%}
.container-fluid{padding: 0;}
.navbar{ margin-top: -10px !important; background: linear-gradient(90deg, rgba(251,188,0,1) 0%, rgba(255,213,0,1) 100%); padding-bottom: 0px !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;text-align: center; padding: 0px 30px !important;}
.nav-link:hover{color: black;scale: 105%;}
.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; }
.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;}
.nav-pills-P a{text-decoration: none !important;}
.dropdown-menu[data-bs-popper] {margin-left: 0px !important;}

/* 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: 100%;}
.miel{position: absolute; top:0px; 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: 6vw; 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%;}


.bg-productos{background-image: url(../images/bg-prods-01.webp) !important; background-size: cover; background-repeat: no-repeat !important;}
.d-flex{align-items: center;}
.menu-iconos {width: 70%;padding-right: 5px;}
.secciones{max-width: 1200px;margin: auto; padding-bottom: 50px;}
.cta-prods{padding-left:50px !important; padding-right: 50px !important; margin-top: -10px; border-radius: 50px;line-height: 40px;}
.container-fluid{margin: auto;}
.row{padding: 0;margin: auto;}
.nav-item{display: flex;margin: auto;flex-direction: column;flex-wrap: nowrap;}
.shampoo-iconos-mob{display: none !important;}
.shampoo-iconos{display: flex !important;}

/* ------- Slider Productos ----- */

.productos{padding-top: 70px;}
.carousel-control-next-icon {background-image: url('../images/arr-left-yllw.svg') !important;}
.carousel-control-prev-icon {background-image: url('../images/arr-right-yllw.svg') !important;	}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 3vw !important;height: 3vw !important;}
.carousel-control-next, .carousel-control-prev {width: 5%;}
.carousel-control-prev{left: -150px !important;}
.carousel-control-next {right: -150px !important;}
.slider-contenido{text-align: center;justify-content: center;display: flex;align-items: center;flex-direction: column;max-width: 1200px;}
.tab{background-color:#ffffff;border-radius:32px;border:3px solid #62519c;display:inline-block;cursor:pointer;color:#62519c;font-family: 'Airfly', sans-serif;font-size:20px;padding:7px 45px;text-decoration:none;margin-right: 15px;margin-left: 15px;text-indent: 0px;width: auto;height: auto;opacity: 100;}
.P-tab{justify-content: center;margin-top: 90px;}
.nav-pills-P .nav-link-P {background-color:#fff;border-radius:32px;border:3px solid #fdd143;display:flex;justify-content: center;align-items: center;margin: auto;cursor:pointer;color:black;font-family: 'Gochi', sans-serif;font-size:1vw;padding:7px 45px;text-decoration:none;margin-right: 15px;margin-left: 15px;text-indent: 0px;width: auto;height: auto;opacity: 100;}
.nav-pills-P .nav-link-P.active{background-color: #e1a52f;color: black;}
.P-text{color: #6b6b6b;font-family:'Gilroy-Regular', sans-serif;font-size: 1vw;padding-top: 35px;}
.retailers{max-width: 1200px !important;margin: 30px auto 60px auto;}
.retailers h2{color: black;font-size: 4vw !important;font-family: 'Gochi', sans-serif;padding-top: 35px;margin-bottom: 30px;text-align: center;}
.r-logos{width: 200px;margin: 30px auto;display: flex;cursor: pointer;}

.nav-pills-P a{text-decoration: none !important; display: contents !important;}
.organix{scale: 110%; margin-top: 30px; 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);}
.cntnt{ display: flex;flex-direction: column; justify-content: center; margin: 40px auto 0px auto;}

/* LAPTOP 1300*/
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
    .barra-nav{max-width: 1100px !important; font-size: 2.5vw; }
    .secciones{max-width: 1200px !important; }
    .P-text{font-size: 1.6vw;}
    .nav-item{padding: 0px !important;}
    .nav-link{font-size: 1.6vw !important;padding: 0px 30px !important;}

    /* HEROBANNER */
    .miel{top: 20px !important;}
    .thk-hb-cont{max-width: 1200px !important;}
    .image-hb{width: 100%;}
    .nav-pills-P .nav-link-P {font-size:1.6vw;}
    .image-hb{width: 100%;}

    .carousel-control-prev{left: -70px !important;}
    .carousel-control-next {right: -100px !important;}

    .dropdown-toggle{font-size: 1.6vw !important;}
    .txt-ama{line-height: 50px;}
    .miel{top: 70px !important;}
    .cntnt { margin: 40px auto 0px auto !important;}
    .thk-hero{padding-bottom: 30px;}

    .secciones{max-width: 1100px !important;}

}
/* 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;}
    .thk-hb-cont{max-width: 900px;}

    .secciones{max-width: 900px;margin: auto; padding-bottom: 50px;}
    .nav-pills-P .nav-link-P {font-size:1.2vw;}
	.retailers{max-width: 900px !important;}
	.retailers h2{color: black;font-size: 45px !important;font-family: 'Gochi', sans-serif;padding-top: 35px;text-align: center;}
	.r-logos{width: 180px;margin: auto;display: flex;}

    .dropdown-toggle{font-size: 2vw;}
    .thk-hb-cont{max-width: 900px !important; margin: 50px auto !important; }
    .txt-ama {line-height: 40px;}
    .cntnt { margin: 30px auto 0px auto !important;}
    .thk-hero{margin-top: 50px; padding-top: 50px; padding-bottom: 50px;}
    .nav-pills-P a {display: contents;}
    .secciones{max-width: 900px !important;margin: auto; padding-bottom: 50px;}
    .nav-pills-P .nav-link-P {font-size:2vw; line-height: 20px; text-align: center;}

}


/* TABLETA */
@media only screen and (max-width: 768px) {
	.retailers{max-width: 700px !important;}
	.retailers h2{color: black;font-size: 40px !important;font-family: 'Gochi', sans-serif;padding-top: 35px;text-align: center;}
	.r-logos{width: 160px;margin: 20px auto;display: flex;}
    .slider-contenido{max-width: 900px;}
    .carousel-control-next, .carousel-control-prev {width: 9%;}
    .thk-hero{margin-top: -50px; padding-top: 200px; padding-bottom: 10px;}

    .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;}
    .miel{top: 100px !important;}
    .miel2{margin: auto; top: 380px !important; left: -10px !important;}
    .redes-soc{display: none !important;}
    .thkmenu { margin: 5rem; }
    .cntnt { margin: 30px auto 0px auto !important;}
    .txt-ama {font-size: 3.6vw; line-height: 40px;}
    .txt-yllw{font-size: 10vw;}
    .txt-blck{font-size: 2.6vw;}
    .organix{margin-top: -20px;font-size: 4.6vw;}
    .thk-hb-cont{max-width: 650px; margin: 50px auto !important; }
    .nav-pills-P .nav-link-P {font-size:3vw; line-height: 20px; text-align: center;}
    .carousel-control-prev{left: -70px !important; }
    .carousel-control-next {right: -70px !important;  }
    .carousel-control-next-icon, .carousel-control-prev-icon {width: 5vw !important;height: 5vw !important;}
    .secciones{max-width: 600px;margin: auto; padding-bottom: 50px;}
    .cta-prods{padding-left:30px !important; padding-right: 30px !important; margin-top: -10px; border-radius: 50px;line-height: 35px;}
    .P-text{color: #6b6b6b;font-family:'Gilroy-Regular', sans-serif;font-size: 1.6vw;padding-top: 35px;}
    .nav-pills-P a{text-decoration: none !important; display: contents !important;}
    .nav-item {margin: 10px auto;}

}

/* MÓVIL */
@media only screen and (min-width: 401px) {
	
.d-flex a{margin-right: 25px;}

}


/* MÓVIL */
@media only screen and (max-width: 576px) {

    .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: 0px; margin-top: 0px;}
    .navbar-brand{max-width: 150px;}
    .nav-item{padding: 0px 20px !important; margin: 10px auto;}
    .miel2{margin: auto; top: 380px !important; left: -10px !important;}
    
    /* HEROBANNER */
    .thk-hb-cont{max-width: 400px; }
    .miel{max-width: 100%; top: 80px !important;}
    .hb-logo{scale: 60%;}
    .thk-cta{ max-width: 350px; font-size: 5vw;}
    .image-hb{width: 100%; top: 30px;}
    .txt-ama {font-size: 8vw; line-height: 50px;}
    .txt-yllw{font-size: 20vw;}
    .txt-blck{font-size: 6vw;}
    .organix{margin-top: -40px;font-size: 8vw; line-height: 35px;}



    .secciones{max-width: 300px;margin: auto; padding-bottom: 50px;}
    .shampoo-iconos-mob{display: flex !important;}
    .shampoo-iconos{display: none !important;}
    .cta-prods{max-width: 300px !important;padding-top: 10px;padding-bottom: 10px;}
    .pill1{padding-left: 52px !important; padding-right: 52px !important;}
    .pill2{padding-left: 25px !important; padding-right: 30px !important;}
    .nav-pills-P .nav-link-P {font-size: 4.6vw; width: 250px; margin-bottom: 15px;}
    .slider-contenido{max-width: 310px;}
    .carousel-control-next-icon, .carousel-control-prev-icon {width: 2rem !important;height:2rem !important;}
    .carousel-control-next, .carousel-control-prev { width: 15%;}
    .productos {padding-top: 30px;}
    .P-tab {margin-top: 50px;}
    .P-text{font-size: 15px;}

    .carousel-control-prev{left: 0px !important;}
    .carousel-control-next {right: 0px !important;}
    .nav-pills-P a{display: contents !important;}

    .cntnt { margin: -30px auto 0px auto !important;}
    .thkmenu {display: contents; margin-bottom: 100px !important; }

}