@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@charset "utf-8";
:root {
    /* CORES */

	/* Prim�rias */
	--color-primary-light: #8BC8E4;
    --color-primary: #2C66AF;
    --color-primary-dark: #092835;
	--color-primary-tranparency: rgba(44,102,175,.25);
	/* Secundarias */
	--color-secondary-light: #8BC8E4;
    --color-secondary: #2C66AF;
    --color-secondary-dark: #092835;
	--color-secondary-tranparency: rgba(44,102,175,.25);
	/* Terciarias */
	--color-tertiary-light: #8BC8E4;
    --color-tertiary: #2C66AF;
    --color-tertiary-dark: #092835;
	--color-tertiary-tranparency: rgba(44,102,175,.25);
	/* Quaternarias */
	--color-quaternary-light: #8BC8E4;
    --color-quaternary: #2C66AF;
    --color-quaternary-dark: #092835;
	--color-quaternary-tranparency: rgba(44,102,175,.25);

	--white: #fff;
	--light-gray: #F3F3F3; 
	--gray:#343a40;
	--dark-gray: #2E2F36;
	--form-border: #D8D8D8;


	--white-transparent: rgba(255,255,255,.7);
	--light-gray-transparent: rgba(243,243,243,.7); 
	--gray-transparent:rgba(52,58,64,.7);
	--dark-gray-transparent: rgba(61,61,61,.7);
	--form-border-transparent: rgba(216,216,216,.7);

	/* BACKGROUNDS */
	--background-navbar: #fff;
	--background-pagina: #fff;
	--backgroundimages: #fff;
	--background-newsletter: #BFD4EF;
	--background-footer: #fff;
	--background-subfooter:  #fff;

}
.text-align-left{
	text-align: left;
}
.text-align-center{
	text-align: center;
}
.text-align-right{
	text-align: right;
}
*{
	font-family: "Noto Sans", sans-serif;
}
/*LOGIN*/
#s-login-b2b {
    background-image: linear-gradient(5deg, rgba(25,62,95,1) 0%, rgba(92,92,92,1.00) 85%);
	background-position: top center;
    background-repeat: repeat-x;
}
#s-login-b2b .s-login-b2b-container .s-login-b2b-card {
    margin: 2px auto;
}

/* P�gina */
body, body > main{
    background-color: var(--background-pagina);
}

/* Bot�es */
.btn-secondary {
    background-color: var(--color-primary);
    border: none;
    transition: 0.3s;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary-dark);
}

.btn-secondary:focus {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-tranparency);
}


.s-carrinho .btn-finalizar-pedido:hover {
    background-color: var(--color-primary-dark);
    border: none;
}

/* Bot�es Gradientes */
.btn-grad {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), color-stop(var(--color-primary)), color-stop(var(--color-primary-light)), to(var(--color-primary-dark)));
    background-image: linear-gradient(to right, var(--color-primary), var(--color-primary), var(--color-primary-light), var(--color-primary-dark));
    border: none;
}

/* Bot�es outline */
.btn-outline-secondary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-secondary:hover {
    color: var(--font-tertiary);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: var(--font-tertiary);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.c-customInput input:checked:focus ~ .b-input, .c-customInput:hover input:not([disabled]):checked ~ .b-input {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/* NAVBAR */
#header-modelo-1 .navigation-clean {
    background-color: var(--background-navbar);
    color: var(--font-secondary);
    box-shadow: 0 1px 5px rgb(255 255 255 / 24%);
	border: none;
}

#header-modelo-1 .navigation-clean .navbar-collapse {
    border: none;
    background-color: var(--background-navbar);
}

#buscaPor {
    background-color: var(--font-tertiary);
}

