/** Shopify CDN: Minification failed

Line 45:0 All "@import" rules must come first

**/
/*
Theme Name: LP Cozinha Confeitar
Description: Confeitar
Version: 1.0
Tags: landing page
Author: Henryson Vieira
*/


/* SCROLLBAR */
/* ===== Scrollbar para Chrome, Edge e Safari ===== */
::-webkit-scrollbar{
  width: 12px;                  /* largura da barra */
  height: 12px;                 /* altura da barra horizontal */
}

::-webkit-scrollbar-track{
  background: #392316;        /* cor de fundo */
}

::-webkit-scrollbar-thumb{
  background-color: #f7b24d;  /* cor da barra */
  border-radius: 6px;           /* borda arredondada */
  border: 2px solid #392316;  /* "espaço" entre a barra e o fundo */
}

/* setas */
::-webkit-scrollbar-button{
  background-color: #f7b24d;
}

/* ===== Scrollbar para Firefox ===== */
*{
  scrollbar-width: thin;                   /* "auto" | "thin" */
  scrollbar-color: #f7b24d #392316;    /* thumb cor | track cor */
}


/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');


/* RESET */
html{
  scroll-behavior: smooth;
}

body{
  font-family: "Comfortaa", sans-serif !important;
  overflow-x: hidden;
  color: #7a4045;
}

header#ntheader, .h-\[100px\].md\:h-\[120px\].xl\:h-\[170px\], .whatsFloat{
  display: none !important;
}

img{
  width: 100%;
}

a{
  transition: .3s !important;
}

a:hover{
  text-decoration: none;
}

h1, h2, h3, h4, h5{
  font-family: "Comfortaa", sans-serif !important;
  font-weight: bold;
  color: #492d19;
}

h1 span, h1 em, h2 span, h2 em, h3 span, h3 em{
  font-family: "Comfortaa", sans-serif !important;
}

h2 small{
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: .5rem;
  color: #7a4045;
}

h2 small, h2 em{
  display: block;
}

ul{
  padding: 0;
}

ul li{
  list-style: none;
}

.container-fluid{
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 1rem;
}

.btn-lp{
  border-radius: 50px;
  background: #e47c33;
  border: 2px solid #fff;
  padding: .75rem 1.25rem;
  font-size: 16px;
  line-height: 18px;
  color: #FFF;
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
}

.btn-lp-reverse{
  border: 2px solid #ffffff;
  background: none;
}

.btn-buy::before{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 10px;
  background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/lp-chocolate-po-icons-button.svg?v=69119433009525341151787192396) no-repeat;
  background-size: 100% auto;
  transition: .3s;
}

.btn-buy::before{
  background-position: 0 0;
}

.btn-talk::before{
    background-position: 0 -30px;
}

.btn-table::before{
    background-position: 0 -60px;
}

.btn-lp:hover{
  background-color: #f38b40 !important;
  color: #FFF;
}


@media (max-width: 576px){
  .btn-lp{
    border-radius: 40px;
    padding: .5rem 1rem;
    font-size: 14px;
    line-height: 18px;
  }

  .btn-buy.no-icon-mobile::before{
    display: none !important;
  }

  h2{
    font-size: 22px;
    line-height: 28px;
  }

  h2 small{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 4px;
  }

  h4{
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 576px) and (max-width: 992px){
  h2{
    font-size: 26px;
    line-height: 34px;
  }

  h2 small{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 4px;
  }

  h4{
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1200px){
  h2{
    font-size: 30px;
    line-height: 40px;
  }

  h2 small{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 5px;
  }

  h4{
    font-size: 26px;
    line-height: 36px;
  }
}

@media (min-width: 1200px) and (max-width: 1600px){
  h2{
    font-size: 42px;
    line-height: 52px;
  }

  h2 small{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 6px;
  }

  h4{
    font-size: 30px;
    line-height: 42px;
  }
}

@media (min-width: 1600px){
  h2{
    font-size: 45px;
    line-height: 55px;
  }

  h2 small{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 8px;
  }
}

section{
  position: relative;
  overflow: hidden;
}

.skew::after{
  content: "";
  display: block;
  width: 100%;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  position: relative;
  bottom: -1px;
}

.skew-reverse::after{
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}

@media (max-width: 992px){
  .skew::after{
    height: 30px;
  }
}

@media (min-width: 992px){
  .skew::after{
    height: 100px;
  }
}


figure{
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 500px;
  margin: 0;
}

figure::before, figure::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 20;
}

figure::before{
  bottom: -20px;
  z-index: 30;
  background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/logo-amo-confeitar.svg?v=102284186700454831971787192387) no-repeat center;
  background-size: 100% auto;
}

figure::after{
  border: 3px solid rgba(249, 204, 208, .3);
  width: 94%;
  height: 94%;
  top: 3%;
  left: 3%;
}

