/* VARS */
html{
    --text: #374957;
    --bg_button: #50B6F3;
	--bg_button_hover: #46A0D6;
    --color_button: #fff;
    --bg_bar: #08192B;
    --bg_header: #1B86C6;
    --ic_header: #fff;
    --ic_header_favoritos: #fff;
    --ic_header_account: #fff;
    --ic_header_cart: #fff;
    --ic_modal_help: #f06449;
    --color_header: #fff;
    --border_header: #ccc;
    --ic_search: #333;
    --border_search: #dfdfdf;
    --bg_nav: #1B86C6;
    --color_nav: #fff;
    --color_bg_nav: #156EA4;
    --nav_bg_sub: #fff;
    --nav_border_sub: #1B86C6;
    --nav_color_sub: #58595b;
    --bg_menu_header: #fff;
    --title_menu_header: #58595b;
    --color_menu_header: #6b7e8d;
    --border_menu_header: #1B86C6;
    --button_menu: #0b2239;
    --button_menu_hover: #081829;
    --button_menu_register: #6b7e8d;
    --button_menu_register_hover: #4e6272;
    --button_cart: #0b2239;
    --button_cart_hover: #0b2239;
    --color_button_menu: #fff;
    --border_product_menu: #f5f5f5;
    --button_details: #08192B;
    --button_details_hover: #0b2239;
    --button_add: #374957;
    --color_title: #374957;
    --color_title_border: #f03e40;
	--bg_list_nav: #1b86c6;
	--bg_list_nav_hover: #156ea4;
    --color_price: #f06449;
    --bg_bar_news: #fafafa;
    --title_bar_news: #0b2239;
    --text_bar_news: #6b7e8d;
    --bg_modal_news: #fff;
    --border_modal_news: #dfdfdf;
    --color_modal_news: #6b7e8d;
    --title_modal_news: #0b2239;
    --bg_block: #156EA4;
    --color_title_block: #fff;
    --color_subtitle_block: #8f8f8f;
    --bg_line: #fff;
    --border_line: #eceae7;
    --border_vitrine: #f0f0f0;
    --tags_product: #05a8aa;
    --bg_timer: #f16449;
    --bg_depoimentos: #fafafa;
    --title_depoimentos: #0b2239;
    --color_depoimentos: #6b7e8d;
    --bg_atendimento: #f8f8f8;
    --title_atendimento: #374957;
    --color_atendimento: #6b7e8d;
    --border_block: #f8f8f8;
    --icon_block: #2eb3e3;
    --bg_footer: #1B86C6;
    --border_footer: #156EA4;
    --title_footer: #fff;
    --text_footer: #fff;
    --bg_bar_footer: #156EA4;
    --color_bar_footer: #fff;
    --button_buy: #0b2239;
    --button_buy_hover: #0b2239;
    --button_shipping: #4ad295;
    --button_shipping_hover: #3dbb82;
    --button_finish: #0b2239;
    --button_finish_hover: #0b2239;
    --header_checkout: #1B86C6;
    --icon_checkout: #fff;
    --title_header_checkout: #fff;
    --subtitle_header_checkout: #fff;
}
       

/* BODY */
body{
	overflow-x: hidden;
}

.nav{
	border-top: 1px solid #156EA4;
}
        
#corpo .secao-principal .line-info{
	margin-top: 0;
    margin-bottom: 0;
}
        
.bg-section::before{
	width: 100vw;
}

.fixed-alerts{
    display: none;
}
        
.bandeiras-produto span{
	background-color: #f16449 !important;
    font-weight: bold;
}
        
#rodape{
	color: #fff;
}
        
.pagamento .text{
	max-width: 100% !important;
}

.input-append .add-on, .input-prepend .add-on{
    padding: 5px;
}
        
#formularioCheckout .controls input, 
#formularioCheckout .controls select{
    height: auto;
	padding: 5px;
}
        
#modalNewsletter .newsletter .botao::before{
	font-family: 'Roboto', sans-serif !important;
}


/* WHATSAPP FLOAT BUTTON */
.whatsapp-float{
  bottom: 2rem;
  font-size: 1.2em;
  text-decoration: none;
  position: fixed;
  z-index: 99;
}

.whatsapp-float.left{
  left: 2rem;
}

.whatsapp-float.right{
  right: 2rem;
}

.whatsapp-float .whatsapp-button{
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  background: linear-gradient(to bottom, #5AD165, #22B039);
  color: white;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.whatsapp-float:hover .whatsapp-button,
.whatsapp-float:focus .whatsapp-button,
.whatsapp-float:active .whatsapp-button{
  background: linear-gradient(to bottom, #57CE62, #1FA032);
}

.whatsapp-float .whatsapp-button i{
  font-size: 2em;
}

.whatsapp-float .whatsapp-call{
  line-height: .75rem;
  top: .50rem;
  color: #222;
  background-color: #fff;
  border: 1px solid #39bd4b;
  border-radius: 1rem;
  box-shadow: 2px 2px 0 rgba(57, 189, 75, .3);
  font-size: .8em;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 1;
}

.whatsapp-float.left .whatsapp-call{
  left: 2rem;
  padding: .5rem .75rem .5rem 2rem;
}

.whatsapp-float.right .whatsapp-call{
  right: 2rem;
  padding: .5rem 2rem .5rem .75rem;
}
        
        
@media (max-width: 768px) {
  /* Reduz o tamanho da fonte */
  body {
    font-size: 14px;
  }

  /* Ajusta o layout da navegação */
  .menu {
    flex-direction: column;
  }

  /* Ajusta o tamanho dos banners */
  .banner {
    height: 150px;
  }
}