#s-menu-categorias-horizontal .navbar {
    background: var(--color-primary) !important;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link {
    color: var(--font-tertiary);
    background: var(--color-primary);
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:hover {
    background-color: var(--color-primary-dark);
}
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .active > .nav-link, #s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.active, #s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.show, #s-menu-categorias-horizontal .navbar-dark .navbar-nav .show > .nav-link,
#s-menu-categorias-horizontal .dropdown-menu
{
    color: var(--font-tertiary);
    background: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a {
    color: var(--font-tertiary);
    background: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a:hover{
    background: var(--color-primary) !important;
}

/* Detalhes de Produto */
.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li{
	background-color: transparent;
}
.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link {
	border-radius: 10px;
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link:hover {
    background-color: var(--color-primary);
    color: var(--font-tertiary);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link i {
    color: var(--color-primary);
}

/* Header - Search */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar {
    background-color: var(--font-tertiary);
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    color: var(--font-tertiary);
    background-color: var(--color-primary);
}

/* Header - Bot�o de produtos */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos:hover {
    background-color: var(--color-primary-dark);
}

/* Header- Icones */

#header-modelo-1 .navigation-clean .navbar-nav .nav-item #btnCreditos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item:hover #btnCreditos {
    background-color: var(--color-primary-dark);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon i {
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon:hover i {
    color: var(--color-primary-dark);
}

/* Icone de busca */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar {
    background-color: var(--color-primary-dark);
    color: var(--font-tertiary);
}

/* Newsletter */
#s-newsletter .s-newsletter {
    background-color: var(--color-primary);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn {
    background-color: var(--color-primary);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn:hover {
    background-color: var(--color-primary-light);
}

/* Detalhes de produtos*/
.s-produtos-detalhes .card .card-body .resumo-valor-total {
    background-color: var(--color-primary-dark);
}

/* Detalhes de produtos Box */
.s-produtos-detalhes .s-produtos-detalhes-cabecalho {
    background-color: var(--color-primary-dark);
}

.s-produtos-detalhes .s-produtos-detalhes-titulo,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-valor,
.s-produtos-detalhes .s-produtos-detalhes-minidescricao,
.s-produtos-detalhes-informativo-valores {
    color: var(--font-tertiary);
}

.s-produtos-detalhes .s-produtos-detalhes-codigo {
    color: var(--font-tertiary);
}

/* Titulos */
#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-nome {
    color: var(--font-secondary);
}

.titulo {
    color: var(--font-secondary);
}

.subtitulo {
    color: var(--font-secondary);
}

.s-produtos-card-container .s-produtos-card .s-produtos-card-body .s-produtos-card-titulo {
    color: var(--font-primary);
}

/* Pagina��o */
.page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--font-tertiary);
}

/* Footer */
#footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-4, #footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-3, #footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-2 {
	width: 23% !important;
	flex: 0 0 23.333333%;
	max-width: 23% !important;
}
#footer .s-footer {
    background-color: var(--background-footer);
    color: #000;
    border-top: solid 1px var(--color-primary-dark);
}

#footer .s-footer .s-footer-titulo {
    color: #000;
}

#footer .s-footer .s-footer-listagem .s-footer-listagem-item .s-footer-listagem-item-link {
    color: #000;
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link {
    color: #000;
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link:hover {
    color: #000;
}

#footer .s-footer .s-footer-contato .s-footer-contato-item .s-footer-contato-item-link {
    color: #000;
}

/* Subfooter */
#footer .s-subfooter {
    background-color: var(--color-primary);
}

/*Sidebar home*/
#index #sidebar{
	display: none;
}

#upper-header {
    background: var(--color-primary) !important;
}

#safebrowsing, #ra-verified-seal {
    margin-top: 8px;
}

#innerResumo > div > div.card-header, #innerResumo > div > div.card-body > div:nth-child(1) {
    display: none
}
#produtos-mix .s-produtos-mix .table-mix-categorias tbody tr td .table-mix-categorias-box-img .table-mix-categorias-img {
    height: 151px !important;
    background-size: contain !important;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 735px !important;
	}
}

