/*ajustes magemenu*/
.mageshop-magemenu .caixaMenu .iconeMenu {
    width: auto;
    float: none;
    display: table;
    height: auto;
}
.mageshop-magemenu .magemenu-colunaDireita ul.auto .caixaMenu {
    border-left: 1px solid #FFF;
}
.mageshop-magemenu .magemenu-colunaDireita ul.auto li:last-child .caixaMenu {
    border-right: 1px solid #FFF;
}
.mageshop-magemenu .caixaMenu .textoMenu {
    margin-top: 0;
}
.mageshop-magemenu ul.auto > li {
    width: calc(100% / 11);
}
.mageshop-magemenu .page-header .magemenu-colunaDireita ul.itensMenu.auto {
    width: 100%;
}
.mageshop-magemenu ul.itensMenu > li, .mageshop-magemenu ul.itensMenu > li > a, .mageshop-magemenu .magemenu-colunaEsquerda {
    height: 90px;
}
.mageshop-magemenu ul.auto > li .caixaMenu .centercaixaMenu {
    padding: 0 2px;
}
.mageshop-magemenu .magemenu-colunaDireita ul li .caixaMenu:hover {
    background: #7ceb7c;
}
.mageshop-magemenu .magemenu-colunaDireita ul li.item-menu-destaque .caixaMenu, 
.mageshop-magemenu .magemenu-colunaDireita ul li.item-menu-destaque:hover .caixaMenu {
    background: #cf1e24;
}
.mageshop-magemenu .magemenu-colunaDireita ul li.item-menu-destaque span {
    text-transform: uppercase;
	font-size: 16px;
    font-weight: 700;
}
.mageshop-magemenu li.item-menu-destaque .colunasMenu  ul.linksMenu > li {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
  	margin-bottom: 5px;
}
.mageshop-magemenu li.item-menu-destaque .colunasMenu  ul.linksMenu > li a {
    color: #111;
}
.mageshop-magemenu .caixaMenu .iconeMenu img {
    max-height: 30px;
    margin-top: 0;
    margin-right: 0;
}
.mageshop-magemenu .caixaMenu .caixaTextoMenu span {
    font-size: 14px;
}
.mageshop-magemenu .magemenu-colunaDireita ul.auto li.item-menu-destaque .caixaMenu {
    border-left:none;
}
.mageshop-magemenu .colunasMenu {
	width:calc(100% - 00px);
	padding:20px;
	height:auto;
	display:table;
}
.mageshop-magemenu .colunasMenu .colunaMenu1de1 {
	width:calc(100.00% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu .colunaMenu1de2 {
	width:calc(50.00% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu .colunaMenu1de3 {
	width:calc(33.33% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu .colunaMenu2de3 {
	width:calc(66.66% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu .colunaMenu1de4 {
	width:calc(25.00% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu .colunaMenu2de4 {
	width:calc(50.00% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu .colunaMenu3de4 {
	width:calc(75.00% - 20px);
	margin:10px;
	height:auto;
	float:left;
}
.mageshop-magemenu .colunasMenu h1 {
	font-size:16px;
	font-weight:600;
	color:#333;
	text-align:left;
	margin:0;
	margin-bottom:10px;
	padding:0;
	text-transform:uppercase;
	letter-spacing:-0.0px;
}
.mageshop-magemenu .colunasMenu h1 a {
	color:#333;
}
.mageshop-magemenu .colunasMenu ul.linksMenu {
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:10px;
	list-style:none;
}
.mageshop-magemenu .colunasMenu ul.linksMenu > li {
	width:100%;
	padding:0;
	margin:0;
	font-size:13px;
	height:auto;
	background:none;
	display:table;
	list-style:none;
}
.mageshop-magemenu .colunasMenu ul.linksMenu > li a {
	color:#666;
}
.mageshop-magemenu .colunasMenu ul.linksMenu > li.vermais a {
	color:#3399cc;
}
.mageshop-magemenu .colunasMenu ul.linksMenu > li .imagemMenu {
	width:100%;
}
.mageshop-magemenu .colunasMenu .imagemMenu img {
	width:auto;
	max-width:100%;
	height:auto;
}
@media only screen and (min-width: 771px) and (max-width: 1080px) {
  .mageshop-magemenu .caixaMenu .caixaTextoMenu span {
      font-size: 11px;
  }
}
/*ajustes magemenu*/


/* ==========================================================
   3. HOME (marcas / departamentos)
   ----------------------------------------------------------
   PENDENTE DE VERIFICAÇÃO: confirmar no inspetor se .marcas e
   .imagemBannersH já vêm do próprio tema. Se vierem, esta
   seção inteira deve ser removida.
   ========================================================== */

/* ----- Faixa de marcas -----------------------------------
   Quantidade de colunas controlada por classe no bloco CMS:
   um, dois, tres, quatro, cinco, seis, sete, oito, nove, dez.
   Itens além do número escolhido ficam ocultos.
   -------------------------------------------------------- */
.marcas {
    display: table;
    width: 100%;
    height: auto;
    padding: 30px 15px;
    background: #FFFFFF;
    border-radius: 8px;
}

.marcas .centerMarcas {
    display: table;
    width: auto;
    margin: auto;
    float: none;
}

.marcas .caixaMarca {
    display: table;
    width: calc(100% / 7);
    float: left;
    transition: all 0.4s ease-in-out;
}

.marcas .caixaMarca img {
    display: table;
    width: 90%;
    margin: auto;
    text-align: center;
    transition: all 0.2s ease-in;
}

/* Ao passar o mouse na faixa, os itens escurecem e só o
   item sob o cursor volta ao normal e cresce. */
.marcas:hover .caixaMarca {
    opacity: 0.7;
}

.marcas .caixaMarca:hover {
    opacity: 1;
    transition: all 0.4s ease-in-out;
}

.marcas .caixaMarca:hover img {
    filter: brightness(112%);
    transform: scale(1.1);
    transition: all 0.4s ease-in-out;
}

/* Colunas por quantidade */
.marcas .dez    .caixaMarca { width: calc(100% / 10); }
.marcas .nove   .caixaMarca { width: calc(100% / 9);  }
.marcas .oito   .caixaMarca { width: calc(100% / 8);  }
.marcas .sete   .caixaMarca { width: calc(100% / 7);  }
.marcas .seis   .caixaMarca { width: calc(100% / 6);  }
.marcas .cinco  .caixaMarca { width: calc(100% / 5);  }
.marcas .quatro .caixaMarca { width: calc(100% / 4);  }
.marcas .tres   .caixaMarca { width: calc(100% / 3);  }
.marcas .dois   .caixaMarca { width: calc(100% / 2);  }
.marcas .um     .caixaMarca { width: 100%;            }

/* Oculta o excedente de cada configuração */
.marcas .nove   .caixaMarca:nth-child(n+10) { display: none; }
.marcas .oito   .caixaMarca:nth-child(n+9)  { display: none; }
.marcas .sete   .caixaMarca:nth-child(n+8)  { display: none; }
.marcas .seis   .caixaMarca:nth-child(n+7)  { display: none; }
.marcas .cinco  .caixaMarca:nth-child(n+6)  { display: none; }
.marcas .quatro .caixaMarca:nth-child(n+5)  { display: none; }
.marcas .tres   .caixaMarca:nth-child(n+4)  { display: none; }
.marcas .dois   .caixaMarca:nth-child(n+3)  { display: none; }
.marcas .um     .caixaMarca:nth-child(n+2)  { display: none; }

@media only screen and (max-width: 770px) {
    .marcas .dez  .caixaMarca { width: calc(100% / 5); margin-bottom: 20px; }
    .marcas .nove .caixaMarca { width: calc(100% / 3); margin-bottom: 20px; }
    .marcas .oito .caixaMarca { width: calc(100% / 4); margin-bottom: 20px; }
    .marcas .sete .caixaMarca { width: calc(100% / 4); margin-bottom: 20px; }
    .marcas .seis .caixaMarca { width: calc(100% / 3); margin-bottom: 20px; }
}

/* ----- Bloco de departamentos (imagem + título) --------- */
.imagemBannersH {
    display: table;
    width: 100%;
    height: auto;
    margin: 20px 0;
    padding: 30px 15px;
    border-radius: 8px;
}

.imagemBannersH .centerMarcas {
    display: table;
    width: auto;
    margin: auto;
    float: none;
}

.imagemBannersH .caixaMarca {
    display: table;
    width: calc(100% / 5);
    float: left;
    transition: all 0.15s ease-in-out;
}

.imagemBannersH .caixaMarca img {
    display: table;
    width: 90%;
    margin: auto;
    text-align: center;
    transition: all 0.15s ease-in-out;
}

.imagemBannersH .caixaMarca:hover {
    transform: scale(1.1);
    transition: all 0.15s ease-in-out;
}

.imagemBannersH .caixaMarca:hover img {
    filter: brightness(112%);
    transition: all 0.15s ease-in-out;
}

.imagemBannersH .caixaMarca > .titulo {
    display: table;
    width: 100%;
    height: 60px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

@media only screen and (max-width: 1080px) {
    .imagemBannersH .caixaMarca > .titulo {
        font-size: 14px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 770px) {
    .imagemBannersH .caixaMarca {
        width: calc(100% / 3);
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 540px) {
    .imagemBannersH .caixaMarca {
        width: calc(100% / 2);
        margin-bottom: 20px;
    }
}


/* ==========================================================
   4. CATEGORIA / BUSCA
   ========================================================== */

/* (a definir na Etapa 5) */


/* ==========================================================
   5. PRODUTO
   ========================================================== */

/* (a definir na Etapa 6) */


/* ==========================================================
   6. CARRINHO / CHECKOUT
   ========================================================== */

/* (a definir na Etapa 7) */


/* ==========================================================
   7. RODAPÉ
   ========================================================== */

/* Ajusta a altura da logo do rodapé.
   O tema imprime width/height fixos no HTML; width:auto
   devolve a proporção real do arquivo. */
.assinaturaRodape .logoRodape img {
    width: auto;
    height: 50px;
}


/* categoriasDestaquesCms */
.categoriasDestaquesCms {
	margin: 20px 0;
	padding:30px 15px;
	display:table;
	height:auto;
	width:calc(100% - 0px);
	border-radius:8px;
}
.categoriasDestaquesCms .centerMarcas {
	width:auto;
	display:table;
	margin:auto;
	float:none;
}
.categoriasDestaquesCms .caixaMarca {
	width:calc(100% / 7);
	float:left;
	display:table;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.categoriasDestaquesCms .caixaMarca img {
	width:90%;
	display:table;
	margin:auto;
	text-align:center;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.categoriasDestaquesCms:hover .caixaMarca {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: alpha(opacity=100);
}
.categoriasDestaquesCms .caixaMarca:hover img {
	filter:brightness(112%);
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-webkit-filter:brightness(112%);
}
.categoriasDestaquesCms .caixaMarca:hover {
	-webkit-transform:scale(1.1) rotate(-0deg);
	-moz-transform:scale(1.1) rotate(-0deg);
	-o-transform:scale(1.1) rotate(-0deg);
	transform:scale(1.1) rotate(-0deg);
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}

.categoriasDestaquesCms .caixaMarca {width:calc(100% / 5)}

.categoriasDestaquesCms .caixaMarca > .titulo {
	display: table;
	width: 100%;
	text-align: center;	
	height: 60px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-top: 10px;
}
@media only screen and (max-width: 1080px) {
	.categoriasDestaquesCms .caixaMarca > .titulo {
		height: 60px;
		font-size: 14px;
		line-height: 15px;
	}
}
@media only screen and (max-width: 770px) {
	.categoriasDestaquesCms .caixaMarca {width:calc(100% / 3); margin-bottom:20px;}
}
@media only screen and (max-width: 540px) {
	.categoriasDestaquesCms .caixaMarca {width:calc(100% / 2); margin-bottom:20px;}
}
/* categoriasDestaquesCms */

.footer-container .redesocial img {
    height: auto;
}
 .footer-container .links {
   color: #FFF;
}
.rodapeSite .foneRodape {
    display: table;
    width: 100%;
    float: left;
}
.rodapeSite .foneRodape .icone {
    margin-right: 7px;
    width: auto;
    height: 30px;
    line-height: 30px;
    display: table;
    float: left;
}
.rodapeSite .foneRodape .fone {
    margin-right: 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #FFF;
    display: table;
    float: left;
}

.catalog-product-view .whatsapp-find-banner,
.checkout-cart-index .whatsapp-find-banner,
.checkout-onepage-index .whatsapp-find-banner,
.onestepcheckout-index-index .whatsapp-find-banner {
    display: none;
}

.tabsProdutos .centerTitulosTabsProdutos ul.tab-links a {
	font-weight: 600; 
}

/*flechas slideshow*/
.slideshow-pager span.cycle-pager-active:before {
	background-color: #dc2227; 
}
.slideshow-prev, .slideshow-next {
    position: absolute;
    top: 50%;
    width: 35px;
    max-width: 35px;
    height: 35px;
    opacity: 0.6;
    z-index: 110;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #F00;
    border-radius: 2px;
}
.slideshow-prev:before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #FFFFFF transparent transparent;
    top: calc(50% + 5px);
    left: 10px;
}
.slideshow-next:before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #FFFFFF;
    top: calc(50% + 5px);
    right: 10px;
}
.slideshow-next:hover:before {
    border-color: transparent transparent transparent #FFF;
}
.slideshow-prev:hover:before {
    border-color: transparent #FFF transparent transparent;
}
@media only screen and (max-width: 770px) {
  .slideshow-prev, .slideshow-next {
    top: 40%;
  }
}
/*flechas slideshow*/

.barra-topo-loja .barra-topo-loja-esquerda .centralizar-menus {
    width: auto;
    float: left;
    min-height: 45px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1000px) {
    .barra-topo-loja .barra-topo-loja-esquerda {
        display: flex;
  }
}
@media only screen and (max-width: 770px) {
  .barra-topo-loja ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  body.cms-index-index .categoriasDestaquesCms .widget-title, body.cms-index-noroute .categoriasDestaquesCms .widget-title {
      margin-top: 0px;
  }
  body.cms-index-noroute .categoriasDestaquesCms, 
  body.cms-index-index .categoriasDestaquesCms {
    margin: 0;
    padding-top: 0px;
  }
  body.cms-index-noroute .marcas, 
  body.cms-index-index .marcas {
      padding-bottom: 0;
  }
}
@media only screen and (min-width: 771px) {
  body.cms-index-index .categoriasDestaquesCms .widget-title, body.cms-index-noroute .categoriasDestaquesCms .widget-title {
      margin-top: 0px;
  }
  body.cms-index-noroute .marcas, 
  body.cms-index-index .marcas {
      padding-bottom: 0;
  }
}
.product-view .product-shop .product-name h1 {
    font-size: 30px;
}
.product-view .product-shop .short-description {
    display: none;
}

.products-grid .product-name {
    margin-top: 10px;
    text-align: center;
}
.products-grid .product-image img {
    border-radius: 5px;
}
/*preço detalhes*/
.product-view .product-shop .price-info {
    display: flex;
    flex-wrap: wrap;
}
.product-view .product-shop .price-box {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    width: 100%;
    order: -1;
}
.product-view .product-shop .price-box .regular-price .price {
    color: #66cc66;
    font-size: 24px;
    font-weight: 600;
}
.product-view .valor_boleto .linhaValorBoleto, .product-view .product-shop .linhaValorBoleto {
    color: #111111;
    font-size: 15px;
}
.product-view .product-shop .valor_boleto {
    margin-bottom: 0;
    display: flex;
    width: 100%;
  	gap: 5px;
}
.product-view .product-shop .linhaEscritaBoleto {
    color: #111;
    font-size: 15px;
    width: 100%;
    display: flex;
    text-align: left;
    text-transform: none;
    margin-bottom: 0;
    align-items: center;
}
.product-view .product-shop .linhaValorBoleto {
    line-height: normal;
    width: auto;
}
/*.product-view .product-shop .valor_boleto:before {
    content:"ou";
    font-size: 15px;
}*/
.product-view .product-shop .price-box {
    margin-bottom: 10px;
  	margin-top: 0;
}
.product-view .product-shop .product-sku {
    opacity: 1;
    color: #333;
}
.product-view .product-shop .verParcelas a {
    font-weight: 400;
}
.product-view .product-shop .valor_boleto:before {
    content:"";
    width: 30px;
    margin-right: 4px;
    height: 20px;
    display: table;
    float: left;
    background-image: url(../wysiwyg/banners/icone-pagamento-boleto.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px;
    background-color: #fafafa;
}
.product-view .product-shop .caixaPrecoeBoleto:before {
    content:"";
    width: 30px;
    margin-right: 4px;
    height: 20px;
    display: table;
    float: left;
    background-image: url(../wysiwyg/banners/icone-pagamento-cartao.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px;
    background-color: #fafafa;
}
.product-view .caixaPrecoeBoleto #exibirPrecoParcelado::before {
    background: #eeeeee
}
/*preço listas*/
.tabsProdutos .product-secondary, 
.tabsProdutos .product-info, 
.products-grid .product-info {
    display: flex;
    flex-wrap: wrap;
}
.tabsProdutos .price-box, 
.category-products .price-box {
    order: 1;
}
.tabsProdutos .precoparcelado-parcels, 
.products-grid .precoparcelado-parcels {
    order: 2;
  	margin-bottom: 5px;
  	margin-bottom: 2px;
}
.tabsProdutos .linhaEscritaBoleto {
    margin-left: 3px;
    font-size: 11.2px;
    letter-spacing: -0.2px;
}
.tabsProdutos .valor_boleto, 
.products-grid .valor_boleto {
	display: inline-flex;
    order: 3;
  	gap: 0px;
    margin-bottom: 0;
    width: auto;
}
.tabsProdutos .linhaEscritaBoleto, 
.products-grid .linhaEscritaBoleto  {
    margin-left: 5px;    text-align: center;
    width: 100%;
}
.tabsProdutos .price-box .price, 
.category-products .price-box .price {
    text-align: center;
    color: #3399ff;
}
.tabsProdutos .valor_boleto .linhaValorBoleto strong, 
.category-products .valor_boleto .linhaValorBoleto strong {
    font-weight: 600;
    font-size: 13px;
    color: #111;
}
.tabsProdutos .valor_boleto .linhaValorBoleto, 
.category-products .valor_boleto .linhaValorBoleto {
    display: flex;
    width: auto;
    align-items: center;
}
.tabsProdutos .precoparcelado-parcels, 
.products-grid .precoparcelado-parcels {
    margin-top: 5px;
}
.tabsProdutos .valor_boleto .linhaValorBoleto, 
.category-products .valor_boleto .linhaValorBoleto {
    height: auto;
    line-height: 1;
}
.tabsProdutos .precoparcelado-parcels, 
.products-grid .precoparcelado-parcels {
    text-align: center;
}
.tabsProdutos .product-image img, 
.products-grid .product-image img,  {
    border-radius: 5px;
}
.category-products .toolbar {
    background: transparent;
}
@media only screen and (max-width: 770px) {
  .products-grid .valor_boleto {
      display: flex;
      text-align: center;
      width: auto;
      flex-wrap: wrap;
      line-height: 1;
      gap: 0;
      margin-top: 5px;
  }
}
/*preço listas*/

.porc_desc {
    color: #4aad30;
}

.tabsProdutos .linhaEscritaBoleto .porc_desc, 
.products-grid .linhaEscritaBoleto .porc_desc {
	display: none;
}

.product-view .sharing-links .link-twitter {
    background-image: url('https://sorasa.magehub.com.br/media/sorasa/wysiwyg/redessociais/Twitter-X.png');
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    width: 18px;

    /* deixa cinza no estado normal */
    filter: grayscale(1) opacity(0.45);
}

.product-view .sharing-links .link-twitter:hover {
    /* volta para preto */
    filter: none;
}
/**ocultar preço sem estoque**/
.catalogsearch-result-index li.item:has(.textoBotaoAddSemEstoque) .valor_boleto,
.catalogsearch-result-index li.item:has(.textoBotaoAddSemEstoque) .price-box,
.catalogsearch-result-index li.item:has(.textoBotaoAddSemEstoque) .precoparcelado-parcels,
.catalog-category-view li.item:has(.textoBotaoAddSemEstoque) .valor_boleto,
.catalog-category-view li.item:has(.textoBotaoAddSemEstoque) .price-box,
.catalog-category-view li.item:has(.textoBotaoAddSemEstoque) .precoparcelado-parcels {
  display: none;
}
li.item:has(.textoBotaoAddSemEstoque) .actionsPersonalizado {display: block !important;}