figure img{
  position: relative;
  z-index: 20;
  object-fit: cover;
}

.checked li{
  display: flex;
  margin-bottom: .5rem;
}

.checked li::before{
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: .75rem;
  background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/lp_ritzmann_icon-checked.svg?v=21949115109136459241787192451) no-repeat center;
  background-size: 100% auto;
}


@media (max-width: 992px){
  figure::before{
    width: 40px;
    height: 50px;
    left: calc(50% - 30px);
  }
  
  figure::after, figure img{
    border-radius: 20px;
  }
}

@media (min-width: 992px){
  .btn-lp:hover{
    border-color: #f8a162;
  }

  .btn-lp:hover::before{
    margin: 0 13px 0 3px;
    transform: scale(1.3);
  }
  
  figure::before{
    width: 60px;
    height: 70px;
    left: calc(50% - 30px);
  }

  figure::after, figure img{
    border-radius: 60px 0 60px 0;
  }
}

@media (min-width: 1280px){
  .container-fluid{
    padding: 0 50px;
  }
}


.anc-lp{
  position: absolute;
}

@media (max-width: 576px){
  .anc-lp{
    top: -70px;
  }
}

@media (min-width: 576px) and (max-width: 992px){
  .anc-lp{
    top: -80px;
  }
}

@media (min-width: 992px){
  .anc-lp{
    top: -80px;
  }
}