/*29/04/2024*/
main{
	margin-top: 140px !important;
}
#header-modelo-1 .nav-up {
    top: -140px;
}

#s-produtos-lancamento .container-fluid,
#s-produtos-destaque .container-fluid,
#s-produtos-vendidos .container-fluid,
#s-subcategorias .container-fluid,
#quemPersonaliza .container
{
	max-width: 1140px !important;
}
#upper-header .container,
#s-categorias-blocos .container-fluid
{
	max-width: 80% !important;
}
#vantagens-loja .container,
#conheca-loja .container
{
	max-width: 100% !important;
}
#s-menu-categorias-horizontal,
#header-carrinho-btn i,
#dropdownMinhaConta i,
#innerFreteOpcoes > div.row.jsFreteOpcoes > div > div > div:nth-child(2) > table > tbody > tr:nth-child(1) > td.frete-tabela-valor.jsFreteValor > span,
#s-categorias-blocos .s-categorias-blocos-titulo,
#s-categorias-destaque,
#s-slider-mini-banner,
#s-biblioteca-imagens,
#s-parceiros-nav,
#tabela-frete > tbody > tr:nth-child(1) > td:nth-child(4),
#innerProdutos > form > table > thead > tr > th:nth-child(3),
#innerProdutos > form > table > thead > tr > th:nth-child(4),
#innerProdutos > form > table > tbody > tr > td.jsItemNumeracao,
#innerProdutos > form > table > tbody > tr > td.jsItemAcoes,
#vantagens-loja,
#segmentosLoja,
#conheca-loja,
#quemPersonaliza
{
	display: none !important;
}

#upper-header a, #upper-header p{
	color: white;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.20000000298023224px;
	margin: 0;
}

.col-upperHeader{
	margin-left: 25px;
	padding: 0;
	vertical-align: middle;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos,
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.links{
    margin: 0 1rem;
	font-size: 0.8rem !important;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search{
	margin-left: 1rem;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos, #header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos:hover {
	color: #2d2d2d !important;
    background-color: white !important;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos:hover{
	text-decoration: underline;
}
#header-carrinho-btn, #dropdownMinhaConta {
    display: list-item;
    width: 16px;
    height: 16px;
    margin: 0 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#header-carrinho-btn{
	background-image: url("../images/icones/header-carrinho.png");
}
#dropdownMinhaConta{
	background-image: url("../images/icones/header-usuario.png");
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-carrinho .cart-number {
    position: relative;
    top: 5px;
    color: var(--color-primary);
    line-height: 5px;
    left: 15px;
	text-align: left;
}
#frmBusca .form-control {
    color: #495057;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
}
#s-slider-desktop .carousel-inner {
    position: relative;
    width: 98%;
    overflow: hidden;
    margin: auto;
}
#s-categorias-blocos .s-categorias-blocos .container-fluid .jsCategoriasBlocosRow > div {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	margin: 0 !important;
}
.section-padding {
    padding: 4rem 0;
}
.s-categorias-blocos .s-categorias-blocos-card .s-categorias-blocos-card-box .s-categorias-blocos-card-img {
    max-width: 160px;
	background-color: var(--color-primary);
}
.s-categorias-blocos .s-categorias-blocos-card, .s-categorias-blocos .s-categorias-blocos-card:hover {
    border: none;
}
.s-categorias-blocos .s-categorias-blocos-card .s-categorias-blocos-card-box .s-categorias-blocos-card-img {
    border-radius: 200px;
}
.s-categorias-blocos .s-categorias-blocos-card .s-categorias-blocos-card-box .s-categorias-blocos-card-label {
    position: relative;
	top: 0;
    left: 0;
    width: 100%;
	margin: 0;
    color: var(--color-primary);
    background-color: transparent;
    -webkit-transform: inherit;
    transform: inherit;
    padding: 4px;	
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24.2px;
	letter-spacing: 0.20000000298023224px;
}

#s-produtos-lancamento .s-produtos-destaque .s-produtos-destaque-titulo,
#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-nome,
#s-produtos-vendidos .s-produtos-destaque .s-produtos-destaque-titulo
{
	font-family: "Noto Sans", sans-serif;
    color: #252B42;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: solid 2px #ECECEC;
    padding: 0 0 1rem 0;
    margin: 0 0 2rem 0;

}
#s-produtos-destaque .s-produtos-destaque {
    padding: 3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
.s-produtos-card-container .s-produtos-card-box-img,
.s-produtos-card-container .s-produtos-card,
.s-produtos-card-container .s-produtos-card-body,
.s-produtos-card-container .card-footer{
	border: none !important;
	background: white !important;
}
#passo-a-passo-Home{
	margin: 1rem 0;
}
#passo-a-passo-Home .container{
    padding: 15px 0 0 30px;
}
.home-step{
	height: 150px;
	padding: 0 1rem;
	position: relative;
	overflow: hidden;
}
.home-step:nth-child(odd) {
	background-color:var(--color-primary);
}
.home-step:nth-child(even) {
	background-color:var(--color-primary-light);
}
.home-step::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
	border-color: transparent;
}
.home-step:nth-child(odd)::after {
    border-top: 75px solid var(--color-primary-light);
    border-bottom: 75px solid var(--color-primary-light);
    border-left: 50px solid var(--color-primary);
    border-right: 0 solid var(--color-primary-light);
    transform: translateX(0);
}
.home-step:nth-child(2)::after {
    border-top: 75px solid var(--color-primary);
    border-bottom: 75px solid var(--color-primary);
    border-left: 50px solid var(--color-primary-light);
    border-right: 0 solid var(--color-primary);
    transform: translateX(0);
}
.home-step .row{
	z-index: 23;
	padding-right: 2rem;
}
.home-step h3{
	font-family: "Noto Sans", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
}
.home-step:nth-child(odd) h3{
	color: white;
}
.home-step:nth-child(even) h3{
	color: var(--color-primary);
}
.home-step h6{
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
	margin: 0;
}

.home-step p{
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
	margin: 0;
}
.home-step:nth-child(odd) h6, .home-step:nth-child(odd) p{
	color: white;
}
.home-step:nth-child(even) h6, .home-step:nth-child(even) p{
	color:var(--color-primary);
}
#vantagens-loja, #conheca-loja{
	padding: 0;
	margin: 0 0  3rem 0;
}
#vantagens-loja .col-12{
	padding: 0;
}
#vantagens-loja h2{
	font-family: "Noto Sans", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 47.25px;
	text-align: left;
	color:#232233;
}
#vantagens-loja p{
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:#6C6C72;
}
#vantagens-loja .vantagens-box{
	padding: .5rem;
}
#vantagens-loja .vantagens-box-inner{
	background: var(--color-primary);
	border-radius: 10px;
	padding: 1.5rem
}
#vantagens-loja .vantagens-box-inner p.linha1,
#vantagens-loja .vantagens-box-inner p.linha2,
#vantagens-loja .vantagens-box-inner p.linha3
{
	font-family: "Noto Sans", sans-serif;
	color:white;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}
#vantagens-loja .vantagens-box-inner p.linha1{
	font-size: 20px;
	margin-bottom: 25px;
}
#vantagens-loja .vantagens-box-inner p.linha2{
	font-size: 25px;
	margin-bottom: 30px;
}
#vantagens-loja .vantagens-box-inner p.linha3{
	font-size: 15px;
	line-height: 30px;
}

#segmentosLoja{
	background: #ffffff;
	padding: 3rem 0;
}
#segmentosLoja h2{
	font-family: "Noto Sans", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0.1px;
	text-align: center;
	color: #252B42;
	margin-bottom: 2rem;
}
#segmentosLoja p{
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.1px;
	text-align: center;
	color: #737373;
	margin-bottom: 4rem;
}
#segmentosLoja .foto {
  height: 100%;
  width:100%;
}
#segmentosLoja .segmento1,
#segmentosLoja .segmento2,
#segmentosLoja .segmento3,
#segmentosLoja .segmento4,
#segmentosLoja .segmento5
{
	position: relative;
	z-index: 0;
	transition: 0.3s;
}
#segmentosLoja .segmento1:hover,
#segmentosLoja .segmento2:hover,
#segmentosLoja .segmento3:hover,
#segmentosLoja .segmento4:hover,
#segmentosLoja .segmento5:hover
{
	z-index: 98;
	transform: scale(1.1);
}
#segmentosLoja .segmento1{
	padding-right: .5rem;
}
#segmentosLoja .segmento2{
	padding: 0 .5rem .5rem .5rem;
}
#segmentosLoja .segmento3{
	padding: 0 0 .5rem .5rem;
}
#segmentosLoja .segmento4{
	padding: .5rem .5rem 0 .5rem;
}
#segmentosLoja .segmento5{
	padding: .5rem 0 0 .5rem;
}
#segmentosLoja .segmento1 .foto,
#segmentosLoja .segmento2 .foto,
#segmentosLoja .segmento3 .foto,
#segmentosLoja .segmento4 .foto,
#segmentosLoja .segmento5 .foto
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-radius: 5px;
	border: solid 0px transparent;
	outline: solid 0px transparent;
	transition: 0.3s;
}
#segmentosLoja .segmento1:hover .foto,
#segmentosLoja .segmento2:hover .foto,
#segmentosLoja .segmento3:hover .foto,
#segmentosLoja .segmento4:hover .foto,
#segmentosLoja .segmento5:hover .foto
{
	border: solid 5px #00a64c;
	outline: solid 5px #ffffff;
	box-shadow: 0 2px 5px rgba(0,0,0,1);
}
#segmentosLoja .segmento1 .foto{
	aspect-ratio : 1 / 1;
	background-image: url("../images/banner/corporativo.png");
}
#segmentosLoja .segmento2 .foto{
	background-image: url("../images/banner/universitarios.png");
}
#segmentosLoja .segmento3 .foto{
	background-image: url("../images/banner/vestuario.png");
}
#segmentosLoja .segmento4 .foto{
	background-image: url("../images/banner/eventos.png");
}
#segmentosLoja .segmento5 .foto{
	background-image: url("../images/banner/brindes.png");
}
#segmentosLoja span {
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10000000149011612px;
    text-align: center;
    color: #252B42;
    display: table-caption;
    background-color: #ffffff;
    padding: 1rem 2rem;
    margin: -90px 0 0 20px;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
}
#quemPersonaliza{
	background: #FAFAFA;
	padding: 3rem 0;
}
#quemPersonaliza h2{
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0.20000000298023224px;
	text-align: center;
	color: #1E1E1E;
	margin-bottom: 2rem;
}
#quemPersonaliza h2 span{
	color: var(--color-primary);
}
#s-newsletter .container-fluid
{
	max-width: 60% !important;
}
#s-newsletter .s-newsletter {
    background-color: #FAFAFA;
	padding: 2rem 0;
}
#s-newsletter .s-newsletter .s-newsletter-texto {
	color: transparent;
	text-indent:-9999px;
	line-height:0;
	padding: 1rem 0 2.5rem 8rem;
	background-image: url("../images/icones/newsletter-ico.png");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
#s-newsletter .s-newsletter .s-newsletter-texto:before {
	content: 'Inscreva-se em nossa newsletter';
	display:flex;
	text-indent:0;
	color: #1E1E1E;
	font-size: 18px;
	font-weight: 600;
	line-height: 21.78px;
	letter-spacing: 0.09em;
}
#s-newsletter .s-newsletter .s-newsletter-texto:after {
	content: 'para receber nossas últimas notícias e descontos exclusivos';
	display:flex;
	text-indent:0;
	color: #1E1E1E;
	font-size: 12px;
	font-weight: 300;
	line-height: 14.52px;
}
.politicaNews{
	font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    margin-top: 1rem;
    padding: 0 1rem;
}
.politicaNews a{
	color:#4BC2E8;
	text-decoration: underline;
}
#horario-atendimento{
	padding: 2rem 0;
	margin: 3rem 0;
}
#horario-atendimento h2{
	font-family: "Noto Sans", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
	color: #4F4F4F;
}
#horario-atendimento p{
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
	color: #737373;
	margin: 0px;
}
#horario-atendimento p strong{
	font-weight: 700 !important;
}

#horario-atendimento a{
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
	color: #737373;
	margin-top: 15px;
}

/*22/05/2024*/
#produtosID main, #breadcrumb .s-breadcrumb .breadcrumb, #breadcrumb .s-breadcrumb, .s-produtos-detalhes .s-produtos-detalhes-cabecalho {
    background-color: #FAFAFA;
}
.s-produtos-detalhes .s-produtos-detalhes-cabecalho {
    border-radius: 0;
    border-bottom: solid 2px #BDBDBD;
}
.s-produtos-detalhes .s-produtos-detalhes-titulo,
.s-produtos-detalhes .s-produtos-detalhes-codigo,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir,
.s-produtos-detalhes .s-produtos-detalhes-minidescricao,
.s-produtos-detalhes-informativo-valores
{
    color: #252B42;
}
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-valor
{
	text-align: left;
}
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir{
	font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
    text-transform: lowercase;
    margin-right: 10px;
}
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-valor{
	font-family: "Noto Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0.10000000149011612px;
	text-align: left;
	color: var(--color-primary);
}
.s-produtos-detalhes .s-produtos-detalhes-titulo{
	margin-bottom: 0;
}
.s-produtos-detalhes .s-produtos-detalhes-titulo,
.s-produtos-detalhes .s-produtos-detalhes-codigo
{
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
}
#innerProdutoInfo .s-produtos-detalhes-cabecalho-preco{
	display: ruby;
	padding: 0;
}

#innerProdutoInfo .s-produtos-detalhes-cabecalho .row div{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#innerProdutoInfo .s-produtos-detalhes .s-produtos-detalhes-minidescricao{
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
}
#produtos-detalhes .card {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 10px;
}
#produtos-detalhes .card-header {
	padding: .75rem 0;
    background-color: transparent;
}
.s-produtos-detalhes .s-produtos-detalhes-subtitulo {
	font-family: "Noto Sans", sans-serif;
	font-weight: 500;
	text-align: left;
    color: #000;
    margin: 0 1rem;
    padding: 0 .25rem 1rem 0;
    border-bottom: solid 1px rgba(0,0,0,.2);
}
#innerEnvieArquivoForm .row .col-12.col-lg-4{
	display: none;
}

#innerEnvieArquivoForm .row .col-12.col-lg-8{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#innerEnvieArquivoForm > div > div:nth-child(3) > p{
	font-size: 13px;
}
#innerResumo .card, #innerResumo .card .card-body{
	background-color: transparent;
	padding: 0;
	border: none;
}
.s-produtos-detalhes .card .card-body .resumo-valor-total {
    background-color: transparent;
	text-align: left;
}