/*HEADER*/
.header-height{transition: .3s;}
header.header-lp{position: fixed; top: 0; z-index: 9980; width: 100%; background: #777676; transition: .6s; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);}
header.header-lp .container-fluid .row{transition: .3s;}
/* header.header-lp .navbar-brand{position: absolute; top: .25rem; left: 1rem;} */
header.header-lp .navbar-brand svg{transition: .6s; width: 100%; height: auto;}
header.header-lp .navbar-brand .logo-icon, header.header-lp .navbar-brand .logo-r, header.header-lp .navbar-brand .logo-text{transition: .6s;}

header.header-lp .navbar-nav .nav-item{position: relative;}
header.header-lp .navbar-nav .nav-item .nav-link{font-size: 14px; color: #fff; line-height: 30px; white-space: nowrap; position: relative; padding: .5rem 1rem;}
header.header-lp .navbar-nav .nav-item .nav-link:not(.btn-lp)::before{content: ''; display: block; width: 40%; height: 5px; border: none; background: #FFF; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
header.header-lp .navbar-nav .nav-item.show .nav-link::before{display: none !important;}
header.header-lp .navbar-nav .nav-item:hover .nav-link::before, header.header-lp .navbar-nav .nav-item.active .nav-link::before{width: 50%; opacity: 1;}

header.header-lp .navbar-nav .nav-item .nav-link.btn-lp{background: #FFF; color: #777676;}

header.header-lp .open-menu{display: none; transition: .6s;}
header.header-lp .open-menu img{width: 30px; height: 30px; padding: 2px; cursor: pointer;}

@media (max-width: 576px){
	header.header-lp .container-fluid .row, .header-height{height: 70px;}
  header.header-lp.header-fixed .container-fluid .row, .header-height{height: 60px;}

	header.header-lp .navbar-brand{max-width: 150px;}
  header.header-lp.header-fixed .navbar-brand{max-width: 130px;}

}

@media (min-width: 576px) and (max-width: 1200px){
	header.header-lp .container-fluid .row, .header-height{height: 80px;}
  header.header-lp.header-fixed .container-fluid .row, .header-height{height: 70px;}

	header.header-lp .navbar-brand{max-width: 180px;}
  header.header-lp.header-fixed .navbar-brand{max-width: 150px;}
}

@media (min-width: 992px){
  header.header-lp .navbar-nav .nav-item .nav-link:hover{color: #FFF;}
  header.header-lp .navbar-nav .nav-item .nav-link.btn-lp:hover{padding: .5rem 1.5rem;}
}

@media (min-width: 1200px){
	header.header-lp .container-fluid .row, .header-height{height: 90px;}
	header.header-lp.header-fixed .container-fluid .row, .header-height{height: 70px;}

	header.header-lp .navbar-brand{max-width: 200px;}
	header.header-lp.header-fixed .navbar-brand{max-width: 160px;}

	header.header-lp .menu-mobile{position: absolute; top: 25px; right: 0; width: 100%; padding: 0 1rem;}
	header.header-lp .menu-mobile.menu-mobile-opened{padding-bottom: 70px;}
}

@media (max-width: 1280px){
	#collapsibleNavbar{display: none;}
	.open-menu{display: flex !important;}
}


/* HEADER FIXED */
header.header-fixed .navbar-brand .logo-text{fill: #FFF;}
header.header-fixed .navbar-brand .logo-icon{fill: rgba(255,255,255,0.2);}
/* header.header-fixed .navbar-nav .nav-item .nav-link{color: #FFF;} */
/* header.header-fixed .navbar-nav .nav-item .nav-link::before{background: #FFF;} */
header.header-fixed .open-menu{filter: brightness(100);}


#menuMobile{background: #e0c8a8; position: fixed; z-index: 9999; top: 0; left: -100%; width: 85%; max-width: 400px; height: 100%; transition: 1s;}
#menuMobile .logo-menu-mobile{background: #492d19; padding: 1.5rem; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);}
#menuMobile .logo-menu-mobile img{width: 160px;}
#menuMobile .menuNav{height: calc(100% - 100px); overflow-y: auto;}
#menuMobile .navbar-nav{max-width: 300px; padding: 1.5rem; margin: 0 auto;}
#menuMobile .navbar-nav .nav-link{padding: .6rem 1rem !important; font-size: 16px; color: #492d19; text-align: center;}
#menuMobile .navbar-nav .nav-item:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

#menuMobile.menuOpened{left: 0;}

.overlay{position: fixed; z-index: 9990; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.overlay::before{content: ''; position: absolute; right: 10px; top: 20px; display: block; width: 30px; height: 30px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDcuOTcxIDQ3Ljk3MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcuOTcxIDQ3Ljk3MTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg==) no-repeat center; background-size: 60% auto; cursor: pointer;}



/* GALERIA */
.gallery{gap: 1rem;}
.gallery > div{border: 1px solid #eee; background: #FFF; padding: .5rem; transition: .3s; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.gallery > div div{overflow: hidden;}
.gallery > div div::after, .gallery > div div::before{content: ""; display: block; width: 30px; height: 30px; position: absolute; right: 0; bottom: 0;}
.gallery > div div::after{border-radius: 12px 0 0 0;}
.gallery > div div::before{z-index: 10;}
.gallery > div div img{width: 100%; transition: .3s;}

.modal-gallery{display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9); align-items: center; justify-content: center; opacity: 0; transition:  opacity .25s ease;}
.modal-gallery.ativo{display: flex; opacity: 1;}
.modal-conteudo{position: relative; max-width: 90%; max-height: 90%; transform: scale(.96); opacity: 0; transition: all .25s ease;}
.modal-gallery.ativo .modal-conteudo{transform:  scale(1); opacity: 1;}
.modal-conteudo img{max-width: 100%; max-height: 90vh; object-fit: contain; display: block; transition: opacity .2s ease;}
.modal-close{position: absolute; top: -40px; right: 0; font-size: 40px; color: #fff; cursor: pointer;}
.gallery-prev, .gallery-next{position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; font-size: 30px; cursor: pointer;}
.gallery-prev{left: -60px;}
.gallery-next{right: -60px;}

@media (min-width: 992px){
  .gallery > div:hover{cursor: pointer; transform: scale(1.05);}
  .gallery > div:hover div img{transform: scale(1.2); transition: 2s;}
}



/* BANNER */
.banner{position: relative;}
.banner::after, .banner::before{content: ''; display: block; position: absolute; z-index: 10; left: 0; top: 0;}
.banner::after{width: 100%; height: 100%; background: rgba(0,0,0,0.75);}
.banner::before{right: 0; bottom: 0; transform-origin: bottom left; background-size: cover !important;}
.banner .container-fluid{position: relative; z-index: 20;}

@keyframes bgBanner{
  0% { transform: scale(1);}
  100% { transform: scale(1.1); }
}

.banner h2{color: #fff;}
.banner h2 small{color: #e47c33;}
.banner p{color: #f7bf98;}
.banner .checked{color: #FFF; gap: .5rem;}
.banner .checked li{border: 1px solid rgba(255, 255, 255, 0.2); align-items: center; padding: .25rem .5rem; margin: 0; font-size: 75%;}
.banner .checked li::before{margin-right: .5rem;}
.banner .rating{border: 1px solid rgba(194, 155, 67, 0.2); background: rgba(194, 155, 67, 0.1);}
.banner .rating::before{content: ""; display: block;}
.banner .rating span{color: #c29b43;}
.banner .rating p{font-size: 80%;}
.banner .skew{position: absolute; z-index: 15; left: 0; bottom: 0; width: 100%;}
.banner .skew::after{background: #F5F5F5;}

@media (max-width: 576px){
  .banner{min-height: 400px;}
  .banner::before{background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/lp-cozinha-confeitar-banner-mobile.jpg?v=69420600680110940961787192402) no-repeat bottom right; animation: bgBanner 8s ease-in-out alternate infinite;}
}

@media (min-width: 576px) and (max-width: 992px){
  .banner{min-height: 550px;}
  .banner::before{background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/lp-cozinha-confeitar-banner-desktop.jpg?v=132738813560577970631787192401) no-repeat bottom left; animation: bgBanner 10s ease-in-out alternate infinite;}
}

@media (min-width: 992px){
  .banner{min-height: 900px;}
  .banner::before{background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/lp-cozinha-confeitar-banner-desktop.jpg?v=132738813560577970631787192401) no-repeat bottom left; animation: bgBanner 15s ease-in-out alternate infinite;}
}



/* ESTRUTURA */
.estrutura{background: #F5F5F5;}
.estrutura .skew{background: #F5F5F5;}
.estrutura .skew::after{background: #492d19;}

.estrutura .gallery > div div::after{background: #FFF; }
.estrutura .gallery > div div::before{background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/zoom-brown.svg?v=139097015808536142951787192503) no-repeat center; background-size: 60%}

@media (max-width: 576px){
  .estrutura .gallery > div{width: calc(100%/2 - .5rem)}
}

@media (min-width: 576px){
  .estrutura .gallery > div{width: calc(100%/4 - .8rem)}
}



/* EXPOSICAO */
.exposicao{background: #492d19;}
.exposicao h2{color: #FFF;}
.exposicao h5{color: #e47c33;}
.exposicao p{color: #f7bf98;}
.exposicao .gallery > div{background: transparent; border-color: rgba(255,255,255,0.3);}
.exposicao .gallery > div div{position: relative;}
.exposicao .gallery > div div::after{background: #fff; }
.exposicao .gallery > div h3{margin: .5rem .5rem 0 .5rem; text-align: center; color: #FFF;}
.exposicao .gallery > div div::after{background: #492d19; }
.exposicao .gallery > div div::before{background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/zoom-white.svg?v=154058487806731385311787192504) no-repeat right 8px; background-size: 60%}
.exposicao .skew{background: #492d19;}
.exposicao .skew::after{background: #eee;}


@media (max-width: 992px){
  .exposicao .gallery > div{width: calc(100%/2 - .8rem)}
  .exposicao .gallery > div h3{font-size: 14px; padding: .5rem .25rem;}
}

@media (min-width: 992px){
  .exposicao .gallery > div{width: calc(100%/3 - .8rem)}
  .exposicao .gallery > div h3{font-size: 18px; padding: 1rem .5rem;}
}



/* BENEFICIOS */
.beneficios{background: #eee;}
.beneficios h5{color: #7a4045;}
.beneficios .topics{gap: 1rem;}
.beneficios .topics li{padding: 1.5rem; border-radius: 12px; background-color: #f5f5f5; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); overflow: hidden;}
.beneficios .topics li h5{color: #492d19;}
.beneficios .topics li:last-child{background: none; box-shadow: none;}
.beneficios figure{margin: 0 auto;}
.beneficios .skew{background: #eee;}
.beneficios .skew::after{background: #492d19;}

@media (max-width: 576px){
  .beneficios .topics li{width: 100%;}
}

@media (min-width: 576px){
  .beneficios .topics li{width: calc(100%/2 - 1rem);}
}



/* COTAS */
.cotas{background: #492d19;}
.cotas h2{color: #FFF;}
.cotas p{color: rgba(255, 255, 255, 0.7);}
.cotas .plano{background: rgba(255, 255, 255, 0.9); border-radius: 40px 6px 40px 6px; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); position: relative; overflow: hidden;}
.cotas .plano::before{content: ""; position: absolute; bottom: calc(100% - 70px); left: calc(100% - 70px); width: 200px; height: 200px; transform: rotate(45deg);}
.cotas .plano.plano-ouro::before{background: linear-gradient(90deg, #8a6a00 0%, #c89b00 20%, #ffd700 50%, #fff2a8 75%, #c89b00 100%);}
.cotas .plano.plano-prata::before{background: linear-gradient(90deg, #6f7680 0%, #aeb5bd 25%, #f4f6f8 50%, #c5ccd4 75%, #7b838c 100%);}
.cotas .plano.plano-bronze::before{background: linear-gradient(90deg, #6f3d17 0%, #9b5c2b 25%, #cd7f32 50%, #e2a46c 75%, #8a4b20 100%);}
.cotas .plano .header{border-bottom: 2px solid #f9ccd0;}
.cotas .plano .header p{color: #7a4045;}
.cotas .plano .checked .del::before{background: url(//amoconfeitar.com.br/cdn/shop/t/24/assets/menu-mobile-close.svg?v=5977914531309675261787192464) no-repeat center #bbb; background-size: 65% !important;}
.cotas .plano .btn-lp{width: 100%; text-align: center; padding: 1.25rem;}

@media (min-width: 992px){
  .cotas .plano .btn-lp:hover{transform: scale(1.05) translateY(-5px);}
}