.s-produtos-detalhes .card .card-body .resumo-valor-total .resumo-valor-total-texto{
	font-family: "Noto Sans", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
	color:#000;
}
.s-produtos-detalhes .card .card-body .resumo-valor-total .resumo-valor-total-texto span {
    display: table;
    font-family: "Noto Sans", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.20000000298023224px;
    text-align: left;
    color: white;
    background-color: var(--color-primary);
    padding: 1rem 2rem;
    border-radius: 4px;
    margin-top: 10px;
}
#innerResumo > div > div.card-body > div.row.jsResumoTotal > div > div.col-12.mt-1 > div{
	-ms-flex-pack: start !important;
    justify-content: start !important;
}
#innerResumo > div > div.card-body > div.row.jsResumoTotal > div > div.col-12.mt-1 > div > div{
	padding: 0;
}
#innerOrcamentoDetalhes{
	margin-top: 3rem;
}

/*17-06-2024*/
#s-categorias-blocos .align-items-center {
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
}
.s-categorias-blocos .s-categorias-blocos-card .s-categorias-blocos-card-box .s-categorias-blocos-card-img {
    border-radius: 500px;
    height: 145px;
    width: auto;
}
#quemPersonaliza .container .row{
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

@media (max-width: 900px) {
	#upper-header .container, #conheca-loja .container, #s-categorias-blocos .container-fluid {
		max-width: 100% !important;
	}
	.upperHeaderWhatsapp,
	.upperHeaderBlog{
		display: none;
	}
	#upper-header .container, #s-newsletter .container-fluid {
		max-width: 95% !important;
		padding: 0;
		margin: 0;
		align-items: center !important;
	}
	#upper-header a, #upper-header p {
	    font-size: 9px;
	}
	#s-categorias-blocos .s-categorias-blocos .container-fluid .jsCategoriasBlocosRow > div {
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
	}
	#passo-a-passo-Home .container {
		padding: 1.5rem;
	}
	.home-step{
		height: inherit !important;
		padding: 1rem;
		position: relative;
		overflow: hidden;
		border: none !important;
	}
	.home-step::after {
		border: none !important;
	}
	
	#vantagens-loja .row {
		margin-right: 0;
		margin-left: 0;
	}
	#vantagens-loja .vantagens-box {
		padding: .2rem;
	}
	#vantagens-loja .vantagens-box-inner {
		padding: 1rem;
	}
	#vantagens-loja h2 {
	    font-size: 17px;
	}
	#vantagens-loja p {
    	font-size: 12px;
	}
	#vantagens-loja .vantagens-box-inner p.linha1 {
		font-size: 12px;
		margin-bottom: 15px;
	}
	#vantagens-loja .vantagens-box-inner p.linha2 {
		font-size: 15px;
		margin-bottom: 20px;
	}
	#vantagens-loja .vantagens-box-inner p.linha3 {
		font-size: 10px;
		line-height: 15px;
	}
	#conheca-loja .container {
		padding: 0;
		background-image: url(../images/background/fSobre-a-loja.png), linear-gradient(150deg, rgba(255, 255, 255, 1) 50%, rgba(195, 211, 66, 1) 70%, rgba(67, 171, 52, 1) 100%);
		background-size: 70%, 100%;
		background-position: bottom right, center right;
		background-repeat: no-repeat;
	}
	#conheca-loja .conheca-loja-txt{
	padding: 4rem 2rem 0 2rem;
	}
	#conheca-loja .conheca-loja-img{
		padding: 0;
		min-height: 25vh;
	}
	#botConheca {
		width: 70%;
	}
	#segmentosLoja .segmento1,
	#segmentosLoja .segmento2,
	#segmentosLoja .segmento3,
	#segmentosLoja .segmento4,
	#segmentosLoja .segmento5
	{
		padding: .5rem !important;
	}
	#segmentosLoja .segmento1 .foto,
	#segmentosLoja .segmento2 .foto,
	#segmentosLoja .segmento3 .foto,
	#segmentosLoja .segmento4 .foto,
	#segmentosLoja .segmento5 .foto
	{
		aspect-ratio : 1 / 1;
	}
	#quemPersonaliza .container .row{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	.pagamento-home{
		margin-top: 2rem;
	}
	.pagBox{
		padding: 1rem;
	}
}

.modal-body img {
	max-width: 100%;
	height: auto;   
	border-radius: 10px; 
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }

  .popupPais2 {
      background: #fff !important;
      border: none !important;
      box-shadow: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
     .popupPais3 {
      border-bottom: none !important;
      justify-content: flex-end !important;
      padding: 0.5rem !important;
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      z-index: 10 !important;
    }
    .btn-close {
      filter: invert(1);
    }
    .image-popup {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
      display: block;
    }
    .popupPais1 {
      max-width: 485px !important;
      margin: auto !important;
    }

	#s-slider-desktop {
		margin-bottom: 3rem;
	}

	#segmentosEcotevi{
	background: #ffffff;
	padding: 3rem 0;
}
#segmentosEcotevi h2{
	font-family: "Noto Sans", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0.1px;
	text-align: center;
	color: #252B42;
	margin-bottom: 2rem;
}
#segmentosEcotevi p{
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.1px;
	text-align: center;
	color: #737373;
	margin-bottom: 4rem;
}
#segmentosEcotevi .foto {
  height: 100%;
  width:100%;
}
#segmentosEcotevi .segmento1,
#segmentosEcotevi .segmento2,
#segmentosEcotevi .segmento3,
#segmentosEcotevi .segmento4,
#segmentosEcotevi .segmento5
{
	position: relative;
	z-index: 0;
	transition: 0.3s;
}
#segmentosEcotevi .segmento1:hover,
#segmentosEcotevi .segmento2:hover,
#segmentosEcotevi .segmento3:hover,
#segmentosEcotevi .segmento4:hover,
#segmentosEcotevi .segmento5:hover
{
	z-index: 98;
	transform: scale(1.1);
}
#segmentosEcotevi .segmento1{
	padding-right: .5rem;
}
#segmentosEcotevi .segmento2{
	padding: 0 .5rem .5rem .5rem;
}
#segmentosEcotevi .segmento3{
	padding: 0 0 .5rem .5rem;
}
#segmentosEcotevi .segmento4{
	padding: .5rem .5rem 0 .5rem;
}
#segmentosEcotevi .segmento5{
	padding: .5rem 0 0 .5rem;
}
#segmentosEcotevi .segmento1 .foto,
#segmentosEcotevi .segmento2 .foto,
#segmentosEcotevi .segmento3 .foto,
#segmentosEcotevi .segmento4 .foto,
#segmentosEcotevi .segmento5 .foto
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-radius: 5px;
	border: solid 0px transparent;
	outline: solid 0px transparent;
	transition: 0.3s;
}
#segmentosEcotevi .segmento1:hover .foto,
#segmentosEcotevi .segmento2:hover .foto,
#segmentosEcotevi .segmento3:hover .foto,
#segmentosEcotevi .segmento4:hover .foto,
#segmentosEcotevi .segmento5:hover .foto
{
	border: solid 5px #8ecae6;
	outline: solid 5px #ffffff;
	box-shadow: 0 2px 5px rgba(0,0,0,1);
}
#segmentosEcotevi .segmento1 .foto{
	aspect-ratio : 1 / 1;
	background-image: url("../images/banner/aluminio.png");
}
#segmentosEcotevi .segmento2 .foto{
	background-image: url("../images/banner/acrilico.png");
}
#segmentosEcotevi .segmento3 .foto{
	background-image: url("../images/banner/tirante.png");
}
#segmentosEcotevi .segmento4 .foto{
	background-image: url("../images/banner/vestimenta.png");
}
#segmentosEcotevi .segmento5 .foto{
	background-image: url("../images/banner/garrafa.png");
}
#segmentosEcotevi span {
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10000000149011612px;
    text-align: center;
    color: #252B42;
    display: table-caption;
    background-color: #ffffff;
    padding: 1rem 2rem;
    margin: -90px 0 0 20px;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
}
.lSAction > a {
    background-image: url("../images/icones/controls.png") !important;
}