@charset "UTF-8";
/*------------------------------------*\
  #INDEX
\*------------------------------------*/
/**
 * Header
 */
/*---------------#LANÇAMENTOS----------------*/
/* line 143, assets/styles/sass/mixins.scss */
.a_bold {
  font-weight: bolder !important;
}

/* line 147, assets/styles/sass/mixins.scss */
.a_thin {
  font-weight: 100;
}

/* line 151, assets/styles/sass/mixins.scss */
.a_escondido {
  opacity: 0 !important;
}

/* line 155, assets/styles/sass/mixins.scss */
.a_semi_oculto {
  opacity: 0.3;
}

/* line 159, assets/styles/sass/mixins.scss */
.a_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 163, assets/styles/sass/mixins.scss */
.display_none {
  display: none !important;
}

/*
  No celular a barra é mais alta que no desktop: são quatro ícones de toque e um
  logo maior, e 75px deixava tudo encostado. É a altura da barra E o que o <main>
  desconta - as duas coisas saem daqui.
*/
/*==============================================================================
  DESIGN SYSTEM HAGLER (redesign 2026)
  Traduzido do projeto Claude Design "HAGLER - (front)", pasta _ds/tokens/.
  As variaveis legadas acima ficam intactas: elas ainda servem as ~20 paginas
  que ainda nao foram redesenhadas. Use o ramo abaixo nas telas novas.
==============================================================================*/
/*------------------------------------*\
  #CORES - nucleo de marca
\*------------------------------------*/
/*------------------------------------*\
  #CORES - rampa neutra
\*------------------------------------*/
/*------------------------------------*\
  #CORES - 
\*------------------------------------*/
/*------------------------------------*\
  #CORES - areia (superficie quente)
\*------------------------------------*/
/*------------------------------------*\
  #CORES - status (dessaturado, neutro de moda)
\*------------------------------------*/
/*------------------------------------*\
  #CORES - aliases semanticos: texto
\*------------------------------------*/
/*------------------------------------*\
  #CORES - aliases semanticos: superficies
\*------------------------------------*/
/*------------------------------------*\
  #CORES - aliases semanticos: bordas
\*------------------------------------*/
/*------------------------------------*\
  #CORES - aliases semanticos: acoes
\*------------------------------------*/
/*------------------------------------*\
  #TIPOGRAFIA - familias
  Duas familias, por diretriz de marca: 1 display + 1 sans. Ambas ficam
  definidas la em cima, junto das variaveis legadas, e valem para o site todo.
  $fonte-display e so um apelido: o DS chama de "display" o que o projeto ja
  chamava de "secundaria". Uma fonte de verdade, dois vocabularios.
\*------------------------------------*/
/*------------------------------------*\
  #TIPOGRAFIA - pesos disponiveis no kit
\*------------------------------------*/
/*------------------------------------*\
  #TIPOGRAFIA - escala
  ATENCAO: $font-size-padrao (15px) continua sendo a base dos calc() em
  configs-font/ e NAO foi alterada, senao a tipografia das paginas ainda
  nao redesenhadas mudaria junto. Nas telas novas use a escala abaixo.
\*------------------------------------*/
/*------------------------------------*\
  #ESPACAMENTO - base 4px
\*------------------------------------*/
/*------------------------------------*\
  #LAYOUT
  O conteudo respeita o container centralizado ate 1800px; fotografia,
  NavBar e Footer podem sangrar full-bleed alem dele.
\*------------------------------------*/
/*==============================================================================
  ESCALA DO MOBILE - leia antes de traduzir qualquer medida do design.

  O head.tmpl forca <meta viewport width=640> quando screen.width <= 640, ou seja:
  todo celular renderiza um layout de 640px que o navegador encolhe para caber na
  tela fisica. Num aparelho de 390px isso da uma reducao de ~0,61x.

  O design entrega o mobile como coluna real de 390px a 1:1. Copiar os valores de
  la direto faz o texto chegar 39% menor do que o previsto.

  Entao: dentro de @media (max-width: 640px), TODA medida absoluta ja deve estar
  escrita convertida - multiplicada por 640/390 = 1,64. Nao ha funcao em volta:
  o valor no arquivo e o valor final. E a mesma compensacao que o CSS legado
  deste projeto faz a mao quando dobra fontes no mobile.

  Tabela de conversao (design -> escrever aqui):

     11 -> 18      22 -> 36      40 ->  66
     12 -> 20      24 -> 39      44 ->  72
     13 -> 21      26 -> 43      48 ->  79
     14 -> 23      28 -> 46      50 ->  82
     15 -> 25      30 -> 49      56 ->  92
     16 -> 26      32 -> 53      64 -> 105
     18 -> 30      36 -> 59      88 -> 144

  Se um dia o viewport virar width=device-width, o fator passa a 1 e os valores
  de mobile precisam ser divididos por 1,64 - uma varredura por arquivo.
==============================================================================*/
/*------------------------------------*\
  #FORMA
  A Hagler e quadrada. Raio e um sussurro, nunca uma declaracao.
\*------------------------------------*/
/*------------------------------------*\
  #MOVIMENTO
\*------------------------------------*/
/*------------------------------------*\
  #CAMPO DE FORMULARIO

  Padrao unico de campo, conferido contra .ck-campo input do design (checkout.css):
  50px de altura, fio $n-300, raio 2px, texto 14.5px em tinta e fundo branco.

  Usado por @extend em 12 arquivos - login/cadastro, dados do cliente, endereco,
  avaliacao, busca, recuperacao de senha. Mexer aqui padroniza todos.

  O que mudou em relacao ao anterior: o fio era $cinza-claro (#f1f1f1), quase
  invisivel contra o branco - os campos pareciam nao ter contorno. O texto era
  $cinza; agora e tinta, e o cinza fica so para o placeholder.
\*------------------------------------*/
/* line 14, assets/styles/sass/extends.scss */
.header__busca .form-busca input, .topo__login_form_box input, .avaliar .faca-comentario textarea, .perguntas .enviar_pergunta__wrap textarea, .user_access form input,
.user_access form select, .password form input, .recovery form input, .client-panel .dados input,
.client-panel .dados select,
.client-panel .dados span:not(.asterisco):not(.mensagemInputErro):not(.mensagemInputAlerta), .client-panel .influenciador input,
.client-panel .influenciador select,
.client-panel .influenciador textarea, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea, .page-carrinho .consulta-cep input[type="text"],
.page-carrinho #cupom-desconto input[type="text"],
.page-carrinho .indicado-por-influenciador input[type="text"],
.page-carrinho .resgatar-carrinho input[type="text"], .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho input, .modal-cadastro .cadastro-endereco input,
.modal-cadastro .cadastro-endereco select, .finalizacao input:not([type="radio"]):not([type="checkbox"]),
.finalizacao select,
.finalizacao textarea, .store_evaluation__wrap textarea, .page-avaliacoes #formAvaliacaoCliente textarea {
  height: 50px;
  padding: 0 14px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  box-shadow: none;
  text-transform: initial;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: normal;
  color: #000000;
}

/* line 27, assets/styles/sass/extends.scss */
.header__busca .form-busca input::placeholder, .topo__login_form_box input::placeholder, .avaliar .faca-comentario textarea::placeholder, .perguntas .enviar_pergunta__wrap textarea::placeholder, .user_access form input::placeholder,
.user_access form select::placeholder, .password form input::placeholder, .recovery form input::placeholder, .client-panel .dados input::placeholder,
.client-panel .dados select::placeholder,
.client-panel .dados span:not(.mensagemInputAlerta):not(.mensagemInputErro):not(.asterisco)::placeholder, .client-panel .influenciador input::placeholder,
.client-panel .influenciador select::placeholder,
.client-panel .influenciador textarea::placeholder, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea::placeholder, .page-carrinho .consulta-cep input[type="text"]::placeholder,
.page-carrinho #cupom-desconto input[type="text"]::placeholder,
.page-carrinho .indicado-por-influenciador input[type="text"]::placeholder,
.page-carrinho .resgatar-carrinho input[type="text"]::placeholder, .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho input::placeholder, .modal-cadastro .cadastro-endereco input::placeholder,
.modal-cadastro .cadastro-endereco select::placeholder, .finalizacao input:not([type="checkbox"]):not([type="radio"])::placeholder,
.finalizacao select::placeholder,
.finalizacao textarea::placeholder, .store_evaluation__wrap textarea::placeholder, .page-avaliacoes #formAvaliacaoCliente textarea::placeholder {
  color: #7D7B78;
}

/* line 31, assets/styles/sass/extends.scss */
.header__busca .form-busca input:focus, .topo__login_form_box input:focus, .avaliar .faca-comentario textarea:focus, .perguntas .enviar_pergunta__wrap textarea:focus, .user_access form input:focus,
.user_access form select:focus, .password form input:focus, .recovery form input:focus, .client-panel .dados input:focus,
.client-panel .dados select:focus,
.client-panel .dados span:focus:not(.asterisco):not(.mensagemInputErro):not(.mensagemInputAlerta), .client-panel .influenciador input:focus,
.client-panel .influenciador select:focus,
.client-panel .influenciador textarea:focus, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea:focus, .page-carrinho .consulta-cep input:focus[type="text"],
.page-carrinho #cupom-desconto input:focus[type="text"],
.page-carrinho .indicado-por-influenciador input:focus[type="text"],
.page-carrinho .resgatar-carrinho input:focus[type="text"], .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho input:focus, .modal-cadastro .cadastro-endereco input:focus,
.modal-cadastro .cadastro-endereco select:focus, .finalizacao input:focus:not([type="radio"]):not([type="checkbox"]),
.finalizacao select:focus,
.finalizacao textarea:focus, .store_evaluation__wrap textarea:focus, .page-avaliacoes #formAvaliacaoCliente textarea:focus, .header__busca .form-busca input:focus-visible, .topo__login_form_box input:focus-visible, .avaliar .faca-comentario textarea:focus-visible, .perguntas .enviar_pergunta__wrap textarea:focus-visible, .user_access form input:focus-visible,
.user_access form select:focus-visible, .password form input:focus-visible, .recovery form input:focus-visible, .client-panel .dados input:focus-visible,
.client-panel .dados select:focus-visible,
.client-panel .dados span:focus-visible:not(.asterisco):not(.mensagemInputErro):not(.mensagemInputAlerta), .client-panel .influenciador input:focus-visible,
.client-panel .influenciador select:focus-visible,
.client-panel .influenciador textarea:focus-visible, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea:focus-visible, .page-carrinho .consulta-cep input:focus-visible[type="text"],
.page-carrinho #cupom-desconto input:focus-visible[type="text"],
.page-carrinho .indicado-por-influenciador input:focus-visible[type="text"],
.page-carrinho .resgatar-carrinho input:focus-visible[type="text"], .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho input:focus-visible, .modal-cadastro .cadastro-endereco input:focus-visible,
.modal-cadastro .cadastro-endereco select:focus-visible, .finalizacao input:focus-visible:not([type="radio"]):not([type="checkbox"]),
.finalizacao select:focus-visible,
.finalizacao textarea:focus-visible, .store_evaluation__wrap textarea:focus-visible, .page-avaliacoes #formAvaliacaoCliente textarea:focus-visible {
  border-color: #96754C;
  outline: none;
  box-shadow: none;
}

/* line 38, assets/styles/sass/extends.scss */
.submenu li a, .sec-head__ver, .breadcrumbs > * a, .bt-tabela-medidas span, .dresson-try-btn span,
.dresson-size-btn span,
.dresson-chart-btn span, .look-card__nome, .perguntas .enviar_pergunta_deslogado__wrap .perguntar_link__login, .aval-lista .aval-opiniao__autor a, .aval-escrever .avaliar .termos_avaliacao__open, .aval-escrever .avaliar .avaliar_produto_deslogado__wrap .avaliar_link__login, .category_list-ui .listagem__texto a, .client-panel .botoes a, .finalizacao .lista-produtos a, .help-center .categoria-duvida ul li a, .help-center .categoria-duvida a.ver-todas, .info-contato table a, .foot__link, .erro__link, .footer-pagamento__item li a {
  text-decoration: none;
  background-image: linear-gradient(#96754C, #96754C);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  transition: background-size 380ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

/* line 47, assets/styles/sass/extends.scss */
.submenu li a:hover, .sec-head__ver:hover, .breadcrumbs > * a:hover, .bt-tabela-medidas span:hover, .dresson-try-btn span:hover,
.dresson-size-btn span:hover,
.dresson-chart-btn span:hover, .look-card__nome:hover, .perguntas .enviar_pergunta_deslogado__wrap .perguntar_link__login:hover, .aval-lista .aval-opiniao__autor a:hover, .aval-escrever .avaliar .termos_avaliacao__open:hover, .aval-escrever .avaliar .avaliar_produto_deslogado__wrap .avaliar_link__login:hover, .category_list-ui .listagem__texto a:hover, .client-panel .botoes a:hover, .finalizacao .lista-produtos a:hover, .help-center .categoria-duvida ul li a:hover, .help-center .categoria-duvida a.ver-todas:hover, .info-contato table a:hover, .foot__link:hover, .erro__link:hover, .footer-pagamento__item li a:hover {
  background-size: 100% 1px;
}

/* line 80, assets/styles/sass/extends.scss */
.button.hover,
.button,
.inputfile__file + label strong,
.perguntas .enviar_pergunta__wrap .enviarPergunta,
.perguntas .enviar_pergunta_deslogado__wrap .bt-enviar-pergunta,
.aval-lista .carregar-avaliacoes,
.aval-resumo__avaliar,
.client-panel .tabs-content .content #form-dados .customFileInput .selecionar-imagem,
.client-panel .influenciador .button-copy-influenciador,
.client-panel .influenciador .button-copy-squad,
.client-panel .influenciador .block-buttons .btn-inverse,
.page-carrinho .consulta-cep .button,
.page-carrinho #cupom-desconto .button,
.page-carrinho .indicado-por-influenciador .button,
.page-carrinho .resgatar-carrinho .button,
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho,
.finalizacao .informacoes-pedido a,
.continua-duvida,
.ajuda_link__wrap .button,
.thanks .return aside .return-dados-boleto__code button,
.thanks-error .return aside .return-dados-boleto__code button,
.page-avaliacoes #formAvaliacaoCliente #btAvaliacaoCliente,
.button.success,
.client-panel .botoes button:not(.desativado),
.client-panel .influenciador .contato-loja-influ a,
.client-panel .influenciador .block-buttons .btn-success,
.devolucao-lateral .bt-devolucao,
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho button,
.contato form .bt-contato,
.comprar .button,
.look-bar .button,
.monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-look-tamanhos,
.aval-escrever .avaliar .bt-enviar-aval,
.aval-escrever .avaliar .remover-comentario-painel,
.user_access form .action-links .login-drop.codigo,
.favoritos-vazio__cta,
.page-carrinho .sacola-finalizar .buy,
.page-carrinho .carrinho_buttons a.return,
.finalizacao .button:not(.cancelar):not(.remover-personalizacao),
.squad-vazio__cta,
.inscricao-hero__cta,
.inscricao-passos__final a,
.inscricao-formulario .buttons .button,
.inscricao-finalizacao__conteudo .button,
.erro__cta,
.comprar .button[disabled],
.comprar .button.off,
.comprar .button.unavailable,
.look-bar .button[disabled],
.client-panel .botoes button.desativado {
  font-weight: 500;
  font-family: "sofia-pro", sans-serif;
  padding: 15px 35px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.08em;
  border-radius: 0px;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 101, assets/styles/sass/extends.scss */
.button.hover {
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
}

/* line 106, assets/styles/sass/extends.scss */
.button.hover:hover {
  background-color: #ffffff;
  color: #000;
}

/* line 112, assets/styles/sass/extends.scss */

.button,
.inputfile__file + label strong,
.perguntas .enviar_pergunta__wrap .enviarPergunta,
.perguntas .enviar_pergunta_deslogado__wrap .bt-enviar-pergunta,
.aval-lista .carregar-avaliacoes,
.aval-resumo__avaliar,
.client-panel .tabs-content .content #form-dados .customFileInput .selecionar-imagem,
.client-panel .influenciador .button-copy-influenciador,
.client-panel .influenciador .button-copy-squad,
.client-panel .influenciador .block-buttons .btn-inverse,
.page-carrinho .consulta-cep .button,
.page-carrinho #cupom-desconto .button,
.page-carrinho .indicado-por-influenciador .button,
.page-carrinho .resgatar-carrinho .button,
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho,
.finalizacao .informacoes-pedido a,
.continua-duvida,
.ajuda_link__wrap .button,
.thanks .return aside .return-dados-boleto__code button,
.thanks-error .return aside .return-dados-boleto__code button,
.page-avaliacoes #formAvaliacaoCliente #btAvaliacaoCliente {
  border: 1px solid #000000;
  background-color: transparent;
  color: #000000;
}

/* line 124, assets/styles/sass/extends.scss */
.button:hover, .inputfile__file + label strong:hover, .perguntas .enviar_pergunta__wrap .enviarPergunta:hover, .perguntas .enviar_pergunta_deslogado__wrap .bt-enviar-pergunta:hover, .aval-lista .carregar-avaliacoes:hover, .aval-resumo__avaliar:hover, .client-panel .tabs-content .content #form-dados .customFileInput .selecionar-imagem:hover, .client-panel .influenciador .button-copy-influenciador:hover,
.client-panel .influenciador .button-copy-squad:hover, .client-panel .influenciador .block-buttons .btn-inverse:hover, .page-carrinho .consulta-cep .button:hover,
.page-carrinho #cupom-desconto .button:hover,
.page-carrinho .indicado-por-influenciador .button:hover,
.page-carrinho .resgatar-carrinho .button:hover, .page-carrinho .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho:hover, .finalizacao .informacoes-pedido a:hover, .continua-duvida:hover, .thanks .return aside .return-dados-boleto__code button:hover,
.thanks-error .return aside .return-dados-boleto__code button:hover, .page-avaliacoes #formAvaliacaoCliente #btAvaliacaoCliente:hover, .button:focus, .inputfile__file + label strong:focus, .perguntas .enviar_pergunta__wrap .enviarPergunta:focus, .perguntas .enviar_pergunta_deslogado__wrap .bt-enviar-pergunta:focus, .aval-lista .carregar-avaliacoes:focus, .aval-resumo__avaliar:focus, .client-panel .tabs-content .content #form-dados .customFileInput .selecionar-imagem:focus, .client-panel .influenciador .button-copy-influenciador:focus,
.client-panel .influenciador .button-copy-squad:focus, .client-panel .influenciador .block-buttons .btn-inverse:focus, .page-carrinho .consulta-cep .button:focus,
.page-carrinho #cupom-desconto .button:focus,
.page-carrinho .indicado-por-influenciador .button:focus,
.page-carrinho .resgatar-carrinho .button:focus, .page-carrinho .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho:focus, .finalizacao .informacoes-pedido a:focus, .continua-duvida:focus, .thanks .return aside .return-dados-boleto__code button:focus,
.thanks-error .return aside .return-dados-boleto__code button:focus, .page-avaliacoes #formAvaliacaoCliente #btAvaliacaoCliente:focus {
  background-color: transparent;
  border-color: #3A3937;
  color: #3A3937;
}

/* line 132, assets/styles/sass/extends.scss */

.button.success,
.client-panel .botoes button:not(.desativado),
.client-panel .influenciador .contato-loja-influ a,
.client-panel .influenciador .block-buttons .btn-success,
.devolucao-lateral .bt-devolucao,
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho button,
.contato form .bt-contato {
  border: 1px solid #000000;
  background-color: #000000 !important;
  color: #ffffff;
}

/* line 137, assets/styles/sass/extends.scss */
.button.success:hover, .client-panel .botoes button:hover:not(.desativado), .client-panel .influenciador .contato-loja-influ a:hover, .client-panel .influenciador .block-buttons .btn-success:hover, .devolucao-lateral .bt-devolucao:hover, .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho button:hover, .contato form .bt-contato:hover {
  background-color: #3A3937 !important;
  border-color: #3A3937;
  color: #ffffff !important;
}

/*
  BOTÃO PRETO COM HOVER NO ACENTO

  Tinta cheia que vira lavanda ao passar o mouse. É o botão de AÇÃO PRINCIPAL das
  telas redesenhadas - "Finalizar compra" na sacola lateral, "Assinar" da
  newsletter, "Adicionar à sacola" na página de produto e no Compre o look.

  Existe porque esse par estava escrito à mão em uma dúzia de arquivos (sacola
  lateral, footer, contato, modal de login, filtros da busca, oferta do dia,
  provador, resgatar carrinho, roube o look, espiar...) - sempre as mesmas quatro
  linhas, sempre com o risco de uma delas divergir na próxima mexida.

  A diferença em relação ao %button-preto é só o hover: lá ele escurece para
  $n-700 (a saída que a documentação, seção 05, descreve para botão); aqui vai
  para o acento. Os dois convivem: o escurecer serve ação secundária em tinta
  cheia, o acento serve a ação principal da tela.

  Os !important no fundo NÃO são preguiça: quem carrega estas classes costuma
  carregar .button .success do Foundation junto, que declara o fundo com a mesma
  especificidade. Sem eles só a tinta mudaria.
*/
/* line 165, assets/styles/sass/extends.scss */

.comprar .button,
.look-bar .button,
.monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-look-tamanhos,
.aval-escrever .avaliar .bt-enviar-aval,
.aval-escrever .avaliar .remover-comentario-painel,
.user_access form .action-links .login-drop.codigo,
.favoritos-vazio__cta,
.page-carrinho .sacola-finalizar .buy,
.page-carrinho .carrinho_buttons a.return,
.finalizacao .button:not(.cancelar):not(.remover-personalizacao),
.squad-vazio__cta,
.inscricao-hero__cta,
.inscricao-passos__final a,
.inscricao-formulario .buttons .button,
.inscricao-finalizacao__conteudo .button,
.erro__cta {
  border: 1px solid #000000;
  background-color: #000000 !important;
  color: #F2F2F2;
}

/* line 170, assets/styles/sass/extends.scss */
.comprar .button:hover, .look-bar .button:hover, .monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-look-tamanhos:hover, .aval-escrever .avaliar .bt-enviar-aval:hover,
.aval-escrever .avaliar .remover-comentario-painel:hover, .user_access form .action-links .login-drop.codigo:hover, .favoritos-vazio__cta:hover, .page-carrinho .sacola-finalizar .buy:hover, .page-carrinho .carrinho_buttons a.return:hover, .finalizacao .button:hover:not(.cancelar):not(.remover-personalizacao), .squad-vazio__cta:hover, .inscricao-hero__cta:hover, .inscricao-passos__final a:hover, .inscricao-formulario .buttons .button:hover, .inscricao-finalizacao__conteudo .button:hover, .erro__cta:hover, .comprar .button:focus, .look-bar .button:focus, .monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-look-tamanhos:focus, .aval-escrever .avaliar .bt-enviar-aval:focus,
.aval-escrever .avaliar .remover-comentario-painel:focus, .user_access form .action-links .login-drop.codigo:focus, .favoritos-vazio__cta:focus, .page-carrinho .sacola-finalizar .buy:focus, .page-carrinho .carrinho_buttons a.return:focus, .finalizacao .button:focus:not(.cancelar):not(.remover-personalizacao), .squad-vazio__cta:focus, .inscricao-hero__cta:focus, .inscricao-passos__final a:focus, .inscricao-formulario .buttons .button:focus, .inscricao-finalizacao__conteudo .button:focus, .erro__cta:focus {
  border-color: #C4A484;
  background-color: #C4A484 !important;
  color: #000000 !important;
}

/* line 192, assets/styles/sass/extends.scss */

.comprar .button[disabled],
.comprar .button.off,
.comprar .button.unavailable,
.look-bar .button[disabled],
.client-panel .botoes button.desativado {
  border: 1px solid #E4E3E1;
  background-color: #E4E3E1;
  color: #A8A6A3;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 200, assets/styles/sass/extends.scss */
.product-shortview figcaption header h2, .product-shortview figcaption .values__wrap .values-atacado__title header h2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  word-break: break-all;
  letter-spacing: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/extends.scss */
  .product-shortview figcaption header h2, .product-shortview figcaption .values__wrap .values-atacado__title header h2 {
    font-size: 20px;
    word-break: normal;
    -webkit-line-clamp: 2;
  }
}

/* line 1, assets/styles/sass/global.scss */
* {
  border: none;
  font-family: "sofia-pro", sans-serif, Arial, Verdana, sans-serif;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  webkit-box-sizing: border-box;
  moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/global.scss */
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

/* line 17, assets/styles/sass/global.scss */
html,
body,
main,
header,
footer {
  width: 100%;
}

@media (max-width: 640px) {
  /* line 25, assets/styles/sass/global.scss */
  main {
    margin-top: 95px;
  }
}

/* line 38, assets/styles/sass/global.scss */
.carrinho-identificacao main,
.carrinho-endereco main,
.carrinho-finalizacao main,
.carrinho-boleto main {
  margin-top: 0;
}

/* line 43, assets/styles/sass/global.scss */
.conteudo, .conteudo__full, .conteudo__1800 {
  float: initial;
  height: auto;
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 43, assets/styles/sass/global.scss */
  .conteudo, .conteudo__full, .conteudo__1800 {
    width: 960px !important;
  }
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/global.scss */
  .conteudo, .conteudo__full, .conteudo__1800 {
    padding-left: 20px;
    padding-right: 20px;
    width: 640px !important;
  }
}

/* line 67, assets/styles/sass/global.scss */
.page-index .conteudo {
  max-width: 1500px;
}

/* line 71, assets/styles/sass/global.scss */
.conteudo__full {
  padding: 0 100px;
  max-width: 1800px;
  position: relative;
}

@media (max-width: 1650px) {
  /* line 71, assets/styles/sass/global.scss */
  .conteudo__full {
    padding: 0 50px;
  }
}

@media (max-width: 1199px) {
  /* line 71, assets/styles/sass/global.scss */
  .conteudo__full {
    padding: 0;
    width: 960px;
  }
}

@media (max-width: 640px) {
  /* line 71, assets/styles/sass/global.scss */
  .conteudo__full {
    padding-left: 20px;
    padding-right: 20px;
    width: 640px;
  }
}

/* line 94, assets/styles/sass/global.scss */
.conteudo__1800 {
  width: 100%;
  max-width: 1800px;
}

@media (max-width: 1835px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1700px;
  }
}

@media (max-width: 1770px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1600px;
  }
}

@media (max-width: 1670px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1500px;
  }
}

@media (max-width: 1570px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 100%;
    padding: 0 25px;
  }
}

@media (max-width: 1470px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1350px;
  }
}

@media (max-width: 1400px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1300px;
  }
}

@media (max-width: 1360px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1250px;
  }
}

@media (max-width: 1330px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1200px;
  }
}

@media (max-width: 1280px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 1150px;
  }
}

@media (max-width: 1199px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    width: 960px;
  }
}

@media (max-width: 640px) {
  /* line 94, assets/styles/sass/global.scss */
  .conteudo__1800 {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
  }
}

/* line 148, assets/styles/sass/global.scss */
.titulo-padrao,
.categoria_seo__titulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 25px;
  line-height: 35px;
  color: #000;
  letter-spacing: 3px;
  margin: 10px auto;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}

@media (max-width: 640px) {
  /* line 148, assets/styles/sass/global.scss */
  .titulo-padrao,
  .categoria_seo__titulo {
    font-size: 36px;
    border: 1px solid transparent;
    border-right: 1px solid transparent;
  }
}

/* line 170, assets/styles/sass/global.scss */
.categoria_seo__observacao {
  visibility: hidden;
}

/* line 174, assets/styles/sass/global.scss */
.conteudo_height {
  height: auto;
}

/* line 178, assets/styles/sass/global.scss */
body {
  background-color: #ffffff;
}

/* line 183, assets/styles/sass/global.scss */
.scroll-desativado {
  overflow: hidden !important;
  position: relative;
  touch-action: none;
  -ms-touch-action: none;
}

/* line 190, assets/styles/sass/global.scss */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* line 196, assets/styles/sass/global.scss */
figure {
  margin: 0;
}

/* line 200, assets/styles/sass/global.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "sofia-pro", sans-serif;
  margin: 0;
}

/* line 210, assets/styles/sass/global.scss */
p {
  color: #000;
  margin-bottom: 0;
  text-rendering: auto !important;
}

/* line 216, assets/styles/sass/global.scss */
*:before,
*::before,
*:after,
*::after {
  clear: both;
  display: inline-block;
  position: absolute;
}

/* line 226, assets/styles/sass/global.scss */
i::before {
  position: relative;
}

/* line 230, assets/styles/sass/global.scss */
.lazy {
  display: none;
}

/* line 234, assets/styles/sass/global.scss */
a {
  color: inherit;
}

/* line 238, assets/styles/sass/global.scss */
a:hover {
  color: inherit;
}

/* line 242, assets/styles/sass/global.scss */
a:link,
a:visited,
a:active {
  text-decoration: none;
}

/* line 248, assets/styles/sass/global.scss */
*:focus {
  outline: none;
}

/* line 252, assets/styles/sass/global.scss */
.escondido {
  display: none;
}

/* line 256, assets/styles/sass/global.scss */
ul {
  margin-left: 0;
  margin-bottom: 0;
}

/* line 261, assets/styles/sass/global.scss */
li {
  list-style: none;
}

/* line 265, assets/styles/sass/global.scss */
ul li ul {
  margin-left: 0;
}

/* line 269, assets/styles/sass/global.scss */
.button_effect {
  cursor: pointer;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 0;
}

/* line 280, assets/styles/sass/global.scss */
.button_effect[disabled]:hover:after {
  display: none;
}

/* line 285, assets/styles/sass/global.scss */
.button {
  margin: 0;
}

/* line 298, assets/styles/sass/global.scss */
.button.remove {
  background-color: #FF0000;
  border: none;
  font-family: "sofia-pro", sans-serif;
}

/* line 303, assets/styles/sass/global.scss */
.button.remove:hover {
  background-color: #9D0000;
}

/* line 308, assets/styles/sass/global.scss */
.button.unavailable {
  background-color: #db4343 !important;
  border: none;
  color: #ffffff !important;
  font-family: "sofia-pro", sans-serif;
}

/* line 314, assets/styles/sass/global.scss */
.button.unavailable:before {
  background-size: contain;
  background-image: url("/app-hagler/assets/images/icons/arrow-categoria-vermelha.png");
  background-repeat: no-repeat;
}

/* line 320, assets/styles/sass/global.scss */
.button.unavailable:hover {
  color: #FF0000;
  cursor: initial;
}

/* line 326, assets/styles/sass/global.scss */
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  background-color: #D0D2D4;
  border-color: #D0D2D4;
}

/* line 334, assets/styles/sass/global.scss */
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #858585;
}

/* line 345, assets/styles/sass/global.scss */
.location-post li .button-disabled {
  background-color: #D0D2D4;
  float: right;
  color: #4F4B69;
  border: none;
  font-family: "sofia-pro", sans-serif;
}

/* line 353, assets/styles/sass/global.scss */
h2.titulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
  color: #858585;
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
}

/* line 361, assets/styles/sass/global.scss */
.asterisco {
  color: #858585;
}

/**
 * Título padrão das listagens de produto
 */
/* line 368, assets/styles/sass/global.scss */
.home_produtos__titulo_padrao {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
  color: #000;
  margin-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 368, assets/styles/sass/global.scss */
  .home_produtos__titulo_padrao {
    font-size: 32px;
  }
}

/**
 * Aviso email inválido carrinho/checkout
 */
/* line 384, assets/styles/sass/global.scss */
.warning-email {
  color: #d81515;
}

/* line 386, assets/styles/sass/global.scss */
.warning-email span {
  font-weight: 600;
}

/**
 * Título padrão
 */
/* line 394, assets/styles/sass/global.scss */
.titulo_padrao, .home_produtos__titulo_padrao {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
  color: #000;
  color: #000;
  font-size: 30px;
  margin-bottom: 60px;
}

@media (max-width: 640px) {
  /* line 394, assets/styles/sass/global.scss */
  .titulo_padrao, .home_produtos__titulo_padrao {
    font-size: 32px;
  }
}

/**
 * Estrelas avaliação
 */
/* line 408, assets/styles/sass/global.scss */
.estrelas {
  height: 15px;
}

@media (max-width: 640px) {
  /* line 408, assets/styles/sass/global.scss */
  .estrelas {
    height: 25px;
  }
}

/* line 416, assets/styles/sass/global.scss */
.estrela {
  margin-right: 5px;
}

@media (max-width: 640px) {
  /* line 416, assets/styles/sass/global.scss */
  .estrela {
    height: 22px;
    width: 22px;
  }
}

/* line 424, assets/styles/sass/global.scss */
.estrela:last-child {
  margin-right: 0;
}

/**
 * Remover foundation tooltip do mobile
 */
/* line 432, assets/styles/sass/global.scss */
.tooltip {
  background-color: #000;
  margin-top: -85px;
  margin-left: 5px;
}

@media (max-width: 640px) {
  /* line 432, assets/styles/sass/global.scss */
  .tooltip {
    display: none !important;
  }
}

/* line 442, assets/styles/sass/global.scss */
.tooltip > .nub {
  border-color: transparent transparent #000 transparent;
}

/* line 447, assets/styles/sass/global.scss */
.tooltip {
  z-index: 11000;
}

/**
 * tooltip - Paulo Augusto
 */
/* TOOlTIP meuTooltip - Paulo Augusto */
/* line 4, assets/styles/sass/meu-tooltip.scss */
.js-meuTooltip .meuTooltip__inside {
  padding: 5px;
  background: black;
  position: absolute;
  z-index: 10010;
  top: 45px;
  opacity: 0;
  display: none;
}

/* line 13, assets/styles/sass/meu-tooltip.scss */
.js-meuTooltip .meuTooltip__inside p {
  white-space: nowrap;
  font-size: 12px;
  color: white;
}

/* line 44, assets/styles/sass/meu-tooltip.scss */
.js-meuTooltip .meuTooltip__inside.fadeIn {
  display: flex;
  animation-play-state: running;
  animation: fadeIn 500ms linear 0s 1 normal forwards running;
}

/* line 49, assets/styles/sass/meu-tooltip.scss */
.js-meuTooltip .meuTooltip__inside.fadeOut {
  animation-play-state: running;
  animation: fadeOut 150ms linear 0s 1 normal forwards running;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* line 456, assets/styles/sass/global.scss */
.inputErroEfeito.inputErroEfeito.inputErroEfeito,
.inputAlertaEfeito.inputAlertaEfeito.inputAlertaEfeito {
  background-position: 98% center;
  background-size: 20px;
  background-repeat: no-repeat;
  transition: none;
  letter-spacing: 0.5px;
}

/* line 465, assets/styles/sass/global.scss */
.mensagemInputErro, .mensagemInputAlerta {
  display: block;
  text-transform: uppercase;
}

/* line 470, assets/styles/sass/global.scss */
.inputErroEfeito.inputErroEfeito.inputErroEfeito {
  border: solid 2px #f01717;
  background-color: #FFBABA;
}

/* line 474, assets/styles/sass/global.scss */
.inputErroEfeito.inputErroEfeito.inputErroEfeito::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #D8000C;
}

/* line 477, assets/styles/sass/global.scss */
.inputErroEfeito.inputErroEfeito.inputErroEfeito::-moz-placeholder {
  /* Firefox 19+ */
  color: #D8000C;
}

/* line 480, assets/styles/sass/global.scss */
.inputErroEfeito.inputErroEfeito.inputErroEfeito:-ms-input-placeholder {
  /* IE 10+ */
  color: #D8000C;
}

/* line 483, assets/styles/sass/global.scss */
.inputErroEfeito.inputErroEfeito.inputErroEfeito:-moz-placeholder {
  /* Firefox 18- */
  color: #D8000C;
}

/* line 488, assets/styles/sass/global.scss */
.mensagemInputErro {
  color: #D8000C;
}

/* line 492, assets/styles/sass/global.scss */
.inputAlertaEfeito.inputAlertaEfeito.inputAlertaEfeito {
  border: solid 2px #FF9B00;
  background-color: #FFE5BA;
}

/* line 497, assets/styles/sass/global.scss */
.mensagemInputAlerta {
  color: #FF9B00;
}

/* line 501, assets/styles/sass/global.scss */
.sem-estilo.sem-estilo.sem-estilo.sem-estilo.sem-estilo.sem-estilo {
  border: none;
  background-color: transparent;
}

/*
  O estilo do .facebook-button saiu daqui no redesign 2026: virou o componente
  compartilhado .btn-social (sass/botoes-sociais.scss), junto com o do Google.
  A classe continua no markup porque e gancho de JavaScript.

  O que havia aqui - fundo azul, max-width de 190px, span branco e paddings com
  !important - era o que deixava o botao estreito e com o rotulo invisivel
  quando ele passou a viver sobre fundo claro.
*/
/* line 516, assets/styles/sass/global.scss */
.button-modal {
  max-height: 28px;
}

/* line 519, assets/styles/sass/global.scss */
.button-modal span {
  font-size: 12px;
}

/*
  Seta padrao de carrossel - redesign 2026.

  Um unico desenho para a home, o blog, os relacionados e o carrinho: quadrado
  claro sobre a foto, chevron em tinta, invertendo no hover. O !important
  acompanha o do CSS da propria lib, que pinta o botao por id de tema.
*/
/* line 532, assets/styles/sass/global.scss */
.splide__arrow {
  width: 40px;
  height: 40px;
  border-radius: 0px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #000000;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 545, assets/styles/sass/global.scss */
.splide__arrow i {
  font-size: 20px;
  line-height: 1;
}

/* line 550, assets/styles/sass/global.scss */
.splide__arrow:hover {
  background: #000000 !important;
  color: #F2F2F2;
}

/* line 555, assets/styles/sass/global.scss */
.splide__arrow[disabled] {
  opacity: .35;
}

/* line 558, assets/styles/sass/global.scss */
.splide__arrow[disabled]:hover {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #000000;
}

/* line 565, assets/styles/sass/global.scss */
.splide__arrow svg {
  width: 1.1em;
  height: 1.1em;
  background: transparent !important;
  fill: currentColor;
}

@media (max-width: 640px) {
  /* line 532, assets/styles/sass/global.scss */
  .splide__arrow {
    width: 66px;
    height: 66px;
  }
  /* line 576, assets/styles/sass/global.scss */
  .splide__arrow i {
    font-size: 33px;
  }
}

/*
  Paginacao padrao de carrossel - redesign 2026.

  Tracos no lugar das bolinhas de 30px com anel: nada no DS tem raio, e a barra
  que se alonga no item ativo diz a posicao na lista melhor que um ponto cheio.

  Na pratica so aparece no celular - nas larguras maiores os carrosseis usam
  setas e desligam a paginacao.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
*/
/* line 594, assets/styles/sass/global.scss */
.splide__pagination {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 24px 0 0;
  padding: 0;
  gap: 6px;
  transform: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 607, assets/styles/sass/global.scss */
.splide__pagination li {
  display: flex;
  width: auto;
  height: auto;
  margin: 0;
  border: none;
  border-radius: 0;
}

/* line 616, assets/styles/sass/global.scss */
.splide__pagination__page {
  width: 20px;
  height: 2px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  opacity: 1;
  background: #CCCCCC;
  transition-property: width, background-color;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 629, assets/styles/sass/global.scss */
.splide__pagination__page:hover {
  background: #A8A6A3;
}

/* line 634, assets/styles/sass/global.scss */
.splide__pagination__page.is-active {
  width: 32px;
  background: #000000;
  transform: none;
}

@media (max-width: 640px) {
  /* line 594, assets/styles/sass/global.scss */
  .splide__pagination {
    margin-top: 39px;
    gap: 10px;
  }
  /* line 645, assets/styles/sass/global.scss */
  .splide__pagination .splide__pagination__page {
    width: 33px;
    height: 3px;
  }
  /* line 649, assets/styles/sass/global.scss */
  .splide__pagination .splide__pagination__page.is-active {
    width: 52px;
  }
}

/* line 656, assets/styles/sass/global.scss */
.mdi {
  font-style: normal;
  font-size: 38px;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 640px) {
  /* line 656, assets/styles/sass/global.scss */
  .mdi {
    font-size: 50px;
  }
}

/*------------------------------------*\
  #COR DO TEXTO EM BOTÃO NO HOVER

  O Foundation traz:

    .button:focus, .button:hover, button:focus, button:hover { color: #fff }

  Um seletor de TIPO alcança todo <button> do site, inclusive os que só têm classe
  própria. E `button:hover` soma 0-1-1, então vence a cor declarada por uma classe
  sozinha (0-1-0): no hover o texto ficava branco sobre fundo claro, e o rótulo
  desaparecia. Foi o que aconteceu nos tamanhos e no "Espiar" do card.

  A neutralização abaixo repete só os seletores de TIPO. Empatam em 0-1-1 com os do
  Foundation e vencem por ordem - o main.css é carregado depois do
  lib/foundation.min.

  Os seletores de CLASSE do Foundation (.button:hover, 0-2-0) ficam de fora de
  propósito: quem escolheu a classe .button optou pelo botão do framework, onde
  tinta cheia com texto branco é o comportamento esperado. Mexer neles mudaria
  botão de admin, carrinho e finalização sem necessidade.
\*------------------------------------*/
/* line 695, assets/styles/sass/global.scss */
button:hover,
button:focus {
  color: inherit;
}

/*------------------------------------*\
  #ÍCONES DO SQUAD (influenciador)

  O botão ".adicionar-squad" emite OS DOIS ícones - o de incluir e o de remover -
  e aqui o CSS mostra apenas um, conforme a classe .adicionado que o
  alternarEmSquad (main.js) liga e desliga.

  Por que não trocar o ícone no JS: ele fazia isso escrevendo a ligature do
  Material Icons dentro do <i>. Isso amarra o botão a UMA família de ícones, e
  quando o card de produto passou para o Iconoir - que monta o glifo por
  mask-image e ignora o conteúdo de texto - o clique começou a imprimir a palavra
  "add_circle" ao lado do desenho.

  Com a decisão no CSS, o botão funciona com qualquer família e o JS não precisa
  saber nada sobre ícone. É o mesmo arranjo dos dois rótulos do botão de compra.

  A regra é global porque o botão aparece no card de produto (que a home, a
  listagem, a busca, o painel do cliente e o modal de espiar reaproveitam) e na
  caixa de compra da página de produto.
\*------------------------------------*/
/* line 722, assets/styles/sass/global.scss */
.adicionar-squad .squad-icone--remover,
.adicionar-squad .squad-rotulo--remover {
  display: none;
}

/* line 729, assets/styles/sass/global.scss */
.adicionar-squad.adicionado .squad-icone--add,
.adicionar-squad.adicionado .squad-rotulo--add {
  display: none;
}

/* line 734, assets/styles/sass/global.scss */
.adicionar-squad.adicionado .squad-icone--remover,
.adicionar-squad.adicionado .squad-rotulo--remover {
  display: inline-flex;
}

/*
  insira o width teto, width onde termina o intervalo, padding lateral somado e o intervalo entre cada media 
  por padrão, a cada 20 pixels ele gerará uma nova media para conteúdo 
*/
/* line 14, assets/styles/sass/config_fonts.scss */
.location-post.endereco h3 {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: calc(15px + 2px);
  line-height: calc(15px + 3px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/config_fonts.scss */
  .location-post.endereco h3 {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px + 2px) * 1.6);
    line-height: calc((15px + 3px) * 1.6);
    color: #858585;
    font-style: normal;
  }
}

/* line 14, assets/styles/sass/config_fonts.scss */
.location-post.endereco .aviso {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px);
  line-height: calc(15px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/config_fonts.scss */
  .location-post.endereco .aviso {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) * 1.6);
    line-height: calc((15px + 2px) * 1.6);
    color: #858585;
    font-style: normal;
  }
}

/* line 14, assets/styles/sass/config_fonts.scss */
.endereco .box-post_id address {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px);
  line-height: calc(15px + 6px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/config_fonts.scss */
  .endereco .box-post_id address {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) * 1.6);
    line-height: calc((15px + 4px) * 1.6);
    color: #858585;
    font-style: normal;
  }
}

/* line 14, assets/styles/sass/config_fonts.scss */
.endereco .box-post_id small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px - 1px);
  line-height: calc(15px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/config_fonts.scss */
  .endereco .box-post_id small {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) * 1.6);
    line-height: calc((15px - 1px) * 1.6);
    color: #000;
    font-style: normal;
  }
}

/* line 14, assets/styles/sass/config_fonts.scss */
.endereco .box-post_id button {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px - 1px);
  line-height: calc(15px);
  color: #ffffff;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/config_fonts.scss */
  .endereco .box-post_id button {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) * 1.6);
    line-height: calc((15px) * 1.6);
    color: #000;
    font-style: normal;
  }
}

/* line 21, assets/styles/sass/config_fonts.scss */
.user_access .for-users a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px + 11px);
  line-height: calc(15px + 11px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 21, assets/styles/sass/config_fonts.scss */
  .user_access .for-users a {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) * 1.68);
    line-height: calc((15px) * 1.68);
    color: #000;
    font-style: normal;
  }
}

/* line 28, assets/styles/sass/config_fonts.scss */
.categoria_seo__titulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px + 30px);
  line-height: calc(15px + 35px);
  color: #000;
  font-style: normal;
}

@media (max-width: 1199px) {
  /* line 28, assets/styles/sass/config_fonts.scss */
  .categoria_seo__titulo {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc(15px + 25px);
    line-height: calc(15px + 25px);
    color: #000;
    font-style: normal;
  }
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/config_fonts.scss */
  .categoria_seo__titulo {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px + 35px));
    line-height: calc((15px + 35px));
    color: #000;
    font-style: normal;
  }
}

/* line 35, assets/styles/sass/config_fonts.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label, .monte-look-tamanhos .produto-size .tamanho li label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px + 1px);
  line-height: calc(15px + 3px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 35, assets/styles/sass/config_fonts.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label, .monte-look-tamanhos .produto-size .tamanho li label {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px + 7px));
    line-height: calc((15px + 12px) * 1.88);
    color: #858585;
    font-style: normal;
  }
}

/* line 49, assets/styles/sass/config_fonts.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label, .monte-look-tamanhos .produto-size .tamanho li label {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-size: calc(15px + 1px);
  line-height: calc(15px + 2px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 49, assets/styles/sass/config_fonts.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label, .monte-look-tamanhos .produto-size .tamanho li label {
    font-family: "sofia-pro", sans-serif;
    font-weight: normal;
    font-size: calc((15px + 9px));
    line-height: calc((15px + 10px));
    color: #858585;
    font-style: normal;
  }
}

/* line 56, assets/styles/sass/config_fonts.scss */
.location-post.endereco h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: calc(15px + 1px);
  line-height: calc(15px + 2px);
  color: #727272;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 56, assets/styles/sass/config_fonts.scss */
  .location-post.endereco h3 {
    font-family: "sofia-pro", sans-serif;
    font-weight: 700;
    font-size: calc((15px + 10px));
    line-height: calc((15px + 11px));
    color: #727272;
    font-style: normal;
  }
}

/* line 63, assets/styles/sass/config_fonts.scss */
.client-panel .topo-pedido section,
.client-panel .topo-pedido aside, .client-panel .topo-carrinho section,
.client-panel .topo-carrinho aside, .client-panel .topo-carrinhos section,
.client-panel .topo-carrinhos aside {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px + 1px);
  line-height: calc(15px + 2px);
  color: #000;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 63, assets/styles/sass/config_fonts.scss */
  .client-panel .topo-pedido section,
  .client-panel .topo-pedido aside, .client-panel .topo-carrinho section,
  .client-panel .topo-carrinho aside, .client-panel .topo-carrinhos section,
  .client-panel .topo-carrinhos aside {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px + 9px));
    line-height: calc((15px + 10px));
    color: #000;
    font-style: normal;
  }
}

/* line 70, assets/styles/sass/config_fonts.scss */
.endereco .box-post_id small {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-size: calc(15px - 3px);
  line-height: calc(15px - 3px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 70, assets/styles/sass/config_fonts.scss */
  .endereco .box-post_id small {
    font-family: "sofia-pro", sans-serif;
    font-weight: normal;
    font-size: calc(15px + 5px);
    line-height: calc(15px + 5px);
    color: #858585;
    font-style: normal;
  }
}

/* line 70, assets/styles/sass/config_fonts.scss */
.user_access .for-users a {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-size: calc(15px - 2px);
  line-height: calc(15px + 1px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 70, assets/styles/sass/config_fonts.scss */
  .user_access .for-users a {
    font-family: "sofia-pro", sans-serif;
    font-weight: normal;
    font-size: calc(15px + 7px);
    line-height: calc(15px + 7px);
    color: #858585;
    font-style: normal;
  }
}

/* line 77, assets/styles/sass/config_fonts.scss */
.monte-look-tamanhos .monte-look-tamanhos__modalTitle {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: calc(15px + 7px);
  line-height: calc(15px + 30px);
  color: #000;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 77, assets/styles/sass/config_fonts.scss */
  .monte-look-tamanhos .monte-look-tamanhos__modalTitle {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) + 9px);
    line-height: calc((15px + 17px) * 1.88);
    color: #000;
    font-style: normal;
  }
}

/* line 77, assets/styles/sass/config_fonts.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label, .monte-look-tamanhos .produto-size .tamanho li label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: calc(15px + 1px);
  line-height: calc(15px + 10px);
  color: #858585;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 77, assets/styles/sass/config_fonts.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label, .monte-look-tamanhos .produto-size .tamanho li label {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: calc((15px) + 7px);
    line-height: calc((15px + 6px) * 1.88);
    color: #858585;
    font-style: normal;
  }
}

/* bermudas_wrap */
/* line 1, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas {
  background: #ffffff !important;
  margin-top: 136px;
}

/* line 5, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .conteudo__full {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 5, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .conteudo__full {
    flex-direction: column;
  }
}

@media (max-width: 1600px) {
  /* line 16, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-banner img {
    height: 1144.33px;
    width: 750px;
  }
}

@media (max-width: 1440px) {
  /* line 16, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-banner img {
    height: 1068.04px;
    width: 700px;
  }
}

@media (max-width: 1366px) {
  /* line 16, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-banner img {
    height: 991.75px;
    width: 650px;
  }
}

@media (max-width: 1199px) {
  /* line 16, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-banner img {
    height: 823.92px;
    width: 540px;
  }
}

@media (max-width: 640px) {
  /* line 16, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-banner img {
    height: 100%;
    width: 100%;
  }
}

/* line 44, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products {
  margin: 0 auto;
  width: 30%;
}

@media (max-width: 640px) {
  /* line 44, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products {
    width: 100%;
  }
}

/* line 52, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .bermudas_tipos {
  font-style: italic;
}

/* line 56, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .titulo-padrao {
  margin: 0;
  margin-bottom: 47px;
  text-align: left;
}

@media (max-width: 1700px) {
  /* line 56, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .titulo-padrao {
    font-size: 45px;
    line-height: 48px;
  }
}

@media (max-width: 1530px) {
  /* line 56, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .titulo-padrao {
    font-size: 40px;
    line-height: 43px;
  }
}

@media (max-width: 1366px) {
  /* line 56, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .titulo-padrao {
    font-size: 39px;
    line-height: 42px;
  }
}

@media (max-width: 1199px) {
  /* line 56, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .titulo-padrao {
    font-size: 29px;
    line-height: 32px;
  }
}

@media (max-width: 640px) {
  /* line 56, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .titulo-padrao {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 57px;
  }
}

/* line 92, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__arrows .splide__arrow--prev {
  left: -3em;
}

/* line 96, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__arrows .splide__arrow--next {
  right: -3em;
}

/* line 102, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__pagination {
  position: absolute;
  top: -2rem;
  bottom: auto;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 102, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__pagination {
    top: -45px;
  }
}

/* line 112, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__pagination li {
  margin-top: 0;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 119, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__pagination li button {
  border-radius: 10px;
  width: 100%;
}

/* line 123, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos-bermudas-products-slider .splide__pagination li button.is-active {
  transform: none;
}

/* line 131, assets/styles/sass/bermudas_wrap.scss */
.home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos__list-bermudas {
  margin-top: 99px;
}

@media (max-width: 1366px) {
  /* line 131, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos__list-bermudas {
    margin-top: 79px;
  }
}

@media (max-width: 640px) {
  /* line 131, assets/styles/sass/bermudas_wrap.scss */
  .home_produtos__wrap-bermudas .home_produtos-bermudas-products .home_produtos__list-bermudas {
    margin: 30px 0;
    width: 100%;
  }
}

/* associa classes à propriedade grid area e suas definições */
/* css para colocar o tamanhos das imagens */
/* $height-img-product--tablet: 420px;
$width-img-product--tablet: 280px; */
/* line 161, assets/styles/sass/object_fit.scss */
.fit__produto-busca--4, .fit__produto-busca--6, .fit__produto-home, .fit__favoritos, .fit__sacola-imagem, .fit__carrinho, .fit__carrossel, .fit__combo-fotos, .fit__produto-modal {
  float: left;
  overflow: hidden;
  position: relative;
}

/* line 169, assets/styles/sass/object_fit.scss */
.fit__img-produto {
  display: inline-block;
  left: 0 !important;
  margin: 0 auto;
  object-fit: cover;
  right: 0;
  width: 100% !important;
  height: 100%;
  max-width: -moz-available !important;
  /* WebKit-based browsers will ignore this. */
  max-width: -webkit-fill-available !important;
  /* Mozilla-based browsers will ignore this. */
  max-width: fill-available !important;
}

/* line 194, assets/styles/sass/object_fit.scss */
.fit__produto-busca--4 {
  height: 600px;
  width: 400px;
}

@media (max-width: 1199px) {
  /* line 194, assets/styles/sass/object_fit.scss */
  .fit__produto-busca--4 {
    height: 600px;
    width: 400px;
  }
}

@media (max-width: 640px) {
  /* line 194, assets/styles/sass/object_fit.scss */
  .fit__produto-busca--4 {
    height: 420px;
    width: 280px;
  }
}

/* line 213, assets/styles/sass/object_fit.scss */
.fit__produto-busca--6 {
  height: 420px;
  width: 280px;
}

@media (max-width: 1199px) {
  /* line 213, assets/styles/sass/object_fit.scss */
  .fit__produto-busca--6 {
    height: 420px;
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 213, assets/styles/sass/object_fit.scss */
  .fit__produto-busca--6 {
    height: 420px;
    width: 280px;
  }
}

/* line 233, assets/styles/sass/object_fit.scss */
.fit__produto-home {
  height: 540px;
  width: 100%;
}

@media (max-width: 1450px) {
  /* line 233, assets/styles/sass/object_fit.scss */
  .fit__produto-home {
    height: 335px;
    width: 280px;
  }
}

@media (max-width: 1199px) {
  /* line 233, assets/styles/sass/object_fit.scss */
  .fit__produto-home {
    height: 540px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 233, assets/styles/sass/object_fit.scss */
  .fit__produto-home {
    height: 420px;
    width: 280px;
  }
}

/* line 275, assets/styles/sass/object_fit.scss */
.fit__favoritos {
  height: 390px;
  width: 260px;
}

@media (max-width: 640px) {
  /* line 275, assets/styles/sass/object_fit.scss */
  .fit__favoritos {
    height: 420px;
    width: 280px;
  }
}

/* line 289, assets/styles/sass/object_fit.scss */
.fit__sacola-imagem {
  height: 108px;
  width: 71px;
}

@media (max-width: 640px) {
  /* line 289, assets/styles/sass/object_fit.scss */
  .fit__sacola-imagem {
    height: 198px;
    width: 131px;
  }
}

/* line 303, assets/styles/sass/object_fit.scss */
.fit__carrinho {
  height: 135px;
  width: 90px;
}

@media (max-width: 640px) {
  /* line 303, assets/styles/sass/object_fit.scss */
  .fit__carrinho {
    height: 200px;
    width: 133px;
  }
}

/* line 317, assets/styles/sass/object_fit.scss */
.fit__carrossel {
  height: 160px;
  width: 100px;
}

/* line 325, assets/styles/sass/object_fit.scss */
.fit__combo-fotos {
  height: 332px;
  width: 213px;
}

@media (max-width: 1199px) {
  /* line 325, assets/styles/sass/object_fit.scss */
  .fit__combo-fotos {
    height: 300px;
    width: 200px;
  }
}

@media (max-width: 640px) {
  /* line 325, assets/styles/sass/object_fit.scss */
  .fit__combo-fotos {
    height: 327px;
    width: 218px;
  }
}

/* line 342, assets/styles/sass/object_fit.scss */
.fit__produto-modal {
  height: 225px;
  width: 150px;
}

@media (min-width: 191021px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1850px;
  }
}

@media (min-width: 1911px) and (max-width: 1930px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1850px;
  }
}

@media (min-width: 1891px) and (max-width: 1910px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1830px;
  }
}

@media (min-width: 1871px) and (max-width: 1890px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1810px;
  }
}

@media (min-width: 1851px) and (max-width: 1870px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1790px;
  }
}

@media (min-width: 1831px) and (max-width: 1850px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1770px;
  }
}

@media (min-width: 1811px) and (max-width: 1830px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1750px;
  }
}

@media (min-width: 1791px) and (max-width: 1810px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1730px;
  }
}

@media (min-width: 1771px) and (max-width: 1790px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1710px;
  }
}

@media (min-width: 1751px) and (max-width: 1770px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1690px;
  }
}

@media (min-width: 1731px) and (max-width: 1750px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1670px;
  }
}

@media (min-width: 1711px) and (max-width: 1730px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1650px;
  }
}

@media (min-width: 1691px) and (max-width: 1710px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1630px;
  }
}

@media (min-width: 1671px) and (max-width: 1690px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1610px;
  }
}

@media (min-width: 1651px) and (max-width: 1670px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1590px;
  }
}

@media (min-width: 1631px) and (max-width: 1650px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1570px;
  }
}

@media (min-width: 1611px) and (max-width: 1630px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1550px;
  }
}

@media (min-width: 1591px) and (max-width: 1610px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1530px;
  }
}

@media (min-width: 1571px) and (max-width: 1590px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1510px;
  }
}

@media (min-width: 1551px) and (max-width: 1570px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1490px;
  }
}

@media (min-width: 1531px) and (max-width: 1550px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1470px;
  }
}

@media (min-width: 1511px) and (max-width: 1530px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1450px;
  }
}

@media (min-width: 1491px) and (max-width: 1510px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1430px;
  }
}

@media (min-width: 1471px) and (max-width: 1490px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1410px;
  }
}

@media (min-width: 1451px) and (max-width: 1470px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1390px;
  }
}

@media (min-width: 1431px) and (max-width: 1450px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1370px;
  }
}

@media (min-width: 1411px) and (max-width: 1430px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1350px;
  }
}

@media (min-width: 1391px) and (max-width: 1410px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1330px;
  }
}

@media (min-width: 1371px) and (max-width: 1390px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1310px;
  }
}

@media (min-width: 1351px) and (max-width: 1370px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1290px;
  }
}

@media (min-width: 1331px) and (max-width: 1350px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1270px;
  }
}

@media (min-width: 1311px) and (max-width: 1330px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1250px;
  }
}

@media (min-width: 1291px) and (max-width: 1310px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1230px;
  }
}

@media (min-width: 1271px) and (max-width: 1290px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1210px;
  }
}

@media (min-width: 1251px) and (max-width: 1270px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1190px;
  }
}

@media (min-width: 1231px) and (max-width: 1250px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1170px;
  }
}

@media (min-width: 1211px) and (max-width: 1230px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1150px;
  }
}

@media (min-width: 1191px) and (max-width: 1210px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop.elemento-responsivo-conteudo-desktop {
    width: 1130px;
  }
}

@media (min-width: 133021px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1270px;
  }
}

@media (min-width: 1331px) and (max-width: 1350px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1270px;
  }
}

@media (min-width: 1311px) and (max-width: 1330px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1250px;
  }
}

@media (min-width: 1291px) and (max-width: 1310px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1230px;
  }
}

@media (min-width: 1271px) and (max-width: 1290px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1210px;
  }
}

@media (min-width: 1251px) and (max-width: 1270px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1190px;
  }
}

@media (min-width: 1231px) and (max-width: 1250px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1170px;
  }
}

@media (min-width: 1211px) and (max-width: 1230px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1150px;
  }
}

@media (min-width: 1191px) and (max-width: 1210px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 1130px;
  }
}

@media (min-width: 118021px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1120px;
  }
}

@media (min-width: 1181px) and (max-width: 1200px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1120px;
  }
}

@media (min-width: 1161px) and (max-width: 1180px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1100px;
  }
}

@media (min-width: 1141px) and (max-width: 1160px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1080px;
  }
}

@media (min-width: 1121px) and (max-width: 1140px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1060px;
  }
}

@media (min-width: 1101px) and (max-width: 1120px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1040px;
  }
}

@media (min-width: 1081px) and (max-width: 1100px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1020px;
  }
}

@media (min-width: 1061px) and (max-width: 1080px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 1000px;
  }
}

@media (min-width: 1041px) and (max-width: 1060px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 980px;
  }
}

@media (min-width: 1021px) and (max-width: 1040px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 960px;
  }
}

@media (min-width: 1001px) and (max-width: 1020px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 940px;
  }
}

@media (min-width: 981px) and (max-width: 1000px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 920px;
  }
}

@media (min-width: 961px) and (max-width: 980px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 900px;
  }
}

@media (min-width: 941px) and (max-width: 960px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 880px;
  }
}

@media (min-width: 921px) and (max-width: 940px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 860px;
  }
}

@media (min-width: 901px) and (max-width: 920px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 840px;
  }
}

@media (min-width: 881px) and (max-width: 900px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 820px;
  }
}

@media (min-width: 861px) and (max-width: 880px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 800px;
  }
}

@media (min-width: 841px) and (max-width: 860px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 780px;
  }
}

@media (min-width: 821px) and (max-width: 840px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 760px;
  }
}

@media (min-width: 801px) and (max-width: 820px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 740px;
  }
}

@media (min-width: 781px) and (max-width: 800px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 720px;
  }
}

@media (min-width: 761px) and (max-width: 780px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 700px;
  }
}

@media (min-width: 741px) and (max-width: 760px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 680px;
  }
}

@media (min-width: 721px) and (max-width: 740px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 660px;
  }
}

@media (min-width: 701px) and (max-width: 720px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 640px;
  }
}

@media (min-width: 681px) and (max-width: 700px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 620px;
  }
}

@media (min-width: 661px) and (max-width: 680px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 600px;
  }
}

@media (min-width: 641px) and (max-width: 660px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 580px;
  }
}

@media (min-width: 190021px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 536.1152px;
  }
}

@media (min-width: 1901px) and (max-width: 1920px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 536.1152px;
  }
}

@media (min-width: 1881px) and (max-width: 1900px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 530.1952px;
  }
}

@media (min-width: 1861px) and (max-width: 1880px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 524.2752px;
  }
}

@media (min-width: 1841px) and (max-width: 1860px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 518.3552px;
  }
}

@media (min-width: 1821px) and (max-width: 1840px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 512.4352px;
  }
}

@media (min-width: 1801px) and (max-width: 1820px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 506.5152px;
  }
}

@media (min-width: 1781px) and (max-width: 1800px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 500.5952px;
  }
}

@media (min-width: 1761px) and (max-width: 1780px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 494.6752px;
  }
}

@media (min-width: 1741px) and (max-width: 1760px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 488.7552px;
  }
}

@media (min-width: 1721px) and (max-width: 1740px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 482.8352px;
  }
}

@media (min-width: 1701px) and (max-width: 1720px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 476.9152px;
  }
}

@media (min-width: 1681px) and (max-width: 1700px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 470.9952px;
  }
}

@media (min-width: 1661px) and (max-width: 1680px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 465.0752px;
  }
}

@media (min-width: 1641px) and (max-width: 1660px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 459.1552px;
  }
}

@media (min-width: 1621px) and (max-width: 1640px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 453.2352px;
  }
}

@media (min-width: 1601px) and (max-width: 1620px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 447.3152px;
  }
}

@media (min-width: 1581px) and (max-width: 1600px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 441.3952px;
  }
}

@media (min-width: 1561px) and (max-width: 1580px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 435.4752px;
  }
}

@media (min-width: 1541px) and (max-width: 1560px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 429.5552px;
  }
}

@media (min-width: 1521px) and (max-width: 1540px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 423.6352px;
  }
}

@media (min-width: 1501px) and (max-width: 1520px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 417.7152px;
  }
}

@media (min-width: 1481px) and (max-width: 1500px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 411.7952px;
  }
}

@media (min-width: 1461px) and (max-width: 1480px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 405.8752px;
  }
}

@media (min-width: 1441px) and (max-width: 1460px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 399.9552px;
  }
}

@media (min-width: 1421px) and (max-width: 1440px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 394.0352px;
  }
}

@media (min-width: 1401px) and (max-width: 1420px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 388.1152px;
  }
}

@media (min-width: 1381px) and (max-width: 1400px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 382.1952px;
  }
}

@media (min-width: 1361px) and (max-width: 1380px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 376.2752px;
  }
}

@media (min-width: 1341px) and (max-width: 1360px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 370.3552px;
  }
}

@media (min-width: 1321px) and (max-width: 1340px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 364.4352px;
  }
}

@media (min-width: 1301px) and (max-width: 1320px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 358.5152px;
  }
}

@media (min-width: 1281px) and (max-width: 1300px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 352.5952px;
  }
}

@media (min-width: 1261px) and (max-width: 1280px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 346.6752px;
  }
}

@media (min-width: 1241px) and (max-width: 1260px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 340.7552px;
  }
}

@media (min-width: 1221px) and (max-width: 1240px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 334.8352px;
  }
}

@media (min-width: 1201px) and (max-width: 1220px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-desktop.elemento-responsivo-img-desktop.elemento-responsivo-img-desktop {
    height: 328.9152px;
  }
}

@media (min-width: 133021px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 367.3952px;
  }
}

@media (min-width: 1331px) and (max-width: 1350px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 367.3952px;
  }
}

@media (min-width: 1311px) and (max-width: 1330px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 361.4752px;
  }
}

@media (min-width: 1291px) and (max-width: 1310px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 355.5552px;
  }
}

@media (min-width: 1271px) and (max-width: 1290px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 349.6352px;
  }
}

@media (min-width: 1251px) and (max-width: 1270px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 343.7152px;
  }
}

@media (min-width: 1231px) and (max-width: 1250px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 337.7952px;
  }
}

@media (min-width: 1211px) and (max-width: 1230px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 331.8752px;
  }
}

@media (min-width: 1191px) and (max-width: 1210px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 325.9552px;
  }
}

@media (min-width: 118021px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 538.32533px;
  }
}

@media (min-width: 1181px) and (max-width: 1200px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 538.32533px;
  }
}

@media (min-width: 1161px) and (max-width: 1180px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 528.45867px;
  }
}

@media (min-width: 1141px) and (max-width: 1160px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 518.592px;
  }
}

@media (min-width: 1121px) and (max-width: 1140px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 508.72533px;
  }
}

@media (min-width: 1101px) and (max-width: 1120px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 498.85867px;
  }
}

@media (min-width: 1081px) and (max-width: 1100px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 488.992px;
  }
}

@media (min-width: 1061px) and (max-width: 1080px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 479.12533px;
  }
}

@media (min-width: 1041px) and (max-width: 1060px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 469.25867px;
  }
}

@media (min-width: 1021px) and (max-width: 1040px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 459.392px;
  }
}

@media (min-width: 1001px) and (max-width: 1020px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 449.52533px;
  }
}

@media (min-width: 981px) and (max-width: 1000px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 439.65867px;
  }
}

@media (min-width: 961px) and (max-width: 980px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 429.792px;
  }
}

@media (min-width: 941px) and (max-width: 960px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 419.92533px;
  }
}

@media (min-width: 921px) and (max-width: 940px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 410.05867px;
  }
}

@media (min-width: 901px) and (max-width: 920px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 400.192px;
  }
}

@media (min-width: 881px) and (max-width: 900px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 390.32533px;
  }
}

@media (min-width: 861px) and (max-width: 880px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 380.45867px;
  }
}

@media (min-width: 841px) and (max-width: 860px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 370.592px;
  }
}

@media (min-width: 821px) and (max-width: 840px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 360.72533px;
  }
}

@media (min-width: 801px) and (max-width: 820px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 350.85867px;
  }
}

@media (min-width: 781px) and (max-width: 800px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 340.992px;
  }
}

@media (min-width: 761px) and (max-width: 780px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 331.12533px;
  }
}

@media (min-width: 741px) and (max-width: 760px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 321.25867px;
  }
}

@media (min-width: 721px) and (max-width: 740px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 311.392px;
  }
}

@media (min-width: 701px) and (max-width: 720px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 301.52533px;
  }
}

@media (min-width: 681px) and (max-width: 700px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 291.65867px;
  }
}

@media (min-width: 661px) and (max-width: 680px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 281.792px;
  }
}

@media (min-width: 641px) and (max-width: 660px) {
  /* line 436, assets/styles/sass/object_fit.scss */
  .home_produtos__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 271.92533px;
  }
}

@media (min-width: 960321px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook,
  .blog_post__products .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 910px;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook,
  .blog_post__products .elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook.elemento-responsivo-conteudo-notebook {
    width: 910px;
  }
}

@media (min-width: 640321px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet,
  .blog_post__products .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 590px;
  }
}

@media (min-width: 641px) and (max-width: 960px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet,
  .blog_post__products .elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet.elemento-responsivo-conteudo-tablet {
    width: 590px;
  }
}

@media (min-width: 960321px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook,
  .blog_post__products .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 437.09333px;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook,
  .blog_post__products .elemento-responsivo-img-notebook.elemento-responsivo-img-notebook.elemento-responsivo-img-notebook {
    height: 437.09333px;
  }
}

@media (min-width: 640321px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet,
  .blog_post__products .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 426.56px;
  }
}

@media (min-width: 641px) and (max-width: 960px) {
  /* line 578, assets/styles/sass/object_fit.scss */
  .produtos_relacionados__wrap .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet,
  .blog_post__products .elemento-responsivo-img-tablet.elemento-responsivo-img-tablet.elemento-responsivo-img-tablet {
    height: 426.56px;
  }
}

/*-------------------------------
            HEADER
-------------------------------*/
/*-----------HEADER TOTAL---------*/
/* line 3, assets/styles/sass/header.scss */
.header-contato__wrap {
  padding: 0px 25px;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/header.scss */
  .header-contato__wrap {
    height: 50px;
    padding: 0 25px;
    display: flex;
    align-items: center;
  }
}

/* line 13, assets/styles/sass/header.scss */
.header-contato__wrap i {
  color: #ffffff;
  font-size: 24px;
  margin-right: 10px;
}

/* line 19, assets/styles/sass/header.scss */
.header-contato__wrap p {
  color: #ffffff;
}

/* line 23, assets/styles/sass/header.scss */
.header-contato__blocos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 23, assets/styles/sass/header.scss */
  .header-contato__blocos {
    display: flex;
    align-items: space-between;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

/* line 31, assets/styles/sass/header.scss */
.js-info-loja_home__carrossel {
  width: 100%;
}

/* line 34, assets/styles/sass/header.scss */
.js-info-loja_home__carrossel .js-info-loja_home__carrossel-slider {
  width: 100%;
}

/* line 37, assets/styles/sass/header.scss */
.js-info-loja_home__carrossel .js-info-loja_home__carrossel-slider .splide__track, .js-info-loja_home__carrossel .js-info-loja_home__carrossel-slider .splide__list {
  width: 100%;
}

/*==========================================================================*/
/* line 45, assets/styles/sass/header.scss */
.header-contato__bloco-horario {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 45, assets/styles/sass/header.scss */
  .header-contato__bloco-horario {
    width: 100%;
  }
}

/* line 54, assets/styles/sass/header.scss */
.header-contato__bloco-horario p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
}

@media (max-width: 1199px) {
  /* line 54, assets/styles/sass/header.scss */
  .header-contato__bloco-horario p {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 640px) {
  /* line 54, assets/styles/sass/header.scss */
  .header-contato__bloco-horario p {
    font-size: 17px;
    line-height: 20px;
    text-align: center;
  }
}

/*==========================================================================*/
/* line 70, assets/styles/sass/header.scss */
.header-contato__bloco-horario {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 70, assets/styles/sass/header.scss */
  .header-contato__bloco-horario {
    justify-content: center;
  }
}

/* line 83, assets/styles/sass/header.scss */
.header__wrap {
  top: 0;
  position: fixed;
  transition: all 150ms;
  width: 100%;
  z-index: 9999;
}

/*-----------PRIMEIRO HEADER (CINZA CLARO)---------*/
/* line 92, assets/styles/sass/header.scss */
.first-header {
  height: 75px;
  -webkit-transition: height 0.08s;
  -moz-transition: height 0.08s;
  transition: height 0.08s;
}

/* line 99, assets/styles/sass/header.scss */
.masthead.header-shrink .header__wrap {
  top: 0;
}

/* line 103, assets/styles/sass/header.scss */
.masthead.header-shrink .first-header {
  height: 0;
}

@media (max-width: 640px) {
  /* line 103, assets/styles/sass/header.scss */
  .masthead.header-shrink .first-header {
    height: 0;
  }
}

/* line 111, assets/styles/sass/header.scss */
.masthead.header-shrink .header .first-header {
  height: 65px;
}

/* line 114, assets/styles/sass/header.scss */
.masthead.header-shrink .header .first-header .header_logo {
  display: table;
  max-height: 47px;
  transition: all 0.5s;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

/* line 122, assets/styles/sass/header.scss */
.masthead.header-shrink .header .first-header .header_logo .logo {
  display: table;
  height: auto;
  max-height: 47px;
  transition: all 150ms;
}

/* line 128, assets/styles/sass/header.scss */
.masthead.header-shrink .header .first-header .header_logo .logo img {
  display: table;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

@media (max-width: 640px) {
  /* line 122, assets/styles/sass/header.scss */
  .masthead.header-shrink .header .first-header .header_logo .logo {
    width: 139px;
  }
}

/* line 146, assets/styles/sass/header.scss */
.masthead.header-shrink .header .first-header .header__grid .header_logo img {
  height: 38px;
}

/* line 151, assets/styles/sass/header.scss */
.masthead.header-shrink .header .first-header .header__grid .header__busca .form-busca {
  display: flex;
}

/*-----------SEGUNDO HEADER (BRANCO)---------*/
/* line 161, assets/styles/sass/header.scss */
.header {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -moz-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}

@media (max-width: 640px) {
  /* line 161, assets/styles/sass/header.scss */
  .header {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

/* line 186, assets/styles/sass/header.scss */
.header .header__grid {
  height: 100%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 200px auto 350px;
  grid-template-areas: "header_logo menu header-grupo_busca_login_favorito_carrinho";
}

@media (max-width: 640px) {
  /* line 186, assets/styles/sass/header.scss */
  .header .header__grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    grid-template-areas: "menu header_logo header-grupo_busca_login_favorito_carrinho";
  }
}

/* line 196, assets/styles/sass/header.scss */
.header .conteudo.first-header {
  max-width: 1500px;
  height: 75px;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 196, assets/styles/sass/header.scss */
  .header .conteudo.first-header {
    width: 100% !important;
  }
}

/* line 210, assets/styles/sass/header.scss */
.page-index .header {
  border-bottom: 0;
}

/**
     * Busca
     */
/* line 1, assets/styles/sass/header_busca.scss */
.header__busca {
  height: 100%;
  position: relative;
  width: 235px;
  transition: all 300ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 1, assets/styles/sass/header_busca.scss */
  .header__busca {
    width: 165px;
  }
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/header_busca.scss */
  .header__busca {
    display: none;
  }
}

/* line 17, assets/styles/sass/header_busca.scss */
.header__busca .form-busca {
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: none;
  color: #000;
  font-family: "sofia-pro", sans-serif;
  width: 100%;
  height: 35px;
  left: 0px;
  position: relative;
  transition: opacity 300ms;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 41, assets/styles/sass/mixins.scss */
.header__busca .form-busca ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  font-style: italic;
}

/* line 45, assets/styles/sass/mixins.scss */
.header__busca .form-busca ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-style: italic;
}

/* line 49, assets/styles/sass/mixins.scss */
.header__busca .form-busca :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  font-style: italic;
}

/* line 53, assets/styles/sass/mixins.scss */
.header__busca .form-busca :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-style: italic;
}

/* line 32, assets/styles/sass/header_busca.scss */
.header__busca .form-busca input {
  background-color: transparent;
  border: none;
  font-size: 12px;
  height: 100%;
  margin-bottom: 0;
  padding: 8px;
  text-align: left;
  width: 100%;
  position: relative;
}

@media (max-width: 1366px) {
  /* line 46, assets/styles/sass/header_busca.scss */
  .header__busca .form-busca input::placeholder {
    align-self: auto;
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 55, assets/styles/sass/header_busca.scss */
.header__busca .bt-busca {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 59, assets/styles/sass/header_busca.scss */
.header__busca .bt-search {
  background-color: transparent;
  background-image: url(../images/icons/header_busca_lupa.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  height: 100%;
  width: 35px;
}

@media (max-width: 640px) {
  /* line 59, assets/styles/sass/header_busca.scss */
  .header__busca .bt-search {
    border-radius: 22px;
    font-size: 20px;
    height: 56px;
    line-height: 56px;
    width: 100px;
  }
}

/* line 77, assets/styles/sass/header_busca.scss */
.header__busca .bt-search:hover {
  background-color: #858585;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/header_busca.scss */
  .header__busca {
    display: none !important;
  }
}

/* line 86, assets/styles/sass/header_busca.scss */
.header__busca .header__busca_lupa {
  position: absolute;
  right: 5px;
  z-index: 2;
}

/* line 93, assets/styles/sass/header_busca.scss */
.busca-header-img {
  color: #858585;
}

/**
     * Logo
     */
/* line 223, assets/styles/sass/header.scss */
.header_logo {
  grid-area: header_logo;
  align-self: center;
}

@media (max-width: 640px) {
  /* line 223, assets/styles/sass/header.scss */
  .header_logo {
    margin: 0;
    width: auto;
    justify-self: center;
    position: relative;
    margin-top: 5px;
  }
}

/* line 236, assets/styles/sass/header.scss */
.logo {
  background-repeat: no-repeat;
  background-size: contain;
  display: table;
  float: left;
  max-height: 56px;
}

/* line 243, assets/styles/sass/header.scss */
.logo img {
  display: block;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

/**
     * Login - Favorito - Carrinho e Atendimento - Telefones (aside)
     */
/* line 255, assets/styles/sass/header.scss */
.header__grupo_cliente_atendimento {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/**
         * Login - Favorito - Carrinho
         */
/* line 263, assets/styles/sass/header.scss */
.header-grupo_busca_login_favorito_carrinho {
  height: 55px;
  min-width: 140px;
  position: relative;
  right: 0;
  grid-area: header-grupo_busca_login_favorito_carrinho;
  justify-self: flex-end;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
}

@media (max-width: 1366px) {
  /* line 263, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho {
    gap: 10px;
  }
}

@media (max-width: 640px) {
  /* line 263, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho {
    min-width: auto;
    border: 0;
    gap: 20px;
  }
}

/* line 283, assets/styles/sass/header.scss */
.header-grupo_busca_login_favorito_carrinho .header__busca,
.header-grupo_busca_login_favorito_carrinho .header_login,
.header-grupo_busca_login_favorito_carrinho .header_favoritos,
.header-grupo_busca_login_favorito_carrinho .header_carrinho {
  height: 100%;
}

@media (max-width: 640px) {
  /* line 283, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho .header__busca,
  .header-grupo_busca_login_favorito_carrinho .header_login,
  .header-grupo_busca_login_favorito_carrinho .header_favoritos,
  .header-grupo_busca_login_favorito_carrinho .header_carrinho {
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
}

@media (max-width: 640px) {
  /* line 299, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho .header_busca__button {
    margin: 0;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }
}

/* line 316, assets/styles/sass/header.scss */
.header-grupo_busca_login_favorito_carrinho .header_carrinho i,
.header-grupo_busca_login_favorito_carrinho .header_favoritos i,
.header-grupo_busca_login_favorito_carrinho .header_login i,
.header-grupo_busca_login_favorito_carrinho .header_busca__button i,
.header-grupo_busca_login_favorito_carrinho .bt-busca i {
  color: #000;
  font-size: 23px;
  cursor: pointer;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 316, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho .header_carrinho i,
  .header-grupo_busca_login_favorito_carrinho .header_favoritos i,
  .header-grupo_busca_login_favorito_carrinho .header_login i,
  .header-grupo_busca_login_favorito_carrinho .header_busca__button i,
  .header-grupo_busca_login_favorito_carrinho .bt-busca i {
    font-size: 32px;
  }
}

/* line 328, assets/styles/sass/header.scss */
.header-grupo_busca_login_favorito_carrinho .header_favoritos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
                  O contador saiu daqui. Era um círculo cinza posicionado por
                  margem, que mudava de lugar a cada tamanho de ícone. O desenho
                  novo é o mesmo do badge da sacola, em .favoritos-badge
                  (header-nav.scss).
                */
}

@media (max-width: 640px) {
  /* line 328, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho .header_favoritos {
    justify-content: flex-end;
  }
}

/* line 343, assets/styles/sass/header.scss */
.header-grupo_busca_login_favorito_carrinho #btn-search {
  display: none;
}

@media (max-width: 640px) {
  /* line 343, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho #btn-search {
    display: block;
  }
  /* line 349, assets/styles/sass/header.scss */
  .header-grupo_busca_login_favorito_carrinho #btn-search img {
    width: 40px;
  }
}

/* line 1, assets/styles/sass/box_login.scss */
.topo__login_form_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 41, assets/styles/sass/mixins.scss */
.topo__login_form_box ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  font-style: normal;
}

/* line 45, assets/styles/sass/mixins.scss */
.topo__login_form_box ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-style: normal;
}

/* line 49, assets/styles/sass/mixins.scss */
.topo__login_form_box :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  font-style: normal;
}

/* line 53, assets/styles/sass/mixins.scss */
.topo__login_form_box :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-style: normal;
}

/* line 7, assets/styles/sass/box_login.scss */
.topo__login_form_box input {
  font-weight: 400;
  height: 36px;
  margin-bottom: 12px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 7, assets/styles/sass/box_login.scss */
  .topo__login_form_box input {
    height: 50px;
    font-size: 24px;
  }
}

/* line 20, assets/styles/sass/box_login.scss */
.topo__login_form_box button {
  height: 36px;
  font-size: 14px;
  margin-bottom: 7px;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 20, assets/styles/sass/box_login.scss */
  .topo__login_form_box button {
    font-size: 24px;
    height: 45px;
    width: 220px;
  }
}

/* line 35, assets/styles/sass/box_login.scss */
.topo__login_form_box .box_mostrar-senha {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

/* line 39, assets/styles/sass/box_login.scss */
.topo__login_form_box .box_mostrar-senha input[type="checkbox"] {
  margin-bottom: 0;
  width: 14px;
  height: 14px;
}

/* line 45, assets/styles/sass/box_login.scss */
.topo__login_form_box .box_mostrar-senha label[for="checkbox-senha-box"] {
  font-size: 12px !important;
  color: #000;
  font-weight: 500;
}

/* line 52, assets/styles/sass/box_login.scss */
.topo__login_form_box .forgot-password {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/box_login.scss */
  .topo__login_form_box .forgot-password {
    margin: 20px 0;
    font-size: 22px;
  }
}

/* line 61, assets/styles/sass/box_login.scss */
.topo__login_form_box .forgot-password:hover {
  text-decoration: underline;
}

/* line 67, assets/styles/sass/box_login.scss */
.box_login__separador {
  background: #000;
  display: block;
  height: 1px;
  margin: 10px 0;
  width: 100%;
}

/* line 75, assets/styles/sass/box_login.scss */
.box_login__cadastros {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 10px;
  padding: 10px 0;
  width: 100%;
}

/* line 84, assets/styles/sass/box_login.scss */
.box_login__cadastros .box_login__cadastrar {
  font-size: 11px;
  padding-right: 0;
  height: 28px;
  padding: 0;
  width: auto;
  text-transform: initial;
  padding: 5.8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
}

/* line 94, assets/styles/sass/box_login.scss */
.box_login__cadastros .box_login__cadastrar:after {
  border-radius: 3px;
}

/* line 1, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header__itens {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 9, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 14, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .header_carrinho__img {
  color: #000;
}

/* line 18, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores {
  color: #000;
  margin-left: 10px;
  display: flex;
  align-items: center;
}

/* line 27, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(1) {
  line-height: 18px;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/header__topo_carrinho.scss */
  .menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(1) {
    line-height: 24px;
  }
}

/* line 40, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(2) {
  line-height: 12px;
}

@media (max-width: 640px) {
  /* line 40, assets/styles/sass/header__topo_carrinho.scss */
  .menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(2) {
    line-height: 18px;
  }
}

/* line 49, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores .__carrinho-valor-total-avista {
  font-size: 18px;
}

@media (max-width: 640px) {
  /* line 49, assets/styles/sass/header__topo_carrinho.scss */
  .menu_sidebar__header_wrap .carrinho_valores .__carrinho-valor-total-avista {
    font-size: 24px;
  }
}

/* line 57, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores .__carrinho-titulo,
.menu_sidebar__header_wrap .carrinho_valores .__carrinho-qtd-itens,
.menu_sidebar__header_wrap .carrinho_valores .__name-qtd,
.menu_sidebar__header_wrap .carrinho_valores .__carrinho-valor-total-avista {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #000;
}

@media (max-width: 640px) {
  /* line 57, assets/styles/sass/header__topo_carrinho.scss */
  .menu_sidebar__header_wrap .carrinho_valores .__carrinho-titulo,
  .menu_sidebar__header_wrap .carrinho_valores .__carrinho-qtd-itens,
  .menu_sidebar__header_wrap .carrinho_valores .__name-qtd,
  .menu_sidebar__header_wrap .carrinho_valores .__carrinho-valor-total-avista {
    font-size: 22px;
  }
}

/* line 68, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores .__carrinho-titulo {
  color: #000;
}

/* line 72, assets/styles/sass/header__topo_carrinho.scss */
.menu_sidebar__header_wrap .carrinho_valores .__carrinho-qtd-itens {
  font-weight: 700;
  position: static;
  background-color: transparent;
  margin: 0 !important;
}

/* line 81, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__outer {
  background: #ffffff;
  display: block;
  min-height: 440px;
  height: calc(100% - 75px);
  overflow: hidden;
  position: absolute;
  right: 0;
  min-width: 100%;
  width: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}

/* line 96, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__wrap {
  background: #ffffff;
  height: 100%;
  position: relative;
  top: 15px;
  width: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  /*segura o preco e os botões dropdown sacola*/
}

/* line 105, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__wrap .itens_na_sacola__scroll {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  height: calc(100% - 160px);
  width: 100%;
}

@media (max-width: 640px) {
  /* line 105, assets/styles/sass/header__topo_carrinho.scss */
  .itens_na_sacola__wrap .itens_na_sacola__scroll {
    height: calc(100% - 265px);
  }
}

/* line 117, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__wrap .itens_na_sacola__content {
  margin-top: 5px;
  width: 370px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 124, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__wrap .lista-itens-carrinho {
  width: 100%;
}

@media (max-width: 640px) {
  /* line 124, assets/styles/sass/header__topo_carrinho.scss */
  .itens_na_sacola__wrap .lista-itens-carrinho {
    padding-bottom: 150px;
  }
}

/* line 131, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__wrap .lista-itens-carrinho li {
  height: auto !important;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 137, assets/styles/sass/header__topo_carrinho.scss */
.itens_na_sacola__wrap .lista-itens-carrinho li:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* line 131, assets/styles/sass/header__topo_carrinho.scss */
  .itens_na_sacola__wrap .lista-itens-carrinho li {
    height: 230px !important;
  }
}

/* line 1, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .titulo_sacola {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  color: #727272;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .titulo_sacola {
    font-size: 28px;
  }
}

/* line 11, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .mCustomScrollBox {
  height: 100%;
  overflow: hidden;
  width: 90%;
}

/* line 17, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .lista-itens-carrinho {
  margin-top: 10px;
}

/* line 20, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .lista-itens-carrinho li {
  border-bottom: 1px solid #f1f1f1;
  font-size: 16px;
  height: 55px;
  line-height: 55px;
  position: relative;
  text-align: left;
  width: 95%;
}

/* line 29, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .lista-itens-carrinho li:last-of-type {
  border-bottom: none;
  margin-bottom: 15px;
}

/* line 36, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap {
  border: solid 1px #ffffff;
  height: 110px;
  position: relative;
  width: 73px;
}

@media (max-width: 640px) {
  /* line 36, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap {
    height: 200px;
    width: 133px;
  }
}

/* line 47, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap .delete-this {
  background-color: red;
  border-radius: 5px;
  height: 18px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #ffffff;
  overflow: auto;
  position: absolute;
  right: -4px;
  text-align: center;
  top: -6px;
  width: 18px !important;
}

@media (max-width: 640px) {
  /* line 47, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap .delete-this {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    width: 25px !important;
  }
}

/* line 68, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__precos_edicao {
  padding-left: 15px !important;
  width: auto !important;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__precos_edicao {
    width: 290px !important;
  }
}

/* line 78, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__detalhes {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 84, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 84, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__nome {
    line-height: 23px;
  }
}

/* line 91, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__nome a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 95, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__nome p {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: left;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 95, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__nome p {
    font-size: 18px;
  }
}

/* line 110, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__nome a,
.itens_na_sacola__wrap .itens_na_sacola__nome .itens_na_sacola__pipe,
.itens_na_sacola__wrap .itens_na_sacola__nome .tamanho {
  font-family: "sofia-pro", sans-serif;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  letter-spacing: 1px;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  /* line 110, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__nome a,
  .itens_na_sacola__wrap .itens_na_sacola__nome .itens_na_sacola__pipe,
  .itens_na_sacola__wrap .itens_na_sacola__nome .tamanho {
    font-size: 21px;
    line-height: 23px;
  }
}

/* line 124, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__nome .itens_na_sacola__pipe {
  margin: 0 7px;
}

/* line 129, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__detalhes_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 129, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__detalhes_wrap {
    flex-wrap: wrap;
  }
}

/* line 139, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod {
  border-radius: 0;
  float: left;
  height: 30px;
  margin: 10px 0;
  width: 127px;
}

@media (max-width: 640px) {
  /* line 139, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod {
    height: 54px;
    width: 170px;
  }
}

/* line 151, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir,
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar {
  text-align: center;
  float: left;
  height: 30px;
  padding: 0;
  width: 35px;
}

@media (max-width: 640px) {
  /* line 151, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir,
  .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar {
    font-size: 1.5rem;
    height: 50px;
    width: 55px;
  }
}

/* line 165, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir:hover, .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir:active, .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir:focus,
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar:hover,
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar:active,
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar:focus {
  color: #000 !important;
  border-color: #000 !important;
}

/* line 172, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir.secondary,
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar.secondary {
  background-color: #ffffff;
  border-color: #858585 !important;
  box-shadow: none;
}

/* line 179, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .qtd {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 30px;
  color: #000;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: left;
  height: 30px;
  margin-bottom: 0;
  text-align: center;
  width: 45px;
}

@media (max-width: 640px) {
  /* line 179, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .qtd {
    font-size: 26px;
    height: 52px;
  }
}

/* line 200, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__parcial_valor {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__parcial_valor {
    font-size: 25px;
    line-height: 25px;
  }
}

/* line 208, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__parcial_valor span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 208, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__parcial_valor span {
    font-size: 18px;
  }
}

/* line 217, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__total {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 220, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__total span {
  color: #858585;
  font-weight: 400;
  font-size: 12px;
  line-height: 36px;
  text-transform: uppercase;
  margin-right: 10px;
}

@media (max-width: 640px) {
  /* line 220, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__total span {
    font-size: 18px;
  }
}

/* line 234, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__total_valor {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: #000;
  font-family: "sofia-pro", sans-serif;
}

@media (max-width: 640px) {
  /* line 234, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__total_valor {
    font-size: 28px;
    line-height: 28px;
  }
}

/* line 245, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__finalizacao {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 245, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__finalizacao {
    flex-direction: column;
    gap: 10px;
  }
}

/* line 254, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__finalizacao .button {
  font-size: 12px;
  padding: 15px 0;
  letter-spacing: 1px;
}

@media (max-width: 640px) {
  /* line 254, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__finalizacao .button {
    font-size: 16px;
    width: 100%;
  }
}

/* line 266, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_na_sacola__botao_editar {
  text-align: center;
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 266, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_na_sacola__botao_editar {
    font-size: 18px;
    height: auto;
    padding: 2.5px;
  }
}

/* line 281, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000 !important;
}

/* line 286, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_sacola_preco_finalizacao {
  background-color: #ffffff;
  bottom: 0;
  padding: 20px;
  padding-top: 15px;
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 10px;
}

@media (max-width: 640px) {
  /* line 286, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_sacola_preco_finalizacao {
    height: 260px;
  }
}

/* line 303, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 640px) {
  /* line 303, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn {
    width: 100%;
  }
}

/* line 312, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .escondido {
  display: none !important;
}

/* line 316, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho {
  display: flex;
  flex-direction: column;
  margin-left: 150px;
}

@media (max-width: 640px) {
  /* line 316, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho {
    margin-left: 80px;
  }
}

/* line 325, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho {
  float: right;
  margin: 5px 20px 0 0;
}

@media (max-width: 640px) {
  /* line 325, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho {
    margin: 0px 20px 0 0;
  }
}

/* line 333, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label {
  color: #000;
  float: left;
  margin: 3px 0 0 -170px !important;
}

@media (max-width: 640px) {
  /* line 333, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label {
    margin: 3px 0 0 30px !important;
  }
}

/* line 344, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho input {
  border: 1px solid #f1f1f1;
  box-shadow: none;
  color: #000;
  float: left;
  height: 31px;
  margin-left: .7rem;
  padding: 7px;
  width: 110px;
}

@media (max-width: 640px) {
  /* line 344, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho input {
    font-size: 20px;
    height: 47px;
    width: 200px;
    margin-bottom: 30px;
  }
}

/* line 362, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button {
  float: left;
  margin-left: .7rem;
  padding: 7px 10px;
}

@media (max-width: 640px) {
  /* line 362, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button {
    font-size: 1.25rem;
    height: 47px;
    padding: 10px 15px;
    width: 60px;
  }
}

/* line 374, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button:after {
  background-image: none !important;
}

/* line 382, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_sacola_preco__total {
  border-top: 1px solid #000;
  margin-bottom: 10px;
  padding-top: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 390, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_sacola_preco__total span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #858585;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  margin-right: 5px;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 640px) {
  /* line 390, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_sacola_preco__total span {
    font-size: 26px;
  }
}

/* line 404, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .itens_sacola_preco__total #info-parcelamento,
.itens_na_sacola__wrap .itens_sacola_preco__total .info-desconto {
  width: 100%;
  color: #858585;
  font-weight: 400;
  font-size: 13px;
}

@media (max-width: 640px) {
  /* line 404, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .itens_sacola_preco__total #info-parcelamento,
  .itens_na_sacola__wrap .itens_sacola_preco__total .info-desconto {
    font-size: 15px;
  }
}

/* line 417, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .price.__carrinho-valor-total-avista {
  font-family: "sofia-pro", sans-serif;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  color: #000;
}

/* line 422, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .secao-desconto-combo-sacola {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: normal;
  color: #727272;
  margin-bottom: 4px;
  text-align: left;
  width: 100%;
}

/* line 428, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .secao-desconto-combo-sacola #valor-desconto-combo-sacola {
  color: #FF0000;
  font-weight: 700;
  display: inline;
}

/* line 434, assets/styles/sass/itens_na_sacola.scss */
.itens_na_sacola__wrap .secao-desconto-combo-sacola.escondido {
  display: none;
}

@media (max-width: 640px) {
  /* line 422, assets/styles/sass/itens_na_sacola.scss */
  .itens_na_sacola__wrap .secao-desconto-combo-sacola {
    font-size: 18px;
  }
}

/* line 149, assets/styles/sass/header__topo_carrinho.scss */
.dropdown_carrinho {
  left: -360px;
  min-height: 450px;
  min-width: 410px;
}

/* line 156, assets/styles/sass/header__topo_carrinho.scss */
.carrinho_vazio {
  text-align: center;
  width: 100%;
}

/* line 160, assets/styles/sass/header__topo_carrinho.scss */
.carrinho_vazio .itens_na_sacola__wrap {
  height: calc(100% - 95px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 160, assets/styles/sass/header__topo_carrinho.scss */
  .carrinho_vazio .itens_na_sacola__wrap {
    height: calc(100% - 205px);
  }
}

/* line 169, assets/styles/sass/header__topo_carrinho.scss */
.carrinho_vazio .itens_na_sacola__wrap .itens_na_sacola_resgatar_carrinho::after {
  background-color: transparent;
  background-image: url(/app-hagler/assets/images/icons/icon-seta-baixo2.png);
  background-repeat: no-repeat;
  content: "";
  height: 10px;
  margin-left: 175px;
  width: 16px;
}

@media (max-width: 640px) {
  /* line 169, assets/styles/sass/header__topo_carrinho.scss */
  .carrinho_vazio .itens_na_sacola__wrap .itens_na_sacola_resgatar_carrinho::after {
    background-size: 25px;
    height: 25px;
    width: 25px;
    margin-left: 290px;
    margin-top: 10px;
  }
}

/* line 187, assets/styles/sass/header__topo_carrinho.scss */
.carrinho_vazio .itens_na_sacola__wrap .itens_na_sacola_resgatar_carrinho.seta-cima::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 640px) {
  /* line 187, assets/styles/sass/header__topo_carrinho.scss */
  .carrinho_vazio .itens_na_sacola__wrap .itens_na_sacola_resgatar_carrinho.seta-cima::after {
    margin-top: -3px;
  }
}

/* line 201, assets/styles/sass/header__topo_carrinho.scss */
.carrinho_vazio .itens_sacola_preco_finalizacao {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 207, assets/styles/sass/header__topo_carrinho.scss */
.carrinho_vazio .itens_na_sacola__botao_editar {
  font-size: 16px;
  height: auto;
  height: 45px !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 207, assets/styles/sass/header__topo_carrinho.scss */
  .carrinho_vazio .itens_na_sacola__botao_editar {
    font-size: 28px;
  }
}

/* line 1, assets/styles/sass/header_carrinho.scss */
.header_carrinho {
  /*
      O badge do contador saiu daqui. Era um círculo cinza posicionado por margin,
      e a regra pegava QUALQUER .__carrinho-qtd-itens dentro de .header_carrinho -
      inclusive o número no título da sacola lateral, que vive dentro deste mesmo
      elemento. O desenho novo está em .sacola-badge (header-nav.scss).
    */
}

/* line 3, assets/styles/sass/header_carrinho.scss */
.header_carrinho .carrinho__wrap {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 16, assets/styles/sass/header_carrinho.scss */
.header_carrinho .header__carrinho-total {
  color: #858585;
  font-size: 12px;
  margin-left: 10px;
}

@media (max-width: 640px) {
  /* line 16, assets/styles/sass/header_carrinho.scss */
  .header_carrinho .header__carrinho-total {
    display: none;
  }
}

/* line 27, assets/styles/sass/header_carrinho.scss */
.topo__carrinho {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/header_carrinho.scss */
  .topo__carrinho {
    align-items: center;
  }
}

/* line 1, assets/styles/sass/header_login.scss */
.header_login {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/header_login.scss */
  .header_login {
    display: none;
  }
}

/* line 10, assets/styles/sass/header_login.scss */
.header_login .header_login__img {
  color: #858585;
  width: auto;
}

/* line 15, assets/styles/sass/header_login.scss */
.header_login .mob-login_img {
  display: none;
}

@media (max-width: 640px) {
  /* line 15, assets/styles/sass/header_login.scss */
  .header_login .mob-login_img {
    display: block;
  }
}

/* line 23, assets/styles/sass/header_login.scss */
.header_login .desk-login_img {
  display: block;
}

@media (max-width: 640px) {
  /* line 23, assets/styles/sass/header_login.scss */
  .header_login .desk-login_img {
    display: none;
  }
}

/*ícone do usuario com link para o login*/
/* line 33, assets/styles/sass/header_login.scss */
.header_login__linklogin {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/*ponto de partida do box de login*/
/* line 40, assets/styles/sass/header_login.scss */
.header_login__ancora:hover .box_login__outer,
.header_login__ancora:focus-within .box_login__outer {
  display: flex;
}

/*div para abrir os submenus de login*/
/* line 47, assets/styles/sass/header_login.scss */
.box_login__outer {
  background: #ffffff;
  position: absolute;
  left: 0%;
  top: 55px;
  transform: translate(-52.1%, 0);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  display: none;
  -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
}

@media (min-width: 1199px) and (max-width: 1800px) {
  /* line 47, assets/styles/sass/header_login.scss */
  .box_login__outer {
    left: -116px;
  }
}

@media (max-width: 1199px) {
  /* line 47, assets/styles/sass/header_login.scss */
  .box_login__outer {
    left: -60%;
  }
}

/* line 69, assets/styles/sass/header_login.scss */
.box_login__outer:hover,
.box_login__outer:hover .box_login__wrap {
  display: flex;
}

/* line 75, assets/styles/sass/header_login.scss */
.header_login__deslogado .box_login__outer {
  width: 390px;
}

@media (max-width: 640px) {
  /* line 75, assets/styles/sass/header_login.scss */
  .header_login__deslogado .box_login__outer {
    display: none !important;
  }
}

/*caixa de login/logado*/
/* line 84, assets/styles/sass/header_login.scss */
.box_login__wrap {
  background: #ffffff;
  padding: 20px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}

/*submenu de quando o cliente tá logado*/
/* line 93, assets/styles/sass/header_login.scss */
.header_login__logado {
  /*div para abrir os submenus de login*/
}

/* line 95, assets/styles/sass/header_login.scss */
.header_login__logado .header_login__logado_link {
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #858585;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  text-align: center;
  width: 100%;
}

/* line 103, assets/styles/sass/header_login.scss */
.header_login__logado .header_login__logado_link:hover {
  color: #858585;
}

@media (max-width: 640px) {
  /* line 95, assets/styles/sass/header_login.scss */
  .header_login__logado .header_login__logado_link {
    font-size: 22px;
    line-height: 22px;
  }
}

/* line 114, assets/styles/sass/header_login.scss */
.header_login__logado .box_login__outer {
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 55px;
  width: 210px;
  transform: translate(-50%, 0);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  display: none;
}

@media (min-width: 1199px) and (max-width: 1800px) {
  /* line 114, assets/styles/sass/header_login.scss */
  .header_login__logado .box_login__outer {
    left: -35px;
  }
}

@media (max-width: 1199px) {
  /* line 114, assets/styles/sass/header_login.scss */
  .header_login__logado .box_login__outer {
    display: none !important;
  }
}

/* line 1, assets/styles/sass/header_empresa.scss */
.header-empresa {
  height: 51px !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 7, assets/styles/sass/header_empresa.scss */
.header-empresa img {
  width: 24px;
}

/* line 11, assets/styles/sass/header_empresa.scss */
.header-empresa:hover {
  background: #858585;
}

@media (max-width: 640px) {
  /* line 16, assets/styles/sass/header_empresa.scss */
  .header-empresa .header-empresa__menu--block {
    display: block !important;
  }
}

@media (min-width: 641px) {
  /* line 22, assets/styles/sass/header_empresa.scss */
  .header-empresa:hover .header-empresa__menu {
    display: flex;
  }
}

/* line 28, assets/styles/sass/header_empresa.scss */
.header-empresa__menu {
  background: transparent;
  display: none;
  padding-top: 5px;
  position: absolute;
  right: 0;
  top: 50px;
  width: 150px;
  -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
}

/* line 43, assets/styles/sass/header_empresa.scss */
.header-empresa__menu ul {
  background: #ffffff;
  padding: 0;
  width: 100%;
}

/* line 48, assets/styles/sass/header_empresa.scss */
.header-empresa__menu ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 52, assets/styles/sass/header_empresa.scss */
.header-empresa__menu ul li:last-of-type {
  border-bottom: none;
}

/* line 56, assets/styles/sass/header_empresa.scss */
.header-empresa__menu ul li:hover {
  background: #858585;
}

/* line 62, assets/styles/sass/header_empresa.scss */
.header-empresa__menu a {
  height: auto;
  padding: 0 15px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  color: #000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 70, assets/styles/sass/header_empresa.scss */
.header-empresa__menu a:hover {
  color: #000;
}

@media (min-width: 641px) {
  /* line 76, assets/styles/sass/header_empresa.scss */
  .header-empresa__menu:hover {
    display: flex;
  }
}

@media (max-width: 640px) {
  /* line 82, assets/styles/sass/header_empresa.scss */
  .header-empresa__menu .header-empresa__menu--block {
    display: block !important;
  }
}

/*----------- CONTADOR REGRESSIVO - Promoção ---------*/
/* line 363, assets/styles/sass/header.scss */
.home_promocao {
  background-color: #000;
  width: 100%;
  border-radius: unset;
  position: absolute;
  padding: 5px 0;
}

@media (max-width: 1199px) {
  /* line 363, assets/styles/sass/header.scss */
  .home_promocao {
    padding: 10px 0;
  }
}

/* line 374, assets/styles/sass/header.scss */
.home_promocao .conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 35px;
}

@media (max-width: 1199px) {
  /* line 374, assets/styles/sass/header.scss */
  .home_promocao .conteudo {
    width: 100% !important;
  }
}

/* line 383, assets/styles/sass/header.scss */
.home_promocao__contador_regressivo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 140px;
}

@media (max-width: 640px) {
  /* line 383, assets/styles/sass/header.scss */
  .home_promocao__contador_regressivo {
    width: 180px;
  }
}

/* line 391, assets/styles/sass/header.scss */
.home_promocao__contador_regressivo > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-right: 8px;
}

/* line 397, assets/styles/sass/header.scss */
.home_promocao h2 {
  color: #ffffff;
  text-transform: inherit;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 300;
  margin-right: 15px;
}

@media (max-width: 640px) {
  /* line 397, assets/styles/sass/header.scss */
  .home_promocao h2 {
    font-size: 16px;
  }
}

/* line 411, assets/styles/sass/header.scss */
.home_promocao p {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  margin-right: 5px;
}

@media (max-width: 1330px) {
  /* line 411, assets/styles/sass/header.scss */
  .home_promocao p {
    font-size: 19px;
  }
}

@media (max-width: 640px) {
  /* line 411, assets/styles/sass/header.scss */
  .home_promocao p {
    font-size: 25px;
    line-height: 40px;
  }
}

/* line 429, assets/styles/sass/header.scss */
.home_promocao span {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}

@media (max-width: 1330px) {
  /* line 429, assets/styles/sass/header.scss */
  .home_promocao span {
    font-size: 19px;
  }
}

@media (max-width: 640px) {
  /* line 429, assets/styles/sass/header.scss */
  .home_promocao span {
    font-size: 25px;
    line-height: 40px;
  }
}

/* line 448, assets/styles/sass/header.scss */
.search__mobile {
  display: none;
}

/**
 * Menu
 */
/*menu*/
/* line 2, assets/styles/sass/header__menu_principal.scss */
menu {
  height: 100%;
  width: 100%;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  grid-area: menu;
  align-self: center;
}

/* line 11, assets/styles/sass/header__menu_principal.scss */
menu .conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 16, assets/styles/sass/header__menu_principal.scss */
.links__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 21, assets/styles/sass/header__menu_principal.scss */
.links__wrapper > li {
  height: 100%;
  margin: 0 10px;
  padding: 0 5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1366px) {
  /* line 21, assets/styles/sass/header__menu_principal.scss */
  .links__wrapper > li {
    margin: 0;
    padding: 0 .8vw;
  }
}

/* line 39, assets/styles/sass/header__menu_principal.scss */
.links__wrapper > li:hover .links__link {
  color: #000;
  text-decoration: underline 0.15em black;
  transition: text-decoration-color 300ms;
}

/* line 45, assets/styles/sass/header__menu_principal.scss */
.links__wrapper > li:hover .submenu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 1;
}

/* line 54, assets/styles/sass/header__menu_principal.scss */
.links__link {
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #000;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  height: 100%;
  text-decoration: underline 0.15em rgba(0, 0, 0, 0);
  text-underline-offset: 2px;
  transition: text-decoration-color 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1497px) {
  /* line 54, assets/styles/sass/header__menu_principal.scss */
  .links__link {
    font-size: .70vw;
  }
}

@media (max-width: 1366px) {
  /* line 54, assets/styles/sass/header__menu_principal.scss */
  .links__link {
    font-size: .70vw;
  }
}

@media (max-width: 1199px) {
  /* line 54, assets/styles/sass/header__menu_principal.scss */
  .links__link {
    font-size: 12px;
  }
}

/* line 80, assets/styles/sass/header__menu_principal.scss */
.links__link.menu__outlett span {
  background-color: #858585;
  color: #ffffff;
  padding: 1px 0px 1px 2px;
}

/* line 88, assets/styles/sass/header__menu_principal.scss */
.submenu {
  border-top: 2px solid #000;
  background-color: #ffffff;
  color: #ffffff;
  display: none;
  opacity: 0;
  height: auto;
  min-height: 240px;
  padding: 0;
  position: absolute;
  transition: all 200ms;
  width: 100vw;
  z-index: 2;
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  transition: opacity 0.8s;
  -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.25);
}

/* line 115, assets/styles/sass/header__menu_principal.scss */
.submenu .conteudo {
  justify-content: space-between;
}

/* line 119, assets/styles/sass/header__menu_principal.scss */
.submenu__links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 240px;
  column-gap: 10px;
}

/* line 125, assets/styles/sass/header__menu_principal.scss */
.submenu li {
  line-height: 20px;
  padding: 0 15px;
  text-align: center;
  min-width: 290px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 133, assets/styles/sass/header__menu_principal.scss */
.submenu li a {
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 35px;
  color: #000;
  font-family: "sofia-pro", sans-serif;
  letter-spacing: 3px;
  padding: 5px 0;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 147, assets/styles/sass/header__menu_principal.scss */
.submenu li i {
  color: #000;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 155, assets/styles/sass/header__menu_principal.scss */
.submenu li:hover > .submenu_highlight {
  display: flex;
}

/* line 161, assets/styles/sass/header__menu_principal.scss */
.submenu .submenu_highlight {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  right: 25px;
  top: 0;
  height: 100%;
  display: none;
}

/* line 171, assets/styles/sass/header__menu_principal.scss */
.header-shrink .submenu {
  top: 65px;
}

/* line 175, assets/styles/sass/header__menu_principal.scss */
.links__submenu li:hover .links__submenu__netas {
  border-top: 2px solid #000;
  box-shadow: 5px 9px 6px -5px rgba(0, 0, 0, 0.45);
  background: #ffffff;
  left: 100%;
  position: absolute;
  margin-top: -2px;
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 186, assets/styles/sass/header__menu_principal.scss */
.links__submenu__netas {
  display: none;
}

/* line 190, assets/styles/sass/header__menu_principal.scss */
.links__submenu__netas li a {
  font-style: normal;
}

/*-----------HEADER MOBILE---------*/
@media (max-width: 640px) {
  /**
     * Menu mobile
     */
  /* line 1, assets/styles/sass/header__menu_mobile.scss */
  .header_menu-mobile {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

@media (max-width: 640px) and (max-width: 640px) {
  /* line 1, assets/styles/sass/header__menu_mobile.scss */
  .header_menu-mobile {
    align-items: center;
  }
}

@media (max-width: 640px) {
  /* line 8, assets/styles/sass/header__menu_mobile.scss */
  .header_menu-mobile .menu-mobile_button {
    cursor: pointer;
  }
  /* line 11, assets/styles/sass/header__menu_mobile.scss */
  .header_menu-mobile .menu-mobile_button i {
    color: #000;
    font-size: 40px;
  }
  /* line 17, assets/styles/sass/header__menu_mobile.scss */
  .header_menu-mobile .menu_sidebar__relative,
  .header_menu-mobile .menu_sidebar__header {
    background: #ffffff;
    border-bottom: 5px solid;
    border-color: #000;
  }
  /* line 25, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu {
    overflow-y: scroll;
  }
  /* line 28, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu .menu_sidebar__header_link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 31, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu .menu_sidebar__header_link span {
    color: #858585;
    font-size: 23px;
    margin-left: 10px;
  }
  /* line 37, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu .menu_sidebar__header_link i {
    color: #858585;
    font-size: 50px;
    margin-left: -5px;
  }
  /* line 46, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu .menu_sidebar__header_link-logged span {
    color: #858585;
    font-size: 21px;
  }
  /* line 54, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 58, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu-list li {
    background-color: #ffffff;
    border-bottom: 1px solid #727272;
    width: 100%;
  }
  /* line 63, assets/styles/sass/header__menu_mobile.scss */
  .menu_sidebar__menu-list li a {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #727272;
    display: block;
    padding: 20px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 74, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper {
    overflow: hidden;
    max-width: 100%;
  }
  /* line 79, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper ul {
    background-color: #ffffff !important;
  }
  /* line 83, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper .dl-menu {
    margin: 0;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  /* line 92, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper li a {
    font-weight: normal;
  }
  /* line 95, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper li a.menu__outlett {
    text-transform: uppercase;
  }
  /* line 98, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper li a.menu__outlett span {
    background-color: #858585;
    color: #ffffff;
    padding: 1px 0px 1px 2px;
  }
  /* line 106, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper li.dl-back:after,
  .dl-menuwrapper li > a:not(:only-child):after {
    background-image: url(../images/icons/newsletter_button__seta.png);
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    position: absolute;
    top: 25px;
    width: 20px;
  }
  /* line 117, assets/styles/sass/header__menu_mobile.scss */
  .dl-menuwrapper li.dl-back:after {
    left: 0;
  }
  /* line 121, assets/styles/sass/header__menu_mobile.scss */
  .no-touch .dl-menuwrapper li a:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  /* line 125, assets/styles/sass/header__menu_mobile.scss */
  .menu-list_special {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 129, assets/styles/sass/header__menu_mobile.scss */
  .menu-list_special li {
    background-color: #000;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
  }
  /* line 134, assets/styles/sass/header__menu_mobile.scss */
  .menu-list_special li a {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    display: block;
    padding: 20px 20px 20px 20px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 142, assets/styles/sass/header__menu_mobile.scss */
  .menu-list_special li a:after {
    display: none;
  }
  /* line 147, assets/styles/sass/header__menu_mobile.scss */
  .menu-list_special li .mdi {
    font-size: 35px;
    margin-right: 10px;
  }
  /* line 152, assets/styles/sass/header__menu_mobile.scss */
  .menu-list_special li .menu-list_special__promocao {
    text-transform: uppercase;
  }
  /**
     * Busca mobile
     */
  /*botão no header mobile (abrir)*/
  /* line 2, assets/styles/sass/header__busca_mobile.scss */
  .header_busca__button {
    background-color: transparent;
    margin: 0 20px 0 0;
    padding: 0;
  }
  /* Layout for search container */
  /* line 9, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile {
    background: rgba(255, 255, 255, 0.9);
    height: 100vh;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 1000;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 20, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile .search__form__btn-search {
    border-width: 3px;
    background-color: #ffffff;
    font-weight: 700;
    font-size: 30px;
    padding-right: 15px;
    text-transform: uppercase;
    text-align: right;
    transition: 150ms all ease-in-out;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
  }
}

@media (max-width: 640px) and (max-width: 640px) {
  /* line 36, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile .search__form {
    width: 502px;
  }
}

@media (max-width: 640px) {
  /* line 44, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile::before,
  .search__mobile::after {
    border: 1.5em solid #000;
    content: '';
    height: calc(100% + 15px);
    pointer-events: none;
    position: absolute;
    width: calc(100% + 15px);
  }
  /* line 54, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile::before {
    border-right-width: 0;
    border-bottom-width: 0;
    left: 0;
    top: 0;
  }
  /* line 61, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile::after {
    border-top-width: 0;
    border-left-width: 0;
    bottom: 0;
    right: 0;
  }
  /*botão de fechar*/
  /* line 69, assets/styles/sass/header__busca_mobile.scss */
  .btn--search-close {
    background-color: transparent;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    font-family: "sofia-pro", sans-serif;
    font-weight: bold;
    font-size: 35px;
    line-height: 35px;
    color: #858585;
  }
  /*formulário*/
  /* line 81, assets/styles/sass/header__busca_mobile.scss */
  .search__form {
    margin: 7em 0 1em;
  }
  /* line 86, assets/styles/sass/header__busca_mobile.scss */
  .search__form input[type=text] {
    background-color: transparent;
    box-sizing: border-box;
    border: 0;
    border-bottom: 2px solid #858585;
    box-shadow: none;
    display: inline-block;
    height: auto;
    padding: 0.05em 0;
    width: 90%;
    font-family: inherit;
    font-weight: normal;
    font-size: 40px;
    line-height: 1;
    color: #858585;
  }
  /* line 99, assets/styles/sass/header__busca_mobile.scss */
  .search__input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.3;
    color: #727272;
  }
  /* line 105, assets/styles/sass/header__busca_mobile.scss */
  .search__input::-moz-placeholder {
    opacity: 0.3;
    /* Mozilla Firefox 19+ */
    color: #727272;
  }
  /* line 111, assets/styles/sass/header__busca_mobile.scss */
  .search__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #727272;
  }
  /* line 117, assets/styles/sass/header__busca_mobile.scss */
  .search__input::-webkit-search-cancel-button,
  .search__input::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /* line 122, assets/styles/sass/header__busca_mobile.scss */
  .search__input::-ms-clear {
    display: none;
  }
  /* line 126, assets/styles/sass/header__busca_mobile.scss */
  .search__info {
    color: #858585;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: left;
    width: 90%;
  }
  /************************/
  /* Transitions          */
  /************************/
  /* line 141, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
  }
  /* line 147, assets/styles/sass/header__busca_mobile.scss */
  .search--open {
    pointer-events: auto;
    opacity: 1;
  }
  /* Border */
  /* line 153, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile::before,
  .search__mobile::after {
    transition: transform 0.5s;
  }
  /* line 158, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile::before {
    transform: translate3d(-15px, -15px, 0);
  }
  /* line 162, assets/styles/sass/header__busca_mobile.scss */
  .search__mobile::after {
    transform: translate3d(15px, 15px, 0);
  }
  /* line 166, assets/styles/sass/header__busca_mobile.scss */
  .search--open::before,
  .search--open::after {
    transform: translate3d(0, 0, 0);
  }
  /* Close button */
  /* line 172, assets/styles/sass/header__busca_mobile.scss */
  .btn--search-close {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
  }
  /* line 178, assets/styles/sass/header__busca_mobile.scss */
  .search--open .btn--search-close {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  /* Search form with input and description */
  /* line 184, assets/styles/sass/header__busca_mobile.scss */
  .search__form {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
  }
  /* line 190, assets/styles/sass/header__busca_mobile.scss */
  .search--open .search__form {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

/* line 472, assets/styles/sass/header.scss */
.links_black-friday {
  -webkit-animation-name: links_black-friday;
  animation-name: links_black-friday;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@-webkit-keyframes links_black-friday {
  10% {
    color: #000;
  }
  20% {
    color: #000;
  }
  30% {
    color: #000;
  }
  40% {
    color: #000;
  }
  50% {
    color: #000;
  }
  60% {
    color: #858585;
  }
  70% {
    color: #858585;
  }
  80% {
    color: #858585;
  }
  90% {
    color: #858585;
  }
  100% {
    color: #858585;
  }
}

@keyframes links_black-friday {
  10% {
    color: #000;
  }
  20% {
    color: #000;
  }
  30% {
    color: #000;
  }
  40% {
    color: #000;
  }
  50% {
    color: #000;
  }
  60% {
    color: #858585;
  }
  70% {
    color: #858585;
  }
  80% {
    color: #858585;
  }
  90% {
    color: #858585;
  }
  100% {
    color: #858585;
  }
}

/* line 508, assets/styles/sass/header.scss */
.links_black-friday--mobile {
  -webkit-animation-name: links_black-friday--mobile;
  animation-name: links_black-friday--mobile;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@-webkit-keyframes links_black-friday--mobile {
  10% {
    color: #f1f1f1;
  }
  20% {
    color: #f1f1f1;
  }
  30% {
    color: #f1f1f1;
  }
  40% {
    color: #f1f1f1;
  }
  50% {
    color: #f1f1f1;
  }
  60% {
    color: #727272;
  }
  70% {
    color: #727272;
  }
  80% {
    color: #727272;
  }
  90% {
    color: #727272;
  }
  100% {
    color: #727272;
  }
}

@keyframes links_black-friday--mobile {
  10% {
    color: #f1f1f1;
  }
  20% {
    color: #f1f1f1;
  }
  30% {
    color: #f1f1f1;
  }
  40% {
    color: #f1f1f1;
  }
  50% {
    color: #f1f1f1;
  }
  60% {
    color: #727272;
  }
  70% {
    color: #727272;
  }
  80% {
    color: #727272;
  }
  90% {
    color: #727272;
  }
  100% {
    color: #727272;
  }
}

/* line 549, assets/styles/sass/header.scss */
.site-em-homologacao main {
  margin-top: 100px !important;
}

/* line 553, assets/styles/sass/header.scss */
.site-em-homologacao .homologacao {
  text-align: center;
  width: 100%;
  background: #FC6C00;
}

/*
  Peças da barra que trocam de cor conforme o header esteja transparente sobre a
  foto ou com fundo branco.

  A lista é explícita, item por item, e não "todo <a> e todo <i> do grupo da
  direita". O painel do cliente vive dentro desse mesmo grupo e tem superfície
  branca própria: alcançá-lo fazia a lista desaparecer no fundo e trocar de cor a
  cada scroll.

  A saída natural seria :not(.box_login__wrap a), mas o node-sass (LibSass) não
  entende :not() com combinador descendente e descarta o trecho em silêncio - o
  seletor sai do CSS compilado como se o :not nunca tivesse sido escrito.
*/
/*------------------------------------*\
  #TOPO DA PÁGINA - redesign 2026
  (barra de avisos + estados do header)

  Duas peças que se comportam como uma só, ambas dentro do .header__wrap, que é
  position: fixed:

    .barra-avisos  faixa de avisos; recolhe no primeiro scroll
    .header    barra do menu; transparente sobre o hero, branca depois

  Quem alterna os estados é a classe .is-scrolled, colocada no .header__wrap pelo
  main.js. Ela fica no wrapper porque é o ancestral comum das duas.

  A ALTURA DO HEADER NÃO MUDA. Só a barra de avisos encolhe - assim o menu não "pula"
  de tamanho durante a rolagem, que é o efeito que se quer evitar.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 55, assets/styles/sass/header-topo.scss */
.barra-avisos {
  height: 34px;
  overflow: hidden;
  background-color: #000000;
  color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
      Recolhe em duas propriedades, não só na altura: a opacidade dissolve o texto
      enquanto a faixa fecha. Sozinha, a altura corta a frase pela metade contra a
      borda do overflow, e é isso que fazia o movimento parecer seco.

      $dur-slow (380ms) em vez de $dur-base: a faixa percorre 34px no desktop e
      56px no celular - em 220ms o olho lê como um salto, não como um recolher.

      O ease-out desacelera no fim, então a barra "assenta" no lugar em vez de
      parar de repente. Vale para os dois sentidos: fechar e reabrir.
    */
  transition-property: height, opacity;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
  /*
      Cada aviso é um slide do carrossel (3s, sem setas nem paginação). A altura
      é repetida aqui porque o slide precisa dela para centrar o texto na
      vertical - herdar do pai não serve, o .splide__list é flex.
    */
}

@media (max-width: 640px) {
  /* line 55, assets/styles/sass/header-topo.scss */
  .barra-avisos {
    height: 56px;
  }
}

/* line 86, assets/styles/sass/header-topo.scss */
.barra-avisos__item {
  height: 34px;
  padding: 0 16px;
  text-align: center;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 86, assets/styles/sass/header-topo.scss */
  .barra-avisos__item {
    height: 56px;
    padding: 0 26px;
    font-size: 18px;
    /*
              No celular a frase do frete pode passar da largura da tela. Aqui ela
              encolhe em vez de vazar - o nowrap do desktop garantiria uma linha
              só, mas cortaria o texto.
            */
    white-space: normal;
  }
}

/* line 113, assets/styles/sass/header-topo.scss */
.header__wrap.is-scrolled .barra-avisos {
  height: 0;
  opacity: 0;
}

/*------------------------------------*\
  #COMPENSAÇÃO DO <main>

  Fora da home o header é opaco e ocupa espaço de verdade, então o <main> precisa
  descontar a barra de avisos ALÉM dos 75px do header - senão o topo do conteúdo nasce
  escondido atrás dele.

  Ao rolar a barra de avisos recolhe, mas aí a página já saiu do topo e a folga extra
  rolou junto: não sobra vão.

  As duas exceções (home e listagem com banner) precisam estar NESTE :not, e não
  só numa regra própria depois: `body:not(.page-index) main` soma (0,1,2) e
  venceria um `.tem-banner-topo main` (0,1,1) por especificidade, sem depender da
  ordem no arquivo - era isso que deixava a faixa branca de 75px acima do banner.
\*------------------------------------*/
/*
  A compensação existe porque o header do site é fixo: sem ela o conteúdo nasce
  debaixo dele. O checkout tem chrome próprio (partials/header-pgto.tmpl), que
  não é fixo - lá a margem virava uma faixa branca de 75px entre a barra preta e
  o conteúdo.

  O :not(:has(.header-pgto)) resolve pelo motivo em vez de pelo sintoma: a regra
  passa a valer só onde existe barra fixa a descontar. Uma lista das quatro
  páginas do fluxo (identificação, endereço, finalização, boleto) precisaria de
  manutenção a cada página nova, e o reset em global.scss não vencia estes
  seletores - eles somam (0,4,2) contra (0,1,1).
*/
/* line 146, assets/styles/sass/header-topo.scss */
body:not(.page-index):not(.tem-banner-topo):not(.page-produto):not(.page-conjunto):not(:has(.header-pgto)) main {
  margin-top: 109px;
}

@media (max-width: 640px) {
  /* line 146, assets/styles/sass/header-topo.scss */
  body:not(.page-index):not(.tem-banner-topo):not(.page-produto):not(.page-conjunto):not(:has(.header-pgto)) main {
    margin-top: 151px;
  }
}

/*
  SEM BARRA DE AVISOS

  partials/barra-avisos.tmpl é condicional: só emite a faixa quando há frete
  grátis, parcelamento ou desconto à vista. Quando os três estão zerados a barra
  não existe, e aí a compensação acima ficava órfã - a margem virava uma faixa
  branca no topo (34px fora da home, 34px também nela). Como os três valores vêm
  de configuração de loja, o vão aparecia "às vezes", sem mudança de código.

  Aqui a compensação passa a depender da barra existir de fato. Os :not() extras
  são para a especificidade vencer as regras acima, que somam (0,2,2) e (0,1,1).
*/
/* line 166, assets/styles/sass/header-topo.scss */
body:not(.page-index):not(.tem-banner-topo):not(.page-produto):not(.page-conjunto):not(:has(.barra-avisos)):not(:has(.header-pgto)) main {
  margin-top: 75px;
}

@media (max-width: 640px) {
  /* line 166, assets/styles/sass/header-topo.scss */
  body:not(.page-index):not(.tem-banner-topo):not(.page-produto):not(.page-conjunto):not(:has(.barra-avisos)):not(:has(.header-pgto)) main {
    margin-top: 95px;
  }
}

/* line 177, assets/styles/sass/header-topo.scss */
.page-index:not(:has(.barra-avisos)) main,
.page-produto:not(:has(.barra-avisos)) main,
.page-conjunto:not(:has(.barra-avisos)) main,
.tem-banner-topo:not(:has(.barra-avisos)) main {
  margin-top: 0;
}

/*------------------------------------*\
  #HEADER SOBRE O HERO

\*------------------------------------*/
/* line 188, assets/styles/sass/header-topo.scss */
.page-index,
.page-produto,
.page-conjunto,
.tem-banner-topo {
  /*
      Sobre a foto, tudo em branco. O logo não entra aqui: ele tem arte própria
      em branco (logo-mark-white.svg), trocada em header-nav.scss.
    */
  /*
      Rolou (ou abriu o mega): a barra ganhou fundo branco e o texto volta à
      tinta. Sem esta regra os links seguiriam brancos sobre branco.
    */
  /*
      O <main> só desconta a barra de avisos: o header é transparente e flutua sobre a
      foto, então descontar os 75px dele empurraria o hero para baixo e deixaria
      uma faixa branca no topo.
    */
}

/* line 193, assets/styles/sass/header-topo.scss */
.page-index .header,
.page-produto .header,
.page-conjunto .header,
.tem-banner-topo .header {
  background-color: transparent;
  transition-property: background-color;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 15, assets/styles/sass/header-topo.scss */
.page-index .header__wrap:not(.is-scrolled) .header .nav-topo__link,
.page-index .header__wrap:not(.is-scrolled) .header .header__busca_lupa i,
.page-index .header__wrap:not(.is-scrolled) .header .header_favoritos,
.page-index .header__wrap:not(.is-scrolled) .header .header_favoritos i,
.page-index .header__wrap:not(.is-scrolled) .header .header_login__linklogin,
.page-index .header__wrap:not(.is-scrolled) .header .header_login__linklogin i,
.page-index .header__wrap:not(.is-scrolled) .header .header_login__logado_link,
.page-index .header__wrap:not(.is-scrolled) .header .header_login__logado_link i,
.page-index .header__wrap:not(.is-scrolled) .header .header_carrinho__img,
.page-index .header__wrap:not(.is-scrolled) .header .menu-mobile_button i,
.page-index .header__wrap:not(.is-scrolled) .header .header__busca-mob i,
.page-produto .header__wrap:not(.is-scrolled) .header .nav-topo__link,
.page-produto .header__wrap:not(.is-scrolled) .header .header__busca_lupa i,
.page-produto .header__wrap:not(.is-scrolled) .header .header_favoritos,
.page-produto .header__wrap:not(.is-scrolled) .header .header_favoritos i,
.page-produto .header__wrap:not(.is-scrolled) .header .header_login__linklogin,
.page-produto .header__wrap:not(.is-scrolled) .header .header_login__linklogin i,
.page-produto .header__wrap:not(.is-scrolled) .header .header_login__logado_link,
.page-produto .header__wrap:not(.is-scrolled) .header .header_login__logado_link i,
.page-produto .header__wrap:not(.is-scrolled) .header .header_carrinho__img,
.page-produto .header__wrap:not(.is-scrolled) .header .menu-mobile_button i,
.page-produto .header__wrap:not(.is-scrolled) .header .header__busca-mob i,
.page-conjunto .header__wrap:not(.is-scrolled) .header .nav-topo__link,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header__busca_lupa i,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_favoritos,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_favoritos i,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_login__linklogin,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_login__linklogin i,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_login__logado_link,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_login__logado_link i,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header_carrinho__img,
.page-conjunto .header__wrap:not(.is-scrolled) .header .menu-mobile_button i,
.page-conjunto .header__wrap:not(.is-scrolled) .header .header__busca-mob i,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .nav-topo__link,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header__busca_lupa i,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_favoritos,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_favoritos i,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_login__linklogin,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_login__linklogin i,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_login__logado_link,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_login__logado_link i,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header_carrinho__img,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .menu-mobile_button i,
.tem-banner-topo .header__wrap:not(.is-scrolled) .header .header__busca-mob i {
  color: #FFFFFF;
}

/* line 15, assets/styles/sass/header-topo.scss */
.page-index .header__wrap.is-scrolled .header .nav-topo__link,
.page-index .header__wrap.is-scrolled .header .header__busca_lupa i,
.page-index .header__wrap.is-scrolled .header .header_favoritos,
.page-index .header__wrap.is-scrolled .header .header_favoritos i,
.page-index .header__wrap.is-scrolled .header .header_login__linklogin,
.page-index .header__wrap.is-scrolled .header .header_login__linklogin i,
.page-index .header__wrap.is-scrolled .header .header_login__logado_link,
.page-index .header__wrap.is-scrolled .header .header_login__logado_link i,
.page-index .header__wrap.is-scrolled .header .header_carrinho__img,
.page-index .header__wrap.is-scrolled .header .menu-mobile_button i,
.page-index .header__wrap.is-scrolled .header .header__busca-mob i,
.page-produto .header__wrap.is-scrolled .header .nav-topo__link,
.page-produto .header__wrap.is-scrolled .header .header__busca_lupa i,
.page-produto .header__wrap.is-scrolled .header .header_favoritos,
.page-produto .header__wrap.is-scrolled .header .header_favoritos i,
.page-produto .header__wrap.is-scrolled .header .header_login__linklogin,
.page-produto .header__wrap.is-scrolled .header .header_login__linklogin i,
.page-produto .header__wrap.is-scrolled .header .header_login__logado_link,
.page-produto .header__wrap.is-scrolled .header .header_login__logado_link i,
.page-produto .header__wrap.is-scrolled .header .header_carrinho__img,
.page-produto .header__wrap.is-scrolled .header .menu-mobile_button i,
.page-produto .header__wrap.is-scrolled .header .header__busca-mob i,
.page-conjunto .header__wrap.is-scrolled .header .nav-topo__link,
.page-conjunto .header__wrap.is-scrolled .header .header__busca_lupa i,
.page-conjunto .header__wrap.is-scrolled .header .header_favoritos,
.page-conjunto .header__wrap.is-scrolled .header .header_favoritos i,
.page-conjunto .header__wrap.is-scrolled .header .header_login__linklogin,
.page-conjunto .header__wrap.is-scrolled .header .header_login__linklogin i,
.page-conjunto .header__wrap.is-scrolled .header .header_login__logado_link,
.page-conjunto .header__wrap.is-scrolled .header .header_login__logado_link i,
.page-conjunto .header__wrap.is-scrolled .header .header_carrinho__img,
.page-conjunto .header__wrap.is-scrolled .header .menu-mobile_button i,
.page-conjunto .header__wrap.is-scrolled .header .header__busca-mob i,
.tem-banner-topo .header__wrap.is-scrolled .header .nav-topo__link,
.tem-banner-topo .header__wrap.is-scrolled .header .header__busca_lupa i,
.tem-banner-topo .header__wrap.is-scrolled .header .header_favoritos,
.tem-banner-topo .header__wrap.is-scrolled .header .header_favoritos i,
.tem-banner-topo .header__wrap.is-scrolled .header .header_login__linklogin,
.tem-banner-topo .header__wrap.is-scrolled .header .header_login__linklogin i,
.tem-banner-topo .header__wrap.is-scrolled .header .header_login__logado_link,
.tem-banner-topo .header__wrap.is-scrolled .header .header_login__logado_link i,
.tem-banner-topo .header__wrap.is-scrolled .header .header_carrinho__img,
.tem-banner-topo .header__wrap.is-scrolled .header .menu-mobile_button i,
.tem-banner-topo .header__wrap.is-scrolled .header .header__busca-mob i {
  color: #000000;
}

/* line 217, assets/styles/sass/header-topo.scss */
.page-index .header__wrap.is-scrolled .header,
.page-produto .header__wrap.is-scrolled .header,
.page-conjunto .header__wrap.is-scrolled .header,
.tem-banner-topo .header__wrap.is-scrolled .header {
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* line 227, assets/styles/sass/header-topo.scss */
.page-index main,
.page-produto main,
.page-conjunto main,
.tem-banner-topo main {
  margin-top: 34px;
}

@media (max-width: 640px) {
  /* line 227, assets/styles/sass/header-topo.scss */
  .page-index main,
  .page-produto main,
  .page-conjunto main,
  .tem-banner-topo main {
    margin-top: 56px;
  }
}

/*------------------------------------*\
  #BARRA DO HEADER E MEGAMENU - redesign 2026

  LAYOUT DA BARRA
  Três colunas com o logo SEMPRE no centro: 1fr | auto | 1fr. As laterais têm a
  mesma largura, então o logo fica no meio ótico da tela independente de quantos
  itens o menu tenha ou de quantos ícones apareçam (favoritos só existe logado).

  O menu do desktop e o botão do menu mobile dividem a MESMA célula. Nunca
  coexistem - um é .hide-for-small-only e o outro .show-for-small-only -, então
  não há como colidirem.

  MEGAMENU
  Os painéis são irmãos da barra, dentro do .header, e ocupam a largura toda.
  Abrem no hover do link com data-menu (JS em main.js).

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/*
  Âncora dos painéis (top: 100% da barra) e camada acima do véu.

  O z-index não é decoração: o .header__wrap tem z-index 9999 e cria um stacking
  context próprio. Lá dentro o véu era o único com z-index declarado, então subia
  por cima do header e do mega - a página inteira ficava acinzentada, inclusive o
  menu que acabara de abrir.
*/
/* line 28, assets/styles/sass/header-nav.scss */
.header {
  position: relative;
  z-index: 2;
}

/* line 34, assets/styles/sass/header-nav.scss */
.barra-avisos {
  position: relative;
  z-index: 2;
}

/*
  Mesmo container das seções da página: o primeiro link do menu passa a nascer
  na mesma vertical do título "Por categoria", e o último ícone termina onde as
  vitrines terminam.
*/
/* line 44, assets/styles/sass/header-nav.scss */
.header .conteudo.first-header {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 clamp(20px, 3.4vw, 64px);
}

/*
  Altura travada em 75px, inclusive rolando.

  O header.scss encolhia a barra para 65px (.header-shrink) e o logo para 47px de
  altura máxima. Com o logo já trocando de arte nesse mesmo instante, os dois
  movimentos se somavam e a barra dava um pulo - exatamente o que se quer evitar
  quando só a faixa de avisos deveria recolher.
*/
/* line 58, assets/styles/sass/header-nav.scss */
.masthead.header-shrink .header .first-header {
  height: 75px;
}

/* line 61, assets/styles/sass/header-nav.scss */
.masthead.header-shrink .header .first-header .header_logo {
  max-height: none;
}

/*
  Busca: no desktop ela era um campo de 235px sempre aberto, e com o menu novo
  não sobrava largura - o logo saía do centro e os links se amontoavam. Agora
  resta só a lupa, que abre o painel .mega--busca.
*/
/* line 71, assets/styles/sass/header-nav.scss */
.header__busca {
  width: auto;
}

/* line 75, assets/styles/sass/header-nav.scss */
.header__busca .form-busca {
  display: none;
}

@media (max-width: 640px) {
  /* line 71, assets/styles/sass/header-nav.scss */
  .header__busca {
    width: auto;
  }
}

/* line 84, assets/styles/sass/header-nav.scss */
.header__busca_lupa {
  cursor: pointer;
}

/*
  O seletor repete .header para vencer a grade antiga do header.scss
  (.header .header__grid), que fixava 200px | auto | 350px com grid-template-areas
  nomeadas - e com aquelas larguras o logo nunca ficava no meio da tela.

  As áreas precisam ser zeradas junto: enquanto existirem, os filhos continuam
  sendo colocados por nome (grid-area: header_logo), e o grid-column daqui é
  ignorado.
*/
/* line 97, assets/styles/sass/header-nav.scss */
.header .header__grid {
  align-items: center;
  gap: 16px;
  grid-template-areas: none;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  /*
      grid-row: 1 em TODOS os filhos, não só grid-column.

      São quatro filhos para três colunas, e dois deles dividem a coluna 1 (menu
      do desktop e botão do mobile). Sem fixar a linha, o auto-placement do grid
      se recusa a sobrepor: joga o segundo para uma linha 2 e o header cresce
      para 150px, com o menu caindo por baixo do logo.

      A sobreposição aqui é intencional e segura: um é .hide-for-small-only e o
      outro .show-for-small-only, então nunca estão visíveis ao mesmo tempo.
    */
}

/* line 115, assets/styles/sass/header-nav.scss */
.header .header__grid > * {
  grid-row: 1;
}

/* line 119, assets/styles/sass/header-nav.scss */
.header .header__grid .header_menu-mobile,
.header .header__grid #literal-ux_menu {
  grid-area: auto;
  grid-row: 1;
  grid-column: 1;
  justify-self: start;
}

/* line 127, assets/styles/sass/header-nav.scss */
.header .header__grid .header_logo {
  grid-area: auto;
  grid-row: 1;
  grid-column: 2;
  justify-self: center;
  margin: 0;
  /*
          Altura manda, largura acompanha: as duas artes têm o mesmo viewBox
          (109.86 x 62.08), então ficam idênticas sem precisar repetir medida.
        */
}

/* line 138, assets/styles/sass/header-nav.scss */
.header .header__grid .header_logo .header_logo__img {
  width: auto;
  height: 38px;
  display: block;
}

@media (max-width: 640px) {
  /* line 138, assets/styles/sass/header-nav.scss */
  .header .header__grid .header_logo .header_logo__img {
    height: 62px;
  }
}

/* line 150, assets/styles/sass/header-nav.scss */
.header .header__grid .header_logo .logo {
  position: relative;
  display: block;
}

/* line 155, assets/styles/sass/header-nav.scss */
.header .header__grid .header_logo .header_logo__img--claro {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 162, assets/styles/sass/header-nav.scss */
.header .header__grid .header-grupo_busca_login_favorito_carrinho {
  grid-area: auto;
  grid-row: 1;
  grid-column: 3;
  justify-self: end;
}

/*------------------------------------*\
  #LINKS DO TOPO
\*------------------------------------*/
/* line 173, assets/styles/sass/header-nav.scss */
.nav-topo {
  margin: 0;
  padding: 0;
  /*
      O link ocupa a altura inteira da barra e centra o texto por flex. Com
      padding o texto ficava fora do meio: qualquer folga a mais embaixo (para
      afastar o traço) empurrava o texto para cima, tirando-o da linha ótica do
      logo e dos ícones.

      O traço saiu do background-image para um ::after ancorado pela BASE. Assim
      a distância até o texto é uma medida só (bottom) e não muda junto com a
      altura da barra.
    */
  /*
      Traço aceso só no item que abriu o painel.

      Antes a regra era .tem-mega [data-menu], que acendia TODOS os itens com
      painel - abrir a busca deixava "Roupas" marcado como se estivesse ativo. A
      classe .esta-ativo é posta pelo JS apenas no gatilho em uso.
    */
}

/* line 177, assets/styles/sass/header-nav.scss */
.nav-topo__links {
  margin: 0;
  padding: 0;
  gap: clamp(16px, 1.8vw, 32px);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 196, assets/styles/sass/header-nav.scss */
.nav-topo__link {
  position: relative;
  height: 75px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 206, assets/styles/sass/header-nav.scss */
.nav-topo__link::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 16px;
  left: 0;
  display: block;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition-property: width;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 220, assets/styles/sass/header-nav.scss */
.nav-topo__link:hover::after {
  width: 100%;
}

/* line 232, assets/styles/sass/header-nav.scss */
.nav-topo__link.esta-ativo::after {
  width: 100%;
}

/* ItemMenu: as cores do cadastro sao opcionais; sem elas vale o estado atual
   do header da Hagler (tinta nas internas, claro sobre os heros). */
/* line 239, assets/styles/sass/header-nav.scss */
.header__wrap {
  --item-menu-theme-color: #000000;
}

/* line 243, assets/styles/sass/header-nav.scss */
.page-index .header__wrap:not(.is-scrolled):not(.tem-mega),
.page-produto .header__wrap:not(.is-scrolled):not(.tem-mega),
.page-conjunto .header__wrap:not(.is-scrolled):not(.tem-mega),
.tem-banner-topo .header__wrap:not(.is-scrolled):not(.tem-mega) {
  --item-menu-theme-color: #FFFFFF;
}

/* line 250, assets/styles/sass/header-nav.scss */
.item-menu-link,
.header__wrap .header .nav-topo__link.item-menu-link {
  color: var(--item-menu-color, var(--item-menu-theme-color));
}

/* line 257, assets/styles/sass/header-nav.scss */
.mega .item-menu-link,
.menu-mob .item-menu-link {
  --item-menu-theme-color: #000000;
}

/* line 262, assets/styles/sass/header-nav.scss */
.item-menu-link--blink {
  animation: hagler-item-menu-blink 1s step-end infinite;
}

@keyframes hagler-item-menu-blink {
  0%, 50% {
    color: var(--item-menu-highlight, var(--item-menu-color, var(--item-menu-theme-color)));
  }
  51%, 100% {
    color: var(--item-menu-color, var(--item-menu-theme-color));
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 276, assets/styles/sass/header-nav.scss */
  .item-menu-link--blink {
    animation: none;
  }
}

/*------------------------------------*\
  #ÍCONES DA DIREITA
\*------------------------------------*/
/* line 284, assets/styles/sass/header-nav.scss */
.header-grupo_busca_login_favorito_carrinho {
  gap: clamp(12px, 1.4vw, 22px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 289, assets/styles/sass/header-nav.scss */
.header-grupo_busca_login_favorito_carrinho i {
  transition-property: opacity;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 293, assets/styles/sass/header-nav.scss */
.header-grupo_busca_login_favorito_carrinho a:hover i,
.header-grupo_busca_login_favorito_carrinho .header__busca_lupa:hover i {
  opacity: .6;
}

/*------------------------------------*\
  #PAINÉIS
\*------------------------------------*/
/* line 302, assets/styles/sass/header-nav.scss */
.mega {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  pointer-events: none;
  background-color: #FFFFFF;
  border-top: 1px solid #E4E3E1;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.18);
  transition-property: opacity, transform, visibility;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
  /*
      No toque não há hover, então os painéis de navegação não abrem - a
      navegação ali é o menu lateral. O de busca é exceção: ele abre pela lupa e
      ocupa a tela inteira (ver .mega--busca abaixo).
    */
  /*
      Coluna das categorias sem filhas (raízes que não viraram coluna própria).

      Uma coluna só, como as vizinhas. Havia um column-count: 2 aqui de quando o
      catálogo era todo plano e a lista tinha dez itens; com a hierarquia criada
      no admin sobram poucas raízes soltas, e duas colunas deixavam os itens a
      meia largura um do outro, com um vão embaixo do primeiro.
    */
  /*------------------------------------*\
      #BANNER (álbum 15)
    \*------------------------------------*/
}

/* line 321, assets/styles/sass/header-nav.scss */
.mega[data-open="1"] {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}

@media (max-width: 640px) {
  /* line 302, assets/styles/sass/header-nav.scss */
  .mega {
    display: none;
  }
}

/* line 337, assets/styles/sass/header-nav.scss */
.mega__inner {
  max-width: 1800px;
  margin: 0 auto;
  padding: clamp(28px, 3vw, 48px) clamp(20px, 3.4vw, 64px);
  gap: clamp(24px, 3vw, 56px);
  align-items: start;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 347, assets/styles/sass/header-nav.scss */
.mega__cols {
  flex: 1;
  gap: clamp(24px, 3vw, 56px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 354, assets/styles/sass/header-nav.scss */
.mega__col {
  gap: 10px;
  min-width: 140px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 369, assets/styles/sass/header-nav.scss */
.mega__lista {
  width: 100%;
  gap: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 376, assets/styles/sass/header-nav.scss */
.mega__coltitle {
  margin-bottom: 4px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.2;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 384, assets/styles/sass/header-nav.scss */
.mega__link {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #575553;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 388, assets/styles/sass/header-nav.scss */
.mega__link:hover {
  color: #000000;
}

/* line 396, assets/styles/sass/header-nav.scss */
.mega__feat {
  position: relative;
  flex: none;
  width: clamp(220px, 22vw, 340px);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #F2F2F2;
}

/* line 405, assets/styles/sass/header-nav.scss */
.mega__feat-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 414, assets/styles/sass/header-nav.scss */
.mega__feat:hover .mega__feat-img {
  transform: scale(1.04);
}

/* line 419, assets/styles/sass/header-nav.scss */
.mega__feat::after {
  content: "";
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 55%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  pointer-events: none;
}

/* line 430, assets/styles/sass/header-nav.scss */
.mega__feat-cap {
  position: absolute;
  right: 20px;
  bottom: 18px;
  left: 20px;
  z-index: 2;
  gap: 6px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 441, assets/styles/sass/header-nav.scss */
.mega__feat-eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #C4A484;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 447, assets/styles/sass/header-nav.scss */
.mega__feat-titulo {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.15;
  color: #FFFFFF;
}

/*------------------------------------*\
  #MEGA DE BUSCA
\*------------------------------------*/
/*
  No celular o painel de busca é a única exceção à regra que esconde os megas no
  toque - ele não depende de hover, abre pela lupa.

  Continua ANCORADO ao header (position absolute, top: 100%, como no desktop) em
  vez de fixed com um top calculado. Calcular a distância deixava um vão sempre
  que a faixa de avisos ocupava duas linhas: a conta somava 56px, mas a altura
  real era maior. Pendurado no header, ele acompanha qualquer altura.
*/
/* line 466, assets/styles/sass/header-nav.scss */
.mega__inner--busca {
  gap: clamp(32px, 4vw, 72px);
  align-items: flex-start;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 473, assets/styles/sass/header-nav.scss */
.mega-busca__coluna {
  flex: 1;
  max-width: 720px;
  gap: 28px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/*------------------------------------*\
  #DESTAQUES DO PAINEL DE BUSCA
  A moldura vem no HTML; os cards chegam por AJAX na primeira abertura.
\*------------------------------------*/
/* line 485, assets/styles/sass/header-nav.scss */
.mega-busca__destaques {
  flex: none;
  width: clamp(300px, 34vw, 580px);
  gap: 14px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 493, assets/styles/sass/header-nav.scss */
.mega-busca__cards {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* line 499, assets/styles/sass/header-nav.scss */
.mega-busca__cards:empty {
  display: none;
}

/* line 504, assets/styles/sass/header-nav.scss */
.busca-sug {
  gap: 8px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 509, assets/styles/sass/header-nav.scss */
.busca-sug__foto {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #F2F2F2;
}

/* line 515, assets/styles/sass/header-nav.scss */
.busca-sug__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 525, assets/styles/sass/header-nav.scss */
.busca-sug:hover .busca-sug__foto img {
  transform: scale(1.04);
}

/* line 529, assets/styles/sass/header-nav.scss */
.busca-sug__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* line 534, assets/styles/sass/header-nav.scss */
.busca-sug__preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
}

/* line 537, assets/styles/sass/header-nav.scss */
.busca-sug__preco small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
}

/* line 543, assets/styles/sass/header-nav.scss */
.mega-busca {
  /*
      O seletor precisa da classe do pai: o Foundation estiliza input[type="text"]
      (borda, fundo, sombra) com especificidade 0-1-1, e uma classe sozinha
      perderia. Com .mega-busca__campo na frente sobe para 0-2-0 e o campo vira o
      que o layout pede - só texto sobre a linha de baixo.
    */
}

/* line 545, assets/styles/sass/header-nav.scss */
.mega-busca__campo {
  position: relative;
  margin: 0;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 555, assets/styles/sass/header-nav.scss */
.mega-busca__lupa {
  flex: none;
  font-size: 22px;
  line-height: 1;
  color: #7D7B78;
}

/* line 568, assets/styles/sass/header-nav.scss */
.mega-busca__campo .mega-busca__input {
  flex: 1;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.2;
  color: #000000;
}

/* line 580, assets/styles/sass/header-nav.scss */
.mega-busca__campo .mega-busca__input:focus {
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none;
}

/* line 587, assets/styles/sass/header-nav.scss */
.mega-busca__campo .mega-busca__input::placeholder {
  color: #A8A6A3;
}

/* line 592, assets/styles/sass/header-nav.scss */
.mega-busca__fechar {
  flex: none;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #7D7B78;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 606, assets/styles/sass/header-nav.scss */
.mega-busca__fechar:hover {
  color: #000000;
}

/* line 610, assets/styles/sass/header-nav.scss */
.mega-busca__fechar i {
  font-size: 20px;
  line-height: 1;
}

/* line 616, assets/styles/sass/header-nav.scss */
.mega-busca__corpo {
  gap: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 622, assets/styles/sass/header-nav.scss */
.mega-busca__bloco {
  width: 100%;
  gap: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 629, assets/styles/sass/header-nav.scss */
.mega-busca__atalhos {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 635, assets/styles/sass/header-nav.scss */
.mega-busca__chips {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 641, assets/styles/sass/header-nav.scss */
.mega-busca__chip {
  height: 38px;
  padding: 0 18px;
  border: 1px solid #E4E3E1;
  text-transform: capitalize;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #232221;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: border-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 652, assets/styles/sass/header-nav.scss */
.mega-busca__chip:hover {
  border-color: #000000;
  color: #000000;
}

/*------------------------------------*\
  #CONTADORES DA SACOLA E DOS FAVORITOS

  Quadrado em acento no canto do ícone, como no layout. Substitui os dois
  círculos cinza posicionados por margin que vinham do header_carrinho.scss e do
  header.scss - ancorados por margem, mudavam de lugar a cada tamanho de ícone.
  No caso da sacola a regra antiga ainda alcançava todo .__carrinho-qtd-itens
  dentro do .header_carrinho, inclusive o número no título da sacola lateral.

  As classes de estilo são estas; .__carrinho-qtd-itens e .__header-qtd-favoritos
  seguem no HTML só como ganchos do main.js, que atualiza os números.

  O canto de onde o badge pende são os wraps abaixo, e não os .header_carrinho /
  .header_favoritos que os contêm: esses dois levam height: 100% do header.scss e
  esticam pela altura toda da barra, então um top negativo medido neles jogaria o
  badge para fora do ícone. Os wraps envolvem só o ícone.
\*------------------------------------*/
/* line 676, assets/styles/sass/header-nav.scss */
.header_carrinho .carrinho__wrap,
.header_favoritos .favoritos__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 683, assets/styles/sass/header-nav.scss */
.sacola-badge,
.favoritos-badge {
  position: absolute;
  top: -7px;
  right: -9px;
  z-index: 1;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  margin: 0;
  border-radius: 0px;
  background-color: #C4A484;
  color: #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
      O main.js põe e tira .escondido no contador de favoritos conforme a lista
      esvazia. A regra tem que estar aqui: .escondido é uma classe só (global.scss)
      e perderia o empate com .favoritos-badge, que é importado depois.
    */
}

@media (max-width: 640px) {
  /* line 683, assets/styles/sass/header-nav.scss */
  .sacola-badge,
  .favoritos-badge {
    top: -10px;
    right: -13px;
    min-width: 30px;
    height: 30px;
    padding: 0 7px;
    font-size: 17px;
  }
}

/* line 715, assets/styles/sass/header-nav.scss */
.sacola-badge.escondido,
.favoritos-badge.escondido {
  display: none;
}

/*
  O número no título da sacola é texto corrido, não badge: o painel fica dentro
  do .header_carrinho e sem esta regra ele herdaria o quadrado de acento.
*/
/* line 724, assets/styles/sass/header-nav.scss */
.sacola-lateral__qtd {
  position: static;
  display: inline;
  min-width: 0;
  height: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

/*------------------------------------*\
  #PAINEL DO CLIENTE (dropdown do ícone de usuário)

  Os itens herdavam texto branco de uma regra do menu antigo e sumiam no fundo
  branco do box - só apareciam ao passar o mouse. Aqui o box vira uma lista
  legível: nome em faixa de tinta no topo, itens em texto normal e uma hairline
  separando cada linha.

  O seletor carrega .header_login para vencer as regras de header_login.scss, que
  vem antes no main.scss.
\*------------------------------------*/
/* line 747, assets/styles/sass/header-nav.scss */
.header_login .box_login__outer {
  min-width: 236px;
  padding: 0;
  background-color: #FFFFFF;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
}

/* line 755, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap {
  width: 100%;
  padding: 0;
  margin: 0;
  align-items: stretch;
  list-style: none;
  /*
      "Olá, {nome}" não é item de menu: é o cabeçalho do painel. Superfície clara
      e fio embaixo em vez de faixa preta - a tinta cheia pesava demais para um
      dropdown pequeno e disputava atenção com o próprio menu.
    */
  /*
      "Sair" fecha a lista, separado por um fio: é a única ação destrutiva do
      painel e não deve ficar colada nos atalhos de navegação.
    */
}

/* line 762, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap li {
  width: 100%;
  margin: 0;
}

/* line 767, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap a {
  display: block;
  padding: 11px 18px;
  text-align: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #232221;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 775, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap a:hover {
  background-color: #F8F7F6;
  color: #000000;
}

/* line 786, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap li:first-child a {
  padding: 14px 18px;
  border-bottom: 1px solid #E4E3E1;
  background-color: #F8F7F6;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.3;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 796, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap li:first-child a:hover {
  background-color: #F8F7F6;
  color: #000000;
}

/* line 806, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap li:last-child a {
  border-top: 1px solid #E4E3E1;
  color: #7D7B78;
}

/* line 810, assets/styles/sass/header-nav.scss */
.header_login .box_login__wrap li:last-child a:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 818, assets/styles/sass/header-nav.scss */
  .mega--busca {
    display: block;
    max-height: 90vh;
    overflow-y: auto;
    border-top: 0;
    margin-bottom: 5em;
  }
  /* line 827, assets/styles/sass/header-nav.scss */
  .mega__inner--busca {
    flex-direction: column;
    padding: 33px;
    gap: 46px;
  }
  /* line 833, assets/styles/sass/header-nav.scss */
  .mega-busca__coluna {
    width: 100%;
    max-width: none;
    gap: 46px;
  }
  /* line 839, assets/styles/sass/header-nav.scss */
  .mega-busca__destaques {
    width: 100%;
    gap: 23px;
  }
  /* line 845, assets/styles/sass/header-nav.scss */
  .mega-busca__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
  }
  /*
      Medidas de toque. O CSS do desktop usa a escala de 12-15px; aqui tudo passa
      pelo fator 1,64 do viewport de 640px, senão o painel fica com letra de
      desktop numa tela que o navegador ainda vai reduzir.
    */
  /* line 855, assets/styles/sass/header-nav.scss */
  .mega-busca__campo {
    gap: 20px;
    padding-bottom: 23px;
  }
  /* line 860, assets/styles/sass/header-nav.scss */
  .mega-busca__lupa {
    font-size: 36px;
  }
  /* line 864, assets/styles/sass/header-nav.scss */
  .mega-busca__campo .mega-busca__input {
    font-size: 46px;
  }
  /* line 868, assets/styles/sass/header-nav.scss */
  .mega-busca__fechar {
    width: 56px;
    height: 56px;
  }
  /* line 872, assets/styles/sass/header-nav.scss */
  .mega-busca__fechar i {
    font-size: 33px;
  }
  /* line 877, assets/styles/sass/header-nav.scss */
  .mega__inner--busca .mega__coltitle {
    font-size: 18px;
  }
  /* line 881, assets/styles/sass/header-nav.scss */
  .mega-busca__chips {
    gap: 16px;
  }
  /* line 885, assets/styles/sass/header-nav.scss */
  .mega-busca__chip {
    height: 62px;
    padding: 0 30px;
    font-size: 21px;
  }
  /* line 891, assets/styles/sass/header-nav.scss */
  .mega-busca__atalhos {
    gap: 23px;
  }
  /* line 895, assets/styles/sass/header-nav.scss */
  .mega-busca__atalhos .mega__link {
    font-size: 25px;
  }
  /* line 899, assets/styles/sass/header-nav.scss */
  .busca-sug {
    gap: 13px;
  }
  /* line 903, assets/styles/sass/header-nav.scss */
  .busca-sug__nome,
  .busca-sug__preco {
    font-size: 21px;
  }
  /* line 908, assets/styles/sass/header-nav.scss */
  .busca-sug__preco small {
    font-size: 18px;
  }
}

/*------------------------------------*\
  #VÉU
  Escurece a página atrás do painel aberto. Fica FORA do .header: dentro dele,
  cobriria a própria barra e o mouseleave do header dispararia sem parar.
\*------------------------------------*/
/* line 918, assets/styles/sass/header-nav.scss */
.nav-veu {
  position: fixed;
  inset: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.35);
  transition-property: opacity, visibility;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 931, assets/styles/sass/header-nav.scss */
.nav-veu[data-open="1"] {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 640px) {
  /* line 918, assets/styles/sass/header-nav.scss */
  .nav-veu {
    display: none;
  }
}

/*------------------------------------*\
  #TROCA DAS ARTES DO LOGO

  Fora da home, e na home depois do primeiro scroll, vale a arte em tinta. Só
  enquanto o header está transparente sobre o hero é que a branca aparece.
\*------------------------------------*/
/* line 947, assets/styles/sass/header-nav.scss */
.header_logo__img--claro {
  opacity: 0;
}

/* line 956, assets/styles/sass/header-nav.scss */
.page-index .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--tinta,
.page-produto .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--tinta,
.page-conjunto .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--tinta,
.tem-banner-topo .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--tinta {
  opacity: 0;
}

/* line 960, assets/styles/sass/header-nav.scss */
.page-index .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--claro,
.page-produto .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--claro,
.page-conjunto .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--claro,
.tem-banner-topo .header__wrap:not(.is-scrolled):not(.tem-mega) .header_logo__img--claro {
  opacity: 1;
}

/*
  Com um painel aberto o header precisa de fundo, mesmo na home, onde ele nasce
  transparente sobre o hero: o mega é branco e a barra flutuando sem fundo
  deixaria os links ilegíveis sobre a emenda.
*/
/* line 970, assets/styles/sass/header-nav.scss */
.page-index .header__wrap.tem-mega .header,
.page-produto .header__wrap.tem-mega .header,
.page-conjunto .header__wrap.tem-mega .header,
.tem-banner-topo .header__wrap.tem-mega .header {
  background-color: #FFFFFF;
}

/* line 15, assets/styles/sass/header-topo.scss */
.page-index .header__wrap.tem-mega .header .nav-topo__link,
.page-index .header__wrap.tem-mega .header .header__busca_lupa i,
.page-index .header__wrap.tem-mega .header .header_favoritos,
.page-index .header__wrap.tem-mega .header .header_favoritos i,
.page-index .header__wrap.tem-mega .header .header_login__linklogin,
.page-index .header__wrap.tem-mega .header .header_login__linklogin i,
.page-index .header__wrap.tem-mega .header .header_login__logado_link,
.page-index .header__wrap.tem-mega .header .header_login__logado_link i,
.page-index .header__wrap.tem-mega .header .header_carrinho__img,
.page-index .header__wrap.tem-mega .header .menu-mobile_button i,
.page-index .header__wrap.tem-mega .header .header__busca-mob i,
.page-produto .header__wrap.tem-mega .header .nav-topo__link,
.page-produto .header__wrap.tem-mega .header .header__busca_lupa i,
.page-produto .header__wrap.tem-mega .header .header_favoritos,
.page-produto .header__wrap.tem-mega .header .header_favoritos i,
.page-produto .header__wrap.tem-mega .header .header_login__linklogin,
.page-produto .header__wrap.tem-mega .header .header_login__linklogin i,
.page-produto .header__wrap.tem-mega .header .header_login__logado_link,
.page-produto .header__wrap.tem-mega .header .header_login__logado_link i,
.page-produto .header__wrap.tem-mega .header .header_carrinho__img,
.page-produto .header__wrap.tem-mega .header .menu-mobile_button i,
.page-produto .header__wrap.tem-mega .header .header__busca-mob i,
.page-conjunto .header__wrap.tem-mega .header .nav-topo__link,
.page-conjunto .header__wrap.tem-mega .header .header__busca_lupa i,
.page-conjunto .header__wrap.tem-mega .header .header_favoritos,
.page-conjunto .header__wrap.tem-mega .header .header_favoritos i,
.page-conjunto .header__wrap.tem-mega .header .header_login__linklogin,
.page-conjunto .header__wrap.tem-mega .header .header_login__linklogin i,
.page-conjunto .header__wrap.tem-mega .header .header_login__logado_link,
.page-conjunto .header__wrap.tem-mega .header .header_login__logado_link i,
.page-conjunto .header__wrap.tem-mega .header .header_carrinho__img,
.page-conjunto .header__wrap.tem-mega .header .menu-mobile_button i,
.page-conjunto .header__wrap.tem-mega .header .header__busca-mob i,
.tem-banner-topo .header__wrap.tem-mega .header .nav-topo__link,
.tem-banner-topo .header__wrap.tem-mega .header .header__busca_lupa i,
.tem-banner-topo .header__wrap.tem-mega .header .header_favoritos,
.tem-banner-topo .header__wrap.tem-mega .header .header_favoritos i,
.tem-banner-topo .header__wrap.tem-mega .header .header_login__linklogin,
.tem-banner-topo .header__wrap.tem-mega .header .header_login__linklogin i,
.tem-banner-topo .header__wrap.tem-mega .header .header_login__logado_link,
.tem-banner-topo .header__wrap.tem-mega .header .header_login__logado_link i,
.tem-banner-topo .header__wrap.tem-mega .header .header_carrinho__img,
.tem-banner-topo .header__wrap.tem-mega .header .menu-mobile_button i,
.tem-banner-topo .header__wrap.tem-mega .header .header__busca-mob i {
  color: #000000;
}

/*------------------------------------*\
  #HEADER NO CELULAR - redesign 2026

  Mesmas três colunas do desktop, com outro reparto:

    esquerda  burger + lupa
    centro    logo
    direita   conta + sacola

  A disposição é a da Maluan: dois ícones de cada lado, logo no meio. A lupa da
  esquerda é um botão próprio (.header__busca-mob) que abre a gaveta
  .search__mobile - o painel .mega--busca depende de hover e não existe no toque.

  A lupa do grupo da direita fica escondida: ela vive dentro de outro elemento e
  não teria como ocupar a coluna 1 do grid sem sair do lugar no desktop.

  Todas as medidas já estão convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss): o head.tmpl força viewport de 640px no celular.
\*------------------------------------*/
/*------------------------------------*\
  #LOGO DE TAMANHO FIXO

  Quatro regras do header.scss encolhem o logo ao rolar, todas dentro de
  .masthead.header-shrink e com 5 a 7 classes:

    .header_logo        max-height: 47px + transition de altura
    .header_logo .logo  max-height: 47px, e width: 139px no celular
    .header_logo img    height: 38px

  A última era a que mais pesava: com 0-6-0 ela vencia a minha (0-4-0) e o logo
  saltava de 62px para 38px no celular a cada scroll. Por isso os seletores
  abaixo repetem o mesmo prefixo - é o único jeito de desempatar sem !important.
\*------------------------------------*/
/* line 35, assets/styles/sass/header-mobile.scss */
.header .header__grid .header_logo,
.masthead.header-shrink .header .first-header .header_logo {
  max-height: none;
  transition: none;
}

/* line 40, assets/styles/sass/header-mobile.scss */
.header .header__grid .header_logo .logo,
.masthead.header-shrink .header .first-header .header_logo .logo {
  width: auto;
  max-height: none;
  transition: none;
}

/* line 47, assets/styles/sass/header-mobile.scss */
.header .header__grid .header_logo .header_logo__img,
.masthead.header-shrink .header .first-header .header__grid .header_logo .header_logo__img {
  width: auto;
  height: 38px;
}

@media (max-width: 640px) {
  /* line 47, assets/styles/sass/header-mobile.scss */
  .header .header__grid .header_logo .header_logo__img,
  .masthead.header-shrink .header .first-header .header__grid .header_logo .header_logo__img {
    height: 50px;
  }
}

@media (max-width: 640px) {
  /*
      Altura da barra no celular. O valor vem de $main-margin--mobile, o mesmo que
      o <main> desconta - assim a faixa e o espaço reservado para ela nunca
      divergem. Os dois seletores existem porque o segundo (com .header-shrink)
      tem especificidade maior e valeria ao rolar.
    */
  /* line 65, assets/styles/sass/header-mobile.scss */
  .header .conteudo.first-header,
  .masthead.header-shrink .header .first-header {
    height: 95px;
  }
  /*
      Burger e lupa lado a lado, com o mesmo respiro dos ícones da direita.

      O flex vai no .menu_container, que é o pai direto dos dois botões. No
      .header_menu-mobile não resolvia: lá o irmão da lupa seria o .nav_container,
      que ocupa a largura toda da coluna e jogava a lupa para uma segunda linha.
    */
  /* line 77, assets/styles/sass/header-mobile.scss */
  .header .header_menu-mobile .menu_container {
    gap: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /*
      Favoritos e a lupa do grupo da direita saem do topo: seriam cinco ícones
      numa coluna estreita. O atalho de favoritos já existe no menu lateral, e a
      busca está na lupa da esquerda.
    */
  /* line 88, assets/styles/sass/header-mobile.scss */
  .header .header_favoritos,
  .header .header__busca {
    display: none;
  }
  /* line 93, assets/styles/sass/header-mobile.scss */
  .header-grupo_busca_login_favorito_carrinho {
    gap: 26px;
  }
  /*
      Ícones do mesmo tamanho nas duas pontas - burger, lupa, conta e sacola.
      Sem isto cada um herda a medida do seu CSS de origem e a barra fica
      desalinhada, com um ícone maior que o vizinho.
    */
  /* line 102, assets/styles/sass/header-mobile.scss */
  .header .menu-mobile_button i,
  .header .header__busca-mob i,
  .header .header_login__linklogin i,
  .header .header_login__logado_link i,
  .header .header_carrinho__img {
    font-size: 34px;
    line-height: 1;
  }
  /* line 112, assets/styles/sass/header-mobile.scss */
  .header .header__grid .header_logo {
    margin-top: 0;
  }
  /* line 117, assets/styles/sass/header-mobile.scss */
  .barra-avisos__item {
    line-height: 1.35;
  }
}

/*
  O botão da lupa só existe no toque. A regra fica fora da media query porque o
  padrão é estar oculto - é o celular que o liga, não o desktop que o desliga.
*/
/* line 126, assets/styles/sass/header-mobile.scss */
.header__busca-mob {
  display: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

@media (max-width: 640px) {
  /* line 126, assets/styles/sass/header-mobile.scss */
  .header__busca-mob {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

/*------------------------------------*\
#CRONOMETRO
\*------------------------------------*/
/* line 18, assets/styles/sass/cronometro.scss */
.cronometro-home .cronometro {
  display: none;
}

/* line 23, assets/styles/sass/cronometro.scss */
.page-index .cronometro-home .cronometro {
  display: block;
}

/* line 27, assets/styles/sass/cronometro.scss */
.cronometro {
  min-height: 70px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* line 36, assets/styles/sass/cronometro.scss */
.cronometro .conteudo {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: auto !important;
  padding: 0;
  max-width: unset;
  padding: 20px 40px;
}

@media (max-width: 640px) {
  /* line 36, assets/styles/sass/cronometro.scss */
  .cronometro .conteudo {
    max-width: 400px;
    width: 400px !important;
    padding: 30px 40px;
  }
}

/* line 51, assets/styles/sass/cronometro.scss */
.cronometro #close-cronometro {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  background: none;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 60, assets/styles/sass/cronometro.scss */
  .cronometro #close-cronometro svg {
    width: 20px;
    height: 20px;
  }
}

/* line 67, assets/styles/sass/cronometro.scss */
.cronometro__texto {
  width: 100%;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 67, assets/styles/sass/cronometro.scss */
  .cronometro__texto {
    padding: 0rem;
  }
}

/* line 76, assets/styles/sass/cronometro.scss */
.cronometro__texto p {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: normal;
  text-align: center;
}

@media (max-width: 1199px) {
  /* line 76, assets/styles/sass/cronometro.scss */
  .cronometro__texto p {
    font-size: 1.2rem;
  }
}

@media (max-width: 640px) {
  /* line 76, assets/styles/sass/cronometro.scss */
  .cronometro__texto p {
    font-size: 1.3rem;
    line-height: normal;
    padding-top: 0.3rem;
    text-align: center;
    word-break: break-word;
  }
}

/* line 96, assets/styles/sass/cronometro.scss */
.cronometro__botao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: max-content;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
  min-height: 2.2rem;
  border-radius: 31px;
  padding: 12px 25px;
  transition: 0.3s;
}

@media (max-width: 640px) {
  /* line 96, assets/styles/sass/cronometro.scss */
  .cronometro__botao {
    padding: 8px 10px;
    text-align: center;
    font-size: 18px;
  }
}

/* line 113, assets/styles/sass/cronometro.scss */
.cronometro__botao:hover {
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
}

/* line 119, assets/styles/sass/cronometro.scss */
.cronometro__cronometro {
  width: 100%;
  border-radius: 0 6.25rem 6.25rem 0;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 119, assets/styles/sass/cronometro.scss */
  .cronometro__cronometro {
    max-width: 100%;
  }
}

/* line 131, assets/styles/sass/cronometro.scss */
.cronometro__numero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 3rem;
}

/* line 135, assets/styles/sass/cronometro.scss */
.cronometro__numero > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: 2rem !important;
  background-color: var(--cor-fundo);
  color: var(--cor-numero);
  line-height: normal;
}

@media (max-width: 640px) {
  /* line 135, assets/styles/sass/cronometro.scss */
  .cronometro__numero > div {
    font-size: 1.8rem !important;
  }
}

/* line 152, assets/styles/sass/cronometro.scss */
.cronometro__numero > span {
  display: flex !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 158, assets/styles/sass/cronometro.scss */
.cronometro .tick {
  font-family: "sofia-pro", sans-serif;
  width: 100%;
  height: 100%;
  max-width: 18rem;
  z-index: 0;
}

/* line 165, assets/styles/sass/cronometro.scss */
.cronometro .tick-label {
  font-size: 0.9rem;
}

@media (max-width: 640px) {
  /* line 165, assets/styles/sass/cronometro.scss */
  .cronometro .tick-label {
    font-size: 16px;
  }
}

/* line 173, assets/styles/sass/cronometro.scss */
.cronometro .tick-text-inline {
  display: inline-block;
  text-align: center;
  min-width: 1rem;
}

/* line 179, assets/styles/sass/cronometro.scss */
.cronometro .tick-text-inline + .cronometro .tick-text-inline {
  margin-left: -0.325em;
}

/* line 183, assets/styles/sass/cronometro.scss */
.cronometro .tick-group {
  margin: 0 0.5em;
  text-align: center;
  gap: 4px;
}

@media (max-width: 640px) {
  /* line 183, assets/styles/sass/cronometro.scss */
  .cronometro .tick-group {
    margin: 0 0.1em;
  }
}

/* line 193, assets/styles/sass/cronometro.scss */
.cronometro .tick-flip {
  font-family: "sofia-pro", sans-serif !important;
}

/* line 197, assets/styles/sass/cronometro.scss */
.cronometro .tick-flip {
  border-radius: 10px !important;
}

/* line 201, assets/styles/sass/cronometro.scss */
.cronometro .tick .tick-text {
  text-transform: uppercase;
  font-weight: 500;
}

/* line 206, assets/styles/sass/cronometro.scss */
.cronometro .tick .cronometro__item--grupo {
  height: 100%;
  gap: 10px;
}

@media (max-width: 640px) {
  /* line 206, assets/styles/sass/cronometro.scss */
  .cronometro .tick .cronometro__item--grupo {
    max-width: 20rem;
  }
}

/* line 217, assets/styles/sass/cronometro.scss */
.cronometro--oculto {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* line 223, assets/styles/sass/cronometro.scss */
.cronometro--visivel {
  opacity: 1;
  visibility: visible;
}

/*------------------------------------*\
#INSTASHOP
\*------------------------------------*/
/* line 1, assets/styles/sass/instashop.scss */
.instashop-block {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  column-gap: 25px;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 1, assets/styles/sass/instashop.scss */
  .instashop-block {
    flex-direction: column;
    gap: 27px;
  }
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/instashop.scss */
  .instashop-block {
    padding: 0px;
  }
}

/* line 15, assets/styles/sass/instashop.scss */
.instashop-block__heading {
  width: 100%;
}

@media (max-width: 640px) {
  /* line 15, assets/styles/sass/instashop.scss */
  .instashop-block__heading {
    padding: 0 20px;
  }
}

/* line 24, assets/styles/sass/instashop.scss */
.instashop-block__heading .titulo-padrao {
  margin-bottom: 0;
}

/* line 29, assets/styles/sass/instashop.scss */
.instashop-block__heading span {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #858585;
  max-width: 352px;
}

/* line 34, assets/styles/sass/instashop.scss */
.instashop-block__heading span b {
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 29, assets/styles/sass/instashop.scss */
  .instashop-block__heading span {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
  }
}

/* line 47, assets/styles/sass/instashop.scss */
.instashop-block__descricao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 50, assets/styles/sass/instashop.scss */
.instashop-block__descricao p {
  width: 100%;
  max-width: 320px;
}

/* line 56, assets/styles/sass/instashop.scss */
.instashop-block .home_produtos__wrap--instashop {
  width: 100%;
}

/* line 60, assets/styles/sass/instashop.scss */
.instashop-block .conteudo-carrossel--vitrine {
  width: 100%;
}

/* line 63, assets/styles/sass/instashop.scss */
.instashop-block .conteudo-carrossel--vitrine.conteudo__full {
  padding: 0;
}

@media (max-width: 640px) {
  /* line 63, assets/styles/sass/instashop.scss */
  .instashop-block .conteudo-carrossel--vitrine.conteudo__full {
    padding: 0 20px;
  }
}

/* line 72, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 30px;
}

/* line 77, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .vitrine_marcacoes__fotos_marcadas__flex-itens {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 380px;
}

@media (max-width: 1199px) {
  /* line 77, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .vitrine_marcacoes__fotos_marcadas__flex-itens {
    height: 100%;
    width: 100%;
  }
}

/* line 87, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .vitrine_marcacoes__fotos_marcadas__itens {
  width: 100%;
}

/* line 91, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 12px;
  margin-bottom: 0;
  border-radius: 10px;
}

@media (max-width: 640px) {
  /* line 91, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada {
    flex-direction: column;
    row-gap: 14px;
    align-items: center;
  }
}

/* line 104, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__imagem {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}

/* line 111, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__modal {
  background-color: #ffffff1a;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: 15px;
  width: 180px;
  padding: 13px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  left: -77px;
  top: 24px;
}

@media (max-width: 640px) {
  /* line 111, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__modal {
    padding: 15px;
  }
}

/* line 131, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__modal.active {
  display: flex;
  z-index: 99;
}

/* line 136, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__nome-produto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
}

/* line 143, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}

/* line 146, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__preco span {
  font-weight: 400;
  font-size: 14px;
}

/* line 153, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__info-produto .produto__cliente-atacadista-title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: .25rem;
  margin: 0;
}

/* line 162, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 40%;
}

@media (max-width: 640px) {
  /* line 162, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto {
    width: 100%;
    padding: 0 20px 0 20px;
    max-width: none;
  }
}

/* line 175, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}

/* line 179, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .thumb__img {
  width: 138px;
  height: 180px;
}

@media (max-width: 640px) {
  /* line 179, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .thumb__img {
    width: 123px;
    height: 164px;
  }
}

/* line 189, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin img {
  border-radius: 10px;
}

@media (max-width: 640px) {
  /* line 193, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .card__produto--pin_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }
}

/* line 199, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .card__produto--pin_info .info-produto {
  width: 250px;
}

@media (max-width: 640px) {
  /* line 199, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .card__produto--pin_info .info-produto {
    width: 280px;
  }
}

/* line 208, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .n-produto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: #000;
  margin-bottom: 4px;
}

/* line 213, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .p-final {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #000;
}

/* line 216, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .p-final span {
  font-weight: 400;
  font-size: 14px;
}

/* line 222, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .parcelamento {
  color: #858585;
}

/* line 225, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .parcelamento strong {
  margin-right: 3px;
}

/* line 230, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .produto__cliente-atacadista-title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: .25rem;
  margin: 8px 0 0 0;
}

/* line 237, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .button.hover,
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .button {
  padding: 8px 14px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  border: none;
  position: relative;
  border-radius: 0;
  background-color: #000;
  color: #ffffff;
  opacity: 1;
  display: block;
  max-width: 150px;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

@media (max-width: 640px) {
  /* line 237, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .button.hover,
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .card__produto--pin .button {
    width: 150px;
    height: 60px;
    justify-content: center;
    font-weight: 700;
  }
}

/* line 266, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada {
  width: 100%;
}

/* line 270, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__block {
  position: relative;
  width: 600px;
  height: 600px;
}

@media (max-width: 640px) {
  /* line 270, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__block {
    width: 467px;
    height: 692px;
  }
}

/* line 280, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__block .bloco-foto-marcada__pin {
  position: absolute;
  cursor: pointer;
  transition: all .2s ease;
}

/* line 285, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__block .bloco-foto-marcada__pin .bloco-foto-marcada__circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-box-shadow: -1px 4px 0px 2px #ffffff46;
  box-shadow: -1px 4px 0px 2px #FFFFFF;
}

@media (max-width: 640px) {
  /* line 285, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_flex .bloco-foto-marcada__block .bloco-foto-marcada__pin .bloco-foto-marcada__circle {
    width: 26px;
    height: 26px;
  }
}

/* line 301, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
}

/* line 305, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
}

/* line 309, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos.apagado {
  filter: opacity(0.5);
}

/* line 313, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos.ativo {
  animation: destaqueAnimacao 0.4s ease-out;
}

/* line 317, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__img-produto {
  width: 240px;
}

/* line 321, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto {
  width: 400px;
}

@media (max-width: 640px) {
  /* line 321, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto {
    width: 240px;
  }
}

/* line 328, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .bloco-foto-marcada__nome-produto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 328, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .bloco-foto-marcada__nome-produto {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* line 340, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-referencia {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 24px;
  color: #858585;
}

/* line 344, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}

/* line 348, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos .produto-tamanho--item {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #4c4c4c;
}

/* line 351, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos .produto-tamanho--item:not(.tamanho-unico) {
  border: 1px solid #4c4c4c;
  border-radius: 4px;
  padding: 6px 12px;
  margin: 10px 0;
}

/* line 358, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos .produto-tamanho--item.tamanho-unico {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 15px 0;
  text-transform: capitalize;
}

@media (max-width: 640px) {
  /* line 358, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos .produto-tamanho--item.tamanho-unico {
    font-size: 22px;
    line-height: 22px;
    margin: 10px 0;
  }
}

/* line 369, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos .produto-tamanho--item.tamanho-unico span {
  color: #858585;
  font-weight: 600;
  text-transform: none;
}

/* line 377, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .produto-tamanhos .produto-tamanhos--item {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #858585;
}

/* line 383, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .values__wrap .p-price {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: #000;
  margin-bottom: 8px;
}

/* line 388, assets/styles/sass/instashop.scss */
.instashop-block .vitrine-produtos .bloco-foto-marcada__item-infos .bloco-foto-marcada__info-produto .values__wrap .cashback_info {
  font-weight: 600;
}

/* line 398, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--prev,
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--next {
  height: calc(100% - -25px);
  position: absolute;
  background: transparent;
}

@media (max-width: 640px) {
  /* line 398, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--prev,
  .instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--next {
    height: auto;
    top: calc(50% - 15px);
  }
}

/* line 409, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--prev i,
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--next i {
  color: #ffffff;
}

/* line 415, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--prev {
  left: -4em;
}

@media (max-width: 640px) {
  /* line 415, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--prev {
    left: -50px;
  }
}

/* line 423, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--next {
  right: -4em;
}

@media (max-width: 640px) {
  /* line 423, assets/styles/sass/instashop.scss */
  .instashop-block .vitrine_marcacoes__fotos_marcadas_home .splide__arrow--next {
    right: -50px;
  }
}

/* line 431, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .bloco-foto-marcada {
  margin-bottom: 0;
  border-radius: 10px;
}

/* line 435, assets/styles/sass/instashop.scss */
.instashop-block .vitrine_marcacoes__fotos_marcadas_home .bloco-foto-marcada img {
  border-radius: 10px;
}

/* line 442, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 445, assets/styles/sass/instashop.scss */
  .page-instashop .category_list-ui .home_produtos__wrap {
    margin-top: 30px;
  }
}

/* line 451, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}

/* line 455, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .fit__produto-busca--4 {
  width: 400px;
  height: 400px;
}

@media (max-width: 640px) {
  /* line 455, assets/styles/sass/instashop.scss */
  .page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .fit__produto-busca--4 {
    width: 600px;
    height: 600px;
  }
}

/* line 465, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__pin {
  position: absolute;
  cursor: pointer;
  transition: all .2s ease;
}

/* line 470, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__pin .bloco-foto-marcada__circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-box-shadow: -1px 4px 0px 2px #ffffff46;
  box-shadow: -1px 4px 0px 2px #FFFFFF;
}

@media (max-width: 640px) {
  /* line 470, assets/styles/sass/instashop.scss */
  .page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__pin .bloco-foto-marcada__circle {
    width: 26px;
    height: 26px;
  }
}

/* line 484, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__modal {
  background-color: #ffffff1a;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: 15px;
  width: 180px;
  padding: 13px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  z-index: 9;
  left: -77px;
  top: 24px;
}

@media (max-width: 640px) {
  /* line 484, assets/styles/sass/instashop.scss */
  .page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__modal {
    padding: 15px;
  }
}

/* line 505, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__nome-produto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
}

@media (max-width: 640px) {
  /* line 505, assets/styles/sass/instashop.scss */
  .page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__nome-produto {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

/* line 517, assets/styles/sass/instashop.scss */
.page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 517, assets/styles/sass/instashop.scss */
  .page-instashop .category_list-ui .vitrine_marcacoes__fotos_marcadas__itens .bloco-foto-marcada__preco {
    font-size: 20px;
  }
}

/*------------------------------------*\
  #ROUBE O LOOK (fotos marcadas na home)
\*------------------------------------*/
/*------------------------------------*\
  #ROUBE O LOOK (fotos marcadas) 
\*------------------------------------*/
/* line 4, assets/styles/sass/roube-o-look.scss */
.sec {
  padding: clamp(64px, 6vh, 104px) 0;
  /*
      Distancia da borda da tela ate o conteudo do container. Ate 1800px e so o
      recuo lateral; acima disso soma a sobra que centraliza o container.
      Existe como custom property porque o Splide das vitrines full-bleed le
      esse valor para comecar o primeiro produto alinhado com o titulo.
    */
  --sec-margem: max(clamp(20px, 3.4vw, 64px), calc((100% - 1800px) / 2 + clamp(20px, 3.4vw, 64px)));
}

/* line 15, assets/styles/sass/roube-o-look.scss */
.sec__in {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 clamp(20px, 3.4vw, 64px);
}

/* line 22, assets/styles/sass/roube-o-look.scss */
.sec-head {
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 36px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 22, assets/styles/sass/roube-o-look.scss */
  .sec-head {
    margin-bottom: 46px;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 35, assets/styles/sass/roube-o-look.scss */
.sec-head__eyebrow {
  display: block;
  margin-bottom: 10px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 35, assets/styles/sass/roube-o-look.scss */
  .sec-head__eyebrow {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

/* line 49, assets/styles/sass/roube-o-look.scss */
.sec-head__h2 {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(30px, 2.6vw, 44px);
  line-height: 1.05;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 49, assets/styles/sass/roube-o-look.scss */
  .sec-head__h2 {
    font-size: 49px;
  }
}

/* line 59, assets/styles/sass/roube-o-look.scss */
.sec-head__ver {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 59, assets/styles/sass/roube-o-look.scss */
  .sec-head__ver {
    font-size: 20px;
  }
}

/*------------------------------------*\
  #GRADE DE LOOKS
\*------------------------------------*/
/* line 75, assets/styles/sass/roube-o-look.scss */
.roube-look {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /*------------------------------------*\
      #FOTO
    \*------------------------------------*/
  /*------------------------------------*\
      #CONTEUDO DO BALAO
    \*------------------------------------*/
  /*------------------------------------*\
      #GRADE DE TAMANHOS
    \*------------------------------------*/
}

@media (max-width: 1199px) {
  /* line 75, assets/styles/sass/roube-o-look.scss */
  .roube-look {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 87, assets/styles/sass/roube-o-look.scss */
.roube-look__item {
  position: relative;
  aspect-ratio: 3 / 4;
  margin: 0;
  /*
          Sem recorte: o balao precisa sobrepor as fotos vizinhas. Quem contem a
          imagem no enquadramento e o object-fit, entao nada vaza sem querer.
        */
  overflow: visible;
}

/* line 99, assets/styles/sass/roube-o-look.scss */
.roube-look__item:hover, .roube-look__item:focus-within {
  z-index: 8;
}

/* line 105, assets/styles/sass/roube-o-look.scss */
.roube-look__item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5));
  pointer-events: none;
}

/* line 115, assets/styles/sass/roube-o-look.scss */
.roube-look__foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 122, assets/styles/sass/roube-o-look.scss */
.roube-look__quem {
  position: absolute;
  left: 16px;
  bottom: 14px;
  z-index: 2;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #FFFFFF;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 122, assets/styles/sass/roube-o-look.scss */
  .roube-look__quem {
    left: 26px;
    bottom: 23px;
    font-size: 20px;
  }
}

/* line 142, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-linha {
  gap: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 142, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-linha {
    gap: 20px;
  }
}

/* line 152, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-thumb {
  width: 64px;
  height: 82px;
  object-fit: cover;
  flex: none;
  display: block;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-thumb {
    width: 105px;
    height: 134px;
  }
}

/* line 165, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-texto {
  gap: 6px;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 165, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-texto {
    gap: 10px;
  }
}

/* line 176, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.3;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 176, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-nome {
    font-size: 22px;
  }
}

/* line 185, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #000000;
}

/* line 188, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-preco small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 185, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-preco {
    font-size: 23px;
  }
  /* line 197, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-preco small {
    font-size: 18px;
  }
}

/* line 206, assets/styles/sass/roube-o-look.scss */
.roube-look__tamanhos {
  gap: 6px;
  margin-top: 10px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 206, assets/styles/sass/roube-o-look.scss */
  .roube-look__tamanhos {
    gap: 10px;
    margin-top: 16px;
  }
}

/* line 219, assets/styles/sass/roube-o-look.scss */
.roube-look__tam {
  min-width: 34px;
  height: 30px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  background-color: transparent;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #232221;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
          "+" que cresce no hover, como no design. O position: static e
          obrigatorio: o global.scss aplica position absolute em TODO ::after,
          o que jogaria o sinal para fora do botao.
        */
}

/* line 239, assets/styles/sass/roube-o-look.scss */
.roube-look__tam::after {
  content: "+";
  position: static;
  display: inline-block;
  width: 0;
  overflow: hidden;
  color: #96754C;
  font-size: 13px;
  opacity: 0;
  transition-property: width, opacity, margin;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 252, assets/styles/sass/roube-o-look.scss */
.roube-look__tam:hover {
  border-color: #000000;
}

/* line 255, assets/styles/sass/roube-o-look.scss */
.roube-look__tam:hover::after {
  width: 9px;
  margin-left: 5px;
  opacity: 1;
}

/* line 263, assets/styles/sass/roube-o-look.scss */
.roube-look__tam.ativo {
  background-color: #000000;
  border-color: #000000;
  color: #F2F2F2;
}

/* line 269, assets/styles/sass/roube-o-look.scss */
.roube-look__tam.ativo::after, .roube-look__tam.ativo:hover::after {
  width: 0;
  margin-left: 0;
  opacity: 0;
}

/* line 278, assets/styles/sass/roube-o-look.scss */
.roube-look__tam--esgotado {
  color: #CCCCCC;
  border-color: #E4E3E1;
  text-decoration: line-through;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 281, assets/styles/sass/roube-o-look.scss */
.roube-look__tam--esgotado::after {
  content: none;
}

@media (max-width: 640px) {
  /* line 219, assets/styles/sass/roube-o-look.scss */
  .roube-look__tam {
    min-width: 56px;
    height: 49px;
    padding: 0 15px;
    font-size: 20px;
  }
}

/* line 297, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-de {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: normal;
  color: #A8A6A3;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 297, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-de {
    font-size: 21px;
  }
}

/* line 306, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta {
  width: 100%;
  height: 40px;
  margin-top: 12px;
  gap: 8px;
  cursor: pointer;
  background-color: #000000;
  color: #F2F2F2;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 323, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta:hover, .roube-look__pop-cta:focus {
  background-color: #C4A484;
  color: #000000;
}

/* line 329, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta i {
  font-size: 15px;
  line-height: 1;
}

/* line 334, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta--esgotado {
  background-color: #E4E3E1;
  color: #A8A6A3;
  cursor: default;
}

/* line 339, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta--esgotado:hover {
  background-color: #E4E3E1;
  color: #A8A6A3;
}

/* line 346, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta:disabled {
  background-color: #E4E3E1;
  border: none;
  color: #A8A6A3;
  cursor: default;
}

/* line 352, assets/styles/sass/roube-o-look.scss */
.roube-look__pop-cta:disabled:hover {
  background-color: #E4E3E1;
  color: #A8A6A3;
}

@media (max-width: 640px) {
  /* line 306, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-cta {
    height: 66px;
    margin-top: 20px;
    font-size: 20px;
  }
  /* line 363, assets/styles/sass/roube-o-look.scss */
  .roube-look__pop-cta i {
    font-size: 25px;
  }
}

/*------------------------------------*\
  #PIN
  O inline style do template posiciona por %; o translate centra o circulo
  exatamente sobre a coordenada.
\*------------------------------------*/
/* line 375, assets/styles/sass/roube-o-look.scss */
.bloco-foto-marcada__pin {
  position: absolute;
  z-index: 4;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.95);
  color: #000000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 391, assets/styles/sass/roube-o-look.scss */
.bloco-foto-marcada__pin i {
  font-size: 14px;
  line-height: 1;
}

/* line 397, assets/styles/sass/roube-o-look.scss */
.bloco-foto-marcada__pin::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  animation: lookPulse 2.2s ease infinite;
  pointer-events: none;
}

@media (max-width: 640px) {
  /* line 375, assets/styles/sass/roube-o-look.scss */
  .bloco-foto-marcada__pin {
    width: 49px;
    height: 49px;
  }
  /* line 411, assets/styles/sass/roube-o-look.scss */
  .bloco-foto-marcada__pin i {
    font-size: 23px;
  }
}

@keyframes lookPulse {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}

/*------------------------------------*\
  #BALAO DO PRODUTO
  .escondido / .active sao alternadas pelo main.js.
\*------------------------------------*/
/*
  Ancorado nas bordas da propria foto (left/right/bottom), nao no pin. Assim ele
  nunca escapa do enquadramento e o .splide__track pode seguir recortando
  normalmente - foi o que dispensou liberar o overflow do carrossel.

  O seletor traz .roube-look__item junto porque na pagina do InstaShop o mesmo
  balao usa o posicionamento antigo, calculado pelo main.js.
*/
/*
  Ancorado ao pin: o left/right/top/bottom vem inline do template, medindo a
  partir da propria marcacao e abrindo para o lado com mais espaco.

  Largura FIXA de proposito - com max-width em % cada balao ficava de um
  tamanho, conforme a foto. Aqui todos saem iguais, e o z-index alto garante
  que passem por cima das fotos vizinhas.
*/
/* line 448, assets/styles/sass/roube-o-look.scss */
.roube-look__item .bloco-foto-marcada__modal {
  position: absolute;
  z-index: 30;
  width: 264px;
  margin: 0;
  padding: 12px;
  /*
      O template poe left na coordenada X do pin; o translate recua metade da
      largura, deixando o balao centralizado na marcacao. Na vertical ele abre
      acima ou abaixo, conforme o lado com mais espaco na foto.
    */
  transform: translateX(-50%);
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  cursor: default;
  text-align: left;
}

/* line 468, assets/styles/sass/roube-o-look.scss */
.roube-look__item .bloco-foto-marcada__modal.escondido {
  display: none;
}

@media (max-width: 640px) {
  /* line 448, assets/styles/sass/roube-o-look.scss */
  .roube-look__item .bloco-foto-marcada__modal {
    width: 433px;
    max-width: calc(100vw - 32px);
    padding: 20px;
  }
}

/*-------------------------------
            INDEX
-------------------------------*/
/* line 1, assets/styles/sass/index.scss */
.conteudo_produtos_home {
  width: 100%;
}

/* line 4, assets/styles/sass/index.scss */
.conteudo_produtos_home .owl-next,
.conteudo_produtos_home .owl-prev {
  margin-top: -277px;
}

/* line 9, assets/styles/sass/index.scss */
.conteudo_produtos_home .owl-prev {
  left: 5px;
}

/* line 13, assets/styles/sass/index.scss */
.conteudo_produtos_home .owl-next {
  right: 5px;
}

/*------------------------------------*\
        #DESTAQUES HOME
\*------------------------------------*/
/* line 25, assets/styles/sass/index.scss */
.apresenta_home__wrap .apresenta_home__destaques {
  width: 100%;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 25, assets/styles/sass/index.scss */
  .apresenta_home__wrap .apresenta_home__destaques {
    width: auto;
    justify-content: inherit;
  }
}

/* line 34, assets/styles/sass/index.scss */
.apresenta_home__wrap .apresenta_home__destaques li {
  gap: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 39, assets/styles/sass/index.scss */
.apresenta_home__wrap .apresenta_home__destaques li h4 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 39, assets/styles/sass/index.scss */
  .apresenta_home__wrap .apresenta_home__destaques li h4 {
    font-size: 26px;
    line-height: 28px;
  }
}

/* line 51, assets/styles/sass/index.scss */
.apresenta_home__wrap .apresenta_home__destaques li p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #858585;
}

@media (max-width: 1199px) {
  /* line 51, assets/styles/sass/index.scss */
  .apresenta_home__wrap .apresenta_home__destaques li p {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  /* line 51, assets/styles/sass/index.scss */
  .apresenta_home__wrap .apresenta_home__destaques li p {
    font-size: 18px;
    line-height: 22px;
  }
}

/*------------------------------------*\
        #PRODUTOS DAS CATEGORIAS
\*------------------------------------*/
/* line 72, assets/styles/sass/index.scss */
.home_produtos__wrap {
  background: #ffffff;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 72, assets/styles/sass/index.scss */
  .home_produtos__wrap {
    margin-top: 80px;
  }
}

/* line 81, assets/styles/sass/index.scss */
.home_produtos__wrap--first {
  margin-top: 80px;
  background: transparent;
}

@media (max-width: 1199px) {
  /* line 81, assets/styles/sass/index.scss */
  .home_produtos__wrap--first {
    margin-top: 40px;
  }
}

/* line 90, assets/styles/sass/index.scss */
.home_produtos__wrap .splide {
  z-index: 9;
}

/* line 96, assets/styles/sass/index.scss */
.home_produtos__wrap .splide__arrows .splide__arrow {
  top: 0;
  height: calc(100% - 110px);
  transform: none;
  margin: 0;
}

/* line 102, assets/styles/sass/index.scss */
.home_produtos__wrap .splide__arrows .splide__arrow--prev {
  left: -3em;
}

/* line 106, assets/styles/sass/index.scss */
.home_produtos__wrap .splide__arrows .splide__arrow--next {
  right: -3em;
}

/* line 110, assets/styles/sass/index.scss */
.home_produtos__wrap .splide__arrows .splide__arrow svg {
  width: auto;
  height: auto;
}

@media (max-width: 640px) {
  /* line 94, assets/styles/sass/index.scss */
  .home_produtos__wrap .splide__arrows {
    display: none;
  }
}

/* line 121, assets/styles/sass/index.scss */
.home_produtos__wrap .produto__ver-mais {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 128, assets/styles/sass/index.scss */
.home_produtos__wrap .titulo-padrao__outlett span {
  background-color: #858585;
  color: #ffffff;
  padding: 1px 0px 1px 2px;
}

/*------------------------------------*\
  #VITRINE - trilho do carrossel de produtos

  O trilho ocupa a largura toda da tela; o recuo que alinha o primeiro produto
  ao titulo e o padding do proprio Splide (option padding, em sliders-config.js).
  Como o .splide__track tem overflow hidden, as pecas que entram e saem aparecem
  por baixo desse recuo - e o que da o efeito de continuidade do layout.
\*------------------------------------*/
/* line 145, assets/styles/sass/index.scss */
.vitrine__trilho {
  width: 100%;
  /*
      position: relative e obrigatorio: para converter o padding em pixels o
      Splide cria um <div> absoluto com aquele valor de width e mede o resultado.
      Sem um ancestral posicionado, o 100% de --sec-margem cairia num containing
      block errado e o alinhamento sairia torto.
    */
}

/* line 154, assets/styles/sass/index.scss */
.vitrine__trilho .splide {
  position: relative;
  z-index: 9;
}

/* line 159, assets/styles/sass/index.scss */
.vitrine__trilho .splide__arrow {
  /*
          Centra na FOTO, nao no slide: abaixo da imagem vem referencia, nome,
          grade e precos: cerca de 156px que puxariam a seta para fora dela.
        */
  top: calc(50% - 78px);
}

/* line 166, assets/styles/sass/index.scss */
.vitrine__trilho .splide__arrow--prev {
  left: clamp(8px, 1vw, 18px);
}

/* line 170, assets/styles/sass/index.scss */
.vitrine__trilho .splide__arrow--next {
  right: clamp(8px, 1vw, 18px);
}

@media (max-width: 640px) {
  /* line 176, assets/styles/sass/index.scss */
  .vitrine__trilho .splide__arrows {
    display: none;
  }
}

/*------------------------------------*\
  #CARD DE CATEGORIA (vitrine "Por categoria")

  Mesma proporcao e mesmo ritmo do card de produto: a vitrine de categorias
  corre no mesmo trilho, e duas proporcoes diferentes na mesma pagina fariam a
  home parecer montada por dois times.

  O conteudo vem de um album, entao aqui so ha foto e nome - o album nao sabe
  quantas pecas a categoria tem.
\*------------------------------------*/
/* line 193, assets/styles/sass/index.scss */
.cat-card {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #F2F2F2;
  /*
      Degrade de protecao para o nome. O global.scss ja posiciona todo ::after em
      absolute; as coordenadas abaixo sao o que amarra o degrade na base.
    */
  /*
      Só aparece quando o Link do álbum aponta para uma categoria - é de lá que o
      init.php tira o id para contar. Card de /busca ou /hotsite fica sem número.
    */
}

/* line 200, assets/styles/sass/index.scss */
.cat-card__foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 209, assets/styles/sass/index.scss */
.cat-card:hover .cat-card__foto {
  transform: scale(1.04);
}

/* line 217, assets/styles/sass/index.scss */
.cat-card::after {
  content: "";
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 45%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0));
  pointer-events: none;
}

/* line 228, assets/styles/sass/index.scss */
.cat-card__nome {
  position: absolute;
  left: 20px;
  right: 96px;
  bottom: 18px;
  z-index: 2;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.1;
  color: #FFFFFF;
}

@media (max-width: 640px) {
  /* line 228, assets/styles/sass/index.scss */
  .cat-card__nome {
    left: 33px;
    right: 157px;
    bottom: 30px;
    font-size: 36px;
  }
}

/* line 250, assets/styles/sass/index.scss */
.cat-card__pecas {
  position: absolute;
  right: 20px;
  bottom: 22px;
  z-index: 2;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 250, assets/styles/sass/index.scss */
  .cat-card__pecas {
    right: 33px;
    bottom: 36px;
    font-size: 18px;
  }
}

/*------------------------------------*\
  #GRID CATEGORIAS
\*------------------------------------*/
/* line 274, assets/styles/sass/index.scss */
.grid-categorias__itens {
  width: 100%;
  display: grid;
  grid-template-rows: repeat(2, 35vh);
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  grid-template-areas: "item1 item2 item4 item5" "item1 item3 item4 item6";
  gap: 10px;
}

@media (max-width: 1199px) {
  /* line 274, assets/styles/sass/index.scss */
  .grid-categorias__itens {
    grid-template-rows: repeat(2, 200px);
    gap: 15px;
  }
}

@media (max-width: 640px) {
  /* line 274, assets/styles/sass/index.scss */
  .grid-categorias__itens {
    display: grid;
    grid-template-rows: repeat(3, 250px);
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "item1 item1 item2" "item3 item4 item4" "item6 item6 item5";
    gap: 10px;
  }
}

/* line 302, assets/styles/sass/index.scss */
.grid-categorias__item {
  height: 100%;
  width: 100%;
  background-color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 310, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(1) {
  grid-area: item1;
  justify-self: center;
  align-self: center;
}

/* line 313, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(2) {
  grid-area: item2;
  justify-self: center;
  align-self: center;
}

/* line 316, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(3) {
  grid-area: item3;
  justify-self: center;
  align-self: center;
}

/* line 319, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(3) > .button {
  padding: 15px 5px;
}

/* line 323, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(4) {
  grid-area: item4;
  justify-self: center;
  align-self: center;
}

/* line 326, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(5) {
  grid-area: item5;
  justify-self: center;
  align-self: center;
}

/* line 329, assets/styles/sass/index.scss */
.grid-categorias__item:nth-of-type(6) {
  grid-area: item6;
  justify-self: center;
  align-self: center;
}

/* line 334, assets/styles/sass/index.scss */
.grid-categorias__item:hover img {
  opacity: 1;
}

/* line 339, assets/styles/sass/index.scss */
.grid-categorias__item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: .8;
  transition: opacity .5s;
}

/* line 348, assets/styles/sass/index.scss */
.grid-categorias__item .button {
  margin: 40px 20px;
  position: absolute;
  width: auto;
}

/* line 355, assets/styles/sass/index.scss */
.grid-categorias__link {
  width: 100%;
  height: 100%;
}

/*------------------------------------*\
  #FEED DO INSTAGRAM - redesign 2026

  Quatro fotos em grade estatica, sem carrossel. O cabecalho (chapeu + titulo +
  @perfil) vem do padrao .sec / .sec-head, compartilhado com as vitrines e os
  depoimentos - definido em roube-o-look.scss.

  A grade e a "grade assinatura" do DS: 4 colunas, gap minimo e 3:4, a mesma do
  Roube o Look. O post do Instagram e quadrado na origem e entra recortado pelas
  laterais (object-fit: cover) - o ritmo da home vale mais que o enquadramento
  original, e e o mesmo tratamento que o design da as fotos marcadas.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/*
  O <section id="div-instagram"> do index.tmpl e so o ponto de montagem do AJAX
  (assets/scripts/index.js). Fica sem estilo proprio de proposito: assim nao
  reserva espaco nenhum quando o feed nao vem. Toda a aparencia mora no
  .sec--instagram que o partial injeta dentro dele.
*/
/* line 383, assets/styles/sass/index.scss */
.instagram__wrap {
  width: 100%;
}

/* line 387, assets/styles/sass/index.scss */
.sec--instagram {
  /*
      Cabecalho mais perto da grade do que nas vitrines: aqui a foto e o fim do
      assunto - nao ha nome, grade de tamanhos nem preco sob ela puxando o olho
      para baixo, entao o respiro das vitrines (36px) ficava largo.
    */
}

/* line 394, assets/styles/sass/index.scss */
.sec--instagram .sec-head {
  margin-bottom: 24px;
}

@media (max-width: 640px) {
  /* line 394, assets/styles/sass/index.scss */
  .sec--instagram .sec-head {
    margin-bottom: 39px;
  }
}

/* line 403, assets/styles/sass/index.scss */
.instagram__grade {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1199px) {
  /* line 403, assets/styles/sass/index.scss */
  .instagram__grade {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 413, assets/styles/sass/index.scss */
.instagram__post {
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background-color: #F2F2F2;
  /* mesmo zoom discreto que o design da a foto da galeria do produto */
}

/* line 419, assets/styles/sass/index.scss */
.instagram__post img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 429, assets/styles/sass/index.scss */
.instagram__post:hover img {
  transform: scale(1.03);
}

/*------------------------------------*\
  #VÍDEO NA HOME
\*------------------------------------*/
/* line 437, assets/styles/sass/index.scss */
.video-home {
  display: table;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 437, assets/styles/sass/index.scss */
  .video-home {
    margin-top: 225px;
    margin-bottom: 100px;
  }
}

@media (max-width: 640px) {
  /* line 437, assets/styles/sass/index.scss */
  .video-home {
    margin-top: 175px;
    margin-bottom: 75px;
  }
}

/* line 451, assets/styles/sass/index.scss */
.video-home__conteudo {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 462, assets/styles/sass/index.scss */
.video-home__iframe {
  height: 550px;
  width: 1000px;
  margin: 60px auto;
}

@media (max-width: 1199px) {
  /* line 462, assets/styles/sass/index.scss */
  .video-home__iframe {
    height: 505px;
    width: 920px;
  }
}

@media (max-width: 640px) {
  /* line 462, assets/styles/sass/index.scss */
  .video-home__iframe {
    height: 330px;
    width: 600px;
  }
}

/* line 483, assets/styles/sass/index.scss */
.carrossel_colecoes .splide__arrows .splide__arrow {
  bottom: calc(50% - 65px);
}

/* line 486, assets/styles/sass/index.scss */
.carrossel_colecoes .splide__arrows .splide__arrow--prev {
  left: -3em;
}

/* line 490, assets/styles/sass/index.scss */
.carrossel_colecoes .splide__arrows .splide__arrow--next {
  right: -3em;
}

/* line 494, assets/styles/sass/index.scss */
.carrossel_colecoes .splide__arrows .splide__arrow svg {
  width: auto;
  height: auto;
}

@media (max-width: 640px) {
  /* line 481, assets/styles/sass/index.scss */
  .carrossel_colecoes .splide__arrows {
    display: none;
  }
}

/* line 505, assets/styles/sass/index.scss */
.carrossel_colecoes .splide__pagination {
  margin-top: 20px;
}

/* line 509, assets/styles/sass/index.scss */
.carrossel_colecoes .carrossel_colecoes__item img {
  height: 100%;
  width: 100%;
}

/*------------------------------------*\
  #PROVADOR VIRTUAL - redesign 2026

  Vitrine de vídeos das peças. Usa o mesmo trilho das vitrines de produto
  (.vitrine__trilho + .home_produtos__list_carousel), então o alinhamento e o
  "peek" da borda vêm de graça do sliders-config.js.

  A seção tem fundo próprio porque é a única da home em que o conteúdo se move
  sozinho: o corte de superfície avisa que ali a regra é outra.

  O card é 9:16 - a proporção em que os vídeos são gravados. O iframe do YouTube
  tem 1080x1920 fixos e não aceita object-fit, então o provador-virtual.js
  calcula um scale() que cobre a caixa; o CSS aqui só define a base sobre a qual
  esse cálculo trabalha.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 19, assets/styles/sass/provador-virtual.scss */
.sec--provador {
  position: relative;
  padding-bottom: clamp(56px, 7vh, 88px);
  overflow: hidden;
  background-color: #F4F0EA;
  /*
      Folhagem dos cantos: 01 no superior esquerdo, 02 no inferior direito.

      Entram como MASCARA, nao como background-image. Os dois arquivos vem com
      fill="currentColor", e num background-image o SVG e um documento a parte -
      o currentColor cairia no preto padrao dele, nao na cor daqui. Como mascara
      so o desenho conta e a cor vem do background-color, que e o que o
      currentColor do arquivo pedia.

      Ficam atras do conteudo (z-index 0) e somem abaixo de 1200px, onde o trilho
      ja encosta nas laterais e o desenho viraria ruido atras dos cards.

      O ::after herda position: absolute do global.scss; as coordenadas abaixo
      valem para os dois.
    */
  /*
      Chapeu em acento, nao no cinza padrao: sobre o fundo areia o $n-500 some, e
      o lavanda e o que amarra a secao ao "+" dos cards.
    */
}

/* line 40, assets/styles/sass/provador-virtual.scss */
.sec--provador::before, .sec--provador::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background-color: #D8CFC2;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@media (max-width: 1199px) {
  /* line 40, assets/styles/sass/provador-virtual.scss */
  .sec--provador::before, .sec--provador::after {
    display: none;
  }
}

/* line 60, assets/styles/sass/provador-virtual.scss */
.sec--provador::before {
  top: 0;
  left: 0;
  width: clamp(150px, 13vw, 240px);
  aspect-ratio: 114.2 / 98.12;
  -webkit-mask-image: url("/app-hagler/assets/images/ornamentos/folha-provador-01.svg");
  mask-image: url("/app-hagler/assets/images/ornamentos/folha-provador-01.svg");
  -webkit-mask-position: left top;
  mask-position: left top;
}

/* line 73, assets/styles/sass/provador-virtual.scss */
.sec--provador::after {
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  width: clamp(190px, 18vw, 320px);
  aspect-ratio: 166.28 / 268.2;
  -webkit-mask-image: url("/app-hagler/assets/images/ornamentos/folha-provador-02.svg");
  mask-image: url("/app-hagler/assets/images/ornamentos/folha-provador-02.svg");
  -webkit-mask-position: right bottom;
  mask-position: right bottom;
}

/* line 88, assets/styles/sass/provador-virtual.scss */
.sec--provador .sec-head,
.sec--provador .vitrine__trilho {
  position: relative;
  z-index: 1;
}

/* line 98, assets/styles/sass/provador-virtual.scss */
.sec--provador .sec-head__eyebrow {
  color: #96754C;
}

/* line 103, assets/styles/sass/provador-virtual.scss */
.provador-card {
  position: relative;
  /*------------------------------------*\
      #VÍDEO
    \*------------------------------------*/
  /*
      A capa do YouTube (sddefault) vem em 4:3 com o vídeo vertical recortado no
      meio; o cover corta as laterais e mostra o centro, que é onde a peça está.
    */
  /*------------------------------------*\
      #PLAY / PAUSE
      Cobre o vídeo inteiro: qualquer clique sobre a peça alterna a reprodução.
    \*------------------------------------*/
  /*------------------------------------*\
      #PEÇA DO VÍDEO
      Faixa clara ao pé do card: foto, nome, preço e o "+" que abre o quick view.
    \*------------------------------------*/
}

/* line 109, assets/styles/sass/provador-virtual.scss */
.provador-card__video {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background-color: #141312;
}

/* line 120, assets/styles/sass/provador-virtual.scss */
.provador-card__thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 129, assets/styles/sass/provador-virtual.scss */
.provador-card__iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1080px;
  height: 1920px;
  border: none;
  transform-origin: top left;
  transform: scale(1.18) translate(-50%, -50%);
  pointer-events: none;
}

/* line 148, assets/styles/sass/provador-virtual.scss */
.provador-card__play {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 163, assets/styles/sass/provador-virtual.scss */
.provador-card__play i {
  width: 46px;
  height: 46px;
  font-size: 22px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background-color: rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 163, assets/styles/sass/provador-virtual.scss */
  .provador-card__play i {
    width: 75px;
    height: 75px;
    font-size: 36px;
  }
}

/* line 181, assets/styles/sass/provador-virtual.scss */
.provador-card__play:not(.ativo) i {
  opacity: 0;
}

/* line 185, assets/styles/sass/provador-virtual.scss */
.provador-card__play:not(.ativo):hover i {
  opacity: 1;
}

/* line 190, assets/styles/sass/provador-virtual.scss */
.provador-card__som {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: none;
}

/* line 199, assets/styles/sass/provador-virtual.scss */
.provador-card__som button {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.92);
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 214, assets/styles/sass/provador-virtual.scss */
.provador-card__som button:hover {
  background-color: #FFFFFF;
}

/* line 218, assets/styles/sass/provador-virtual.scss */
.provador-card__som button i {
  font-size: 18px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 190, assets/styles/sass/provador-virtual.scss */
  .provador-card__som {
    right: 20px;
    bottom: 20px;
  }
  /* line 228, assets/styles/sass/provador-virtual.scss */
  .provador-card__som button {
    width: 59px;
    height: 59px;
  }
  /* line 232, assets/styles/sass/provador-virtual.scss */
  .provador-card__som button i {
    font-size: 30px;
  }
}

/* line 243, assets/styles/sass/provador-virtual.scss */
.provador-card__peca {
  gap: 10px;
  padding: 10px;
  min-height: 90px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 243, assets/styles/sass/provador-virtual.scss */
  .provador-card__peca {
    gap: 16px;
    padding: 16px;
    min-height: 144px;
  }
}

/* line 258, assets/styles/sass/provador-virtual.scss */
.provador-card__peca-link {
  gap: 10px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 258, assets/styles/sass/provador-virtual.scss */
  .provador-card__peca-link {
    gap: 16px;
  }
}

/* line 269, assets/styles/sass/provador-virtual.scss */
.provador-card__peca-foto {
  flex: none;
  width: 42px;
  height: 56px;
  object-fit: cover;
  display: block;
}

@media (max-width: 640px) {
  /* line 269, assets/styles/sass/provador-virtual.scss */
  .provador-card__peca-foto {
    width: 69px;
    height: 92px;
  }
}

/* line 282, assets/styles/sass/provador-virtual.scss */
.provador-card__peca-texto {
  gap: 3px;
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 289, assets/styles/sass/provador-virtual.scss */
.provador-card__peca-nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 289, assets/styles/sass/provador-virtual.scss */
  .provador-card__peca-nome {
    font-size: 21px;
  }
}

/* line 298, assets/styles/sass/provador-virtual.scss */
.provador-card__peca-preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
}

/* line 301, assets/styles/sass/provador-virtual.scss */
.provador-card__peca-preco small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 298, assets/styles/sass/provador-virtual.scss */
  .provador-card__peca-preco {
    font-size: 21px;
  }
  /* line 308, assets/styles/sass/provador-virtual.scss */
  .provador-card__peca-preco small {
    font-size: 18px;
  }
}

/* line 314, assets/styles/sass/provador-virtual.scss */
.provador-card__mais {
  flex: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #000000;
  color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 326, assets/styles/sass/provador-virtual.scss */
.provador-card__mais:hover, .provador-card__mais:focus {
  background-color: #C4A484;
  color: #000000;
}

/* line 332, assets/styles/sass/provador-virtual.scss */
.provador-card__mais i {
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 314, assets/styles/sass/provador-virtual.scss */
  .provador-card__mais {
    width: 52px;
    height: 52px;
  }
  /* line 341, assets/styles/sass/provador-virtual.scss */
  .provador-card__mais i {
    font-size: 26px;
  }
}

/*------------------------------------*\
  #CARROSSEL DINÂMICO - redesign 2026
  (admin: Site → Elementos Dinâmicos)

  Duas metades: banner à esquerda, pilha de cartas à direita sobre uma moldura
  de traço.

  A PILHA é o Swiper 12 com effect "creative" - deslocamento, rotação, escala e
  ordem das cartas vêm da lib (assets/scripts/carrossel-dinamico.js). Aqui só
  cuidamos de não recortar o que sai da caixa: o .swiper nasce com overflow
  hidden e as cartas de trás vão para a direita e para baixo, então ele fica
  visible e o palco ganha folga desse lado.

  A MOLDURA entra como máscara, não como background-image: os dois arquivos vêm
  com fill="currentColor" e, carregado por URL, o SVG é um documento à parte -
  o currentColor cairia no preto padrão dele. Como máscara só o desenho conta e
  a cor vem do background-color.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 22, assets/styles/sass/carrossel-dinamico.scss */
.sec--dinamico {
  padding-bottom: clamp(56px, 7vh, 88px);
}

/* line 26, assets/styles/sass/carrossel-dinamico.scss */
.dinamico {
  align-items: stretch;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*------------------------------------*\
      #BANNER
    \*------------------------------------*/
  /*------------------------------------*\
      #PALCO
      As cartas de trás saem para a direita e para baixo, então a folga é
      assimétrica: mais espaço desses dois lados para nada ser recortado.
    \*------------------------------------*/
  /*
      Moldura de traço atrás da pilha. O ::after herda position: absolute do
      global.scss; as coordenadas abaixo valem para os dois estados.
    */
  /*------------------------------------*\
      #CONTROLES
      Setas e contador abaixo da pilha, como no layout.
    \*------------------------------------*/
}

@media (max-width: 1199px) {
  /* line 26, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico {
    grid-template-columns: 1fr;
  }
}

/* line 38, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__banner {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #F2F2F2;
}

@media (max-width: 1199px) {
  /* line 38, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__banner {
    aspect-ratio: 4 / 3;
  }
}

/* line 49, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 58, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__banner:hover .dinamico__banner-img {
  transform: scale(1.03);
}

/* line 62, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__banner-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  height: 48px;
  padding: 0 28px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #FFFFFF;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 81, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__banner:hover .dinamico__banner-cta {
  background-color: #FFFFFF;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__banner-cta {
    height: 79px;
    padding: 0 46px;
    font-size: 20px;
  }
}

/* line 98, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__palco {
  position: relative;
  padding: clamp(56px, 6vw, 88px) clamp(72px, 8vw, 128px) clamp(40px, 4.5vw, 64px) clamp(32px, 3.5vw, 56px);
  background-color: #FFFFFF;
  /*
          O recorte acontece AQUI, não no deck.

          O deck precisa de overflow visible - é o que deixa passar a sombra da
          carta e as duas cartas de trás. Sem um limite acima dele, a carta que
          entra e a que sai atravessam a metade da tela: invadem o banner pela
          esquerda e escapam pela direita durante a transição.

          O palco tem folga interna suficiente para a pilha parada caber inteira,
          então ele recorta só o excesso do movimento.
        */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 98, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__palco {
    padding: 85px 66px 60px;
  }
}

/* line 127, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__palco::after {
  content: "";
  top: clamp(24px, 3vw, 44px);
  right: clamp(24px, 3vw, 44px);
  bottom: clamp(24px, 3vw, 44px);
  left: clamp(24px, 3vw, 44px);
  z-index: 0;
  pointer-events: none;
  background-color: #E4E3E1;
  -webkit-mask-image: url("/app-hagler/assets/images/ornamentos/brush-moldura-fina-h.svg");
  mask-image: url("/app-hagler/assets/images/ornamentos/brush-moldura-fina-h.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@media (max-width: 1199px) {
  /* line 127, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__palco::after {
    -webkit-mask-image: url("/app-hagler/assets/images/ornamentos/brush-moldura-fina.svg");
    mask-image: url("/app-hagler/assets/images/ornamentos/brush-moldura-fina.svg");
  }
}

/* line 152, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__deck {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  /*
          O .swiper nasce com overflow hidden e recortaria o que faz o efeito: a
          sombra da carta da frente e as duas cartas de trás. O palco tem folga
          suficiente para elas caberem.

          A classe a mais no seletor não é enfeite: o CSS do Swiper vem do CDN e é
          carregado DEPOIS do main.css, então .swiper { overflow: hidden } e
          .dinamico__deck { overflow: visible } empatariam em especificidade e a
          ordem decidiria a favor da lib.
        */
  /*
          A sombra vive AQUI, no slide, e não na carta.

          O effect creative traz .swiper-creative .swiper-slide { overflow: hidden }
          - mesma especificidade que .dinamico__deck .swiper-slide e carregado
          depois, então não há como vencer sem uma classe a mais. E overflow
          recorta o que está DENTRO do elemento: uma sombra na carta some, uma
          sombra no próprio slide é pintada fora dele e passa ilesa.

          A carta preenche o slide inteiro, então o retângulo da sombra é o mesmo.
        */
}

/* line 168, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__palco .dinamico__deck {
  overflow: visible;
}

/* line 183, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__deck .swiper-slide {
  height: auto;
  box-shadow: 0 14px 44px -14px rgba(0, 0, 0, 0.28);
  /*
              opacity: 0 esconde, mas não tira do caminho do mouse: a carta que
              saiu continuava capturando o ponteiro sobre o banner e mostrando o
              link do produto escondido na barra de status. As de trás têm o mesmo
              problema - só a moldura aparece, e clicar nela levaria a um produto
              que o cliente não está vendo.
            */
  pointer-events: none;
}

/* line 198, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__deck .swiper-slide-active {
  pointer-events: auto;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__deck {
    max-width: 470px;
  }
}

/* line 211, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__controles {
  position: relative;
  z-index: 2;
  gap: 16px;
  margin-top: clamp(24px, 3vw, 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 211, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__controles {
    gap: 26px;
    margin-top: 46px;
  }
}

/* line 225, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__seta {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  cursor: pointer;
  background-color: transparent;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 240, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__seta i {
  font-size: 18px;
  line-height: 1;
}

/* line 245, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__seta:hover {
  border-color: #000000;
  background-color: #000000;
  color: #F2F2F2;
}

/* line 253, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__seta.swiper-button-disabled {
  opacity: .35;
  cursor: default;
}

/* line 257, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__seta.swiper-button-disabled:hover {
  border-color: #CCCCCC;
  background-color: transparent;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 225, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__seta {
    width: 66px;
    height: 66px;
  }
  /* line 268, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__seta i {
    font-size: 30px;
  }
}

/* line 275, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__contador {
  min-width: 56px;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #7D7B78;
  /*
          Ao inicializar, o Swiper acrescenta .swiper-pagination a este nó - e essa
          classe vem com position: absolute, largura total e bottom fixo, o que
          arrancaria o contador da linha das setas. Mesma história do overflow: a
          folha do CDN carrega depois, então aqui vai uma classe a mais para
          desempatar.
        */
}

/* line 288, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__controles .dinamico__contador {
  position: static;
  width: auto;
  bottom: auto;
  left: auto;
  transform: none;
}

/* line 296, assets/styles/sass/carrossel-dinamico.scss */
.dinamico__contador .swiper-pagination-current {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 275, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico__contador {
    min-width: 92px;
    font-size: 21px;
  }
}

/*------------------------------------*\
  #CARTA
\*------------------------------------*/
/*
  Moldura de polaroid: borda estreita nos três lados e uma faixa larga embaixo,
  na proporção do layout (~3% da largura nas laterais, ~15% na base). É essa
  folga desigual que faz a carta ler como papel fotográfico, e não como card.
*/
/* line 315, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta {
  padding: 12px 12px 56px;
  background-color: #FFFFFF;
  /*
      Serifa em itálico: é o único nome de produto da home que aparece sozinho,
      sem grade nem vizinhos, e o display carrega esse destaque melhor que a
      fonte de texto.
    */
}

@media (max-width: 640px) {
  /* line 315, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta {
    padding: 20px 20px 92px;
  }
}

/* line 324, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__foto {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #F2F2F2;
}

/* line 331, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 338, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__info {
  gap: 6px;
  margin-top: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 338, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta__info {
    gap: 10px;
    margin-top: 26px;
  }
}

/* line 356, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__nome {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.25;
  color: #000000;
  font-style: italic;
}

@media (max-width: 640px) {
  /* line 356, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta__nome {
    font-size: 30px;
  }
}

/* line 365, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
}

/* line 368, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__preco small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 365, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta__preco {
    font-size: 21px;
  }
  /* line 375, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta__preco small {
    font-size: 18px;
  }
}

/* line 381, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__espiar {
  gap: 8px;
  margin-top: 6px;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 393, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__espiar:hover {
  color: #96754C;
}

/* line 397, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__espiar i {
  font-size: 16px;
  line-height: 1;
}

/* line 402, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__espiar--esgotado {
  color: #A8A6A3;
  cursor: default;
}

/* line 406, assets/styles/sass/carrossel-dinamico.scss */
.dinamico-carta__espiar--esgotado:hover {
  color: #A8A6A3;
}

@media (max-width: 640px) {
  /* line 381, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta__espiar {
    margin-top: 10px;
    font-size: 20px;
  }
  /* line 415, assets/styles/sass/carrossel-dinamico.scss */
  .dinamico-carta__espiar i {
    font-size: 26px;
  }
}

/*------------------------------------*\
  #GRID DE CATEGORIAS (álbum 3) - redesign 2026

  Dois blocos fotográficos por linha, de borda a borda. Não usa .sec__in: aqui a
  fotografia é o conteúdo, e o container centralizado deixaria uma faixa branca
  dos dois lados que quebraria a leitura de mural.

  O texto vive sobre a foto, no canto inferior esquerdo, com um degradê que
  garante contraste sem escurecer a peça inteira.

  MOBILE: uma coluna, medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss).
\*------------------------------------*/
/* line 15, assets/styles/sass/grid-categorias.scss */
.grid-cat {
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /*
      Ritmo do layout: a cada três blocos, o terceiro atravessa a linha inteira.
      E o último também, quando o total é ímpar - assim nenhuma faixa fica pela
      metade.

      O bloco largo é 5:2, não o 16:9 dos outros: esticar a mesma proporção no
      dobro da largura daria uma faixa alta demais, que engoliria a dobra.
    */
  /*
      Degradê de proteção do texto. O global.scss já posiciona todo ::after em
      absolute; as coordenadas abaixo amarram o degradê na base.
    */
  /*------------------------------------*\
      #TEXTO
    \*------------------------------------*/
}

@media (max-width: 1199px) {
  /* line 15, assets/styles/sass/grid-categorias.scss */
  .grid-cat {
    grid-template-columns: 1fr;
  }
}

/* line 35, assets/styles/sass/grid-categorias.scss */
.grid-cat__item:nth-child(3n), .grid-cat__item:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

/* line 39, assets/styles/sass/grid-categorias.scss */
.grid-cat__item:nth-child(3n) .grid-cat__link, .grid-cat__item:last-child:nth-child(odd) .grid-cat__link {
  aspect-ratio: 5 / 2;
}

/* line 44, assets/styles/sass/grid-categorias.scss */
.grid-cat__item:nth-child(3n) .grid-cat__texto, .grid-cat__item:last-child:nth-child(odd) .grid-cat__texto {
  max-width: min(38%, 560px);
}

@media (max-width: 1199px) {
  /* line 50, assets/styles/sass/grid-categorias.scss */
  .grid-cat__item:nth-child(3n) .grid-cat__link, .grid-cat__item:last-child:nth-child(odd) .grid-cat__link {
    aspect-ratio: 4 / 5;
  }
  /* line 54, assets/styles/sass/grid-categorias.scss */
  .grid-cat__item:nth-child(3n) .grid-cat__texto, .grid-cat__item:last-child:nth-child(odd) .grid-cat__texto {
    max-width: 78%;
  }
}

/* line 60, assets/styles/sass/grid-categorias.scss */
.grid-cat__item {
  position: relative;
  overflow: hidden;
  background-color: #F2F2F2;
}

/* line 66, assets/styles/sass/grid-categorias.scss */
.grid-cat__link {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  /*
          Uma coluna: o bloco fica mais alto que largo. Em 16:9 na largura da tela
          sobra uma tira baixa demais para a frase respirar sobre a foto.
        */
}

@media (max-width: 1199px) {
  /* line 66, assets/styles/sass/grid-categorias.scss */
  .grid-cat__link {
    aspect-ratio: 4 / 5;
  }
}

/* line 80, assets/styles/sass/grid-categorias.scss */
.grid-cat__foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 89, assets/styles/sass/grid-categorias.scss */
.grid-cat__link:hover .grid-cat__foto {
  transform: scale(1.03);
}

/* line 97, assets/styles/sass/grid-categorias.scss */
.grid-cat__link::after {
  content: "";
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 72%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.12) 55%, rgba(0, 0, 0, 0));
  pointer-events: none;
}

/* line 111, assets/styles/sass/grid-categorias.scss */
.grid-cat__texto {
  position: absolute;
  left: clamp(24px, 3.4vw, 64px);
  bottom: clamp(24px, 3vw, 56px);
  z-index: 2;
  /*
          A frase ocupa no máximo metade do bloco: linha longa sobre foto cansa.
          O unquote é obrigatório - min() é função nativa do SASS, que tenta
          resolver 52% contra 520px e para com "Incompatible units".
        */
  max-width: min(52%, 520px);
  gap: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 111, assets/styles/sass/grid-categorias.scss */
  .grid-cat__texto {
    left: 39px;
    bottom: 46px;
    max-width: 78%;
    gap: 20px;
  }
}

/* line 135, assets/styles/sass/grid-categorias.scss */
.grid-cat__eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #4E3B26;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 135, assets/styles/sass/grid-categorias.scss */
  .grid-cat__eyebrow {
    font-size: 18px;
  }
}

/* line 145, assets/styles/sass/grid-categorias.scss */
.grid-cat__titulo {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(26px, 2.2vw, 40px);
  line-height: 1.15;
  color: #FFFFFF;
}

@media (max-width: 640px) {
  /* line 145, assets/styles/sass/grid-categorias.scss */
  .grid-cat__titulo {
    font-size: 46px;
  }
}

/* line 153, assets/styles/sass/grid-categorias.scss */
.grid-cat__cta {
  margin-top: 4px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #FFFFFF;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background-image: linear-gradient(#FFFFFF, #FFFFFF);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  transition-property: background-size;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 153, assets/styles/sass/grid-categorias.scss */
  .grid-cat__cta {
    margin-top: 6px;
    font-size: 18px;
  }
}

/* line 174, assets/styles/sass/grid-categorias.scss */
.grid-cat__link:hover .grid-cat__cta {
  background-size: 100% 1px;
}

/*------------------------------------*\
  #HERO - redesign 2026

  Banner de abertura em tela cheia.

  ALTURA
  Na home o header é transparente e flutua sobre a foto, então ele não ocupa
  espaço - o que o <main> desconta é só a barra de avisos (ver header-topo.scss). "Tela
  cheia" aqui é 100svh menos essa faixa de avisos.

  svh em vez de vh: no celular, 100vh conta a tela com a barra de endereço
  recolhida, e o rodapé do banner (onde fica o botão) ficava sob a barra até o
  primeiro scroll.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 18, assets/styles/sass/hero.scss */
.hero {
  position: relative;
  width: 100%;
  /*
      A altura mora no próprio slide, não em um encadeamento de height: 100% -
      o .hero não tem altura declarada, então um 100% nos filhos resolveria para
      auto e não faria nada. Quem manda no tamanho é o <a> de cada slide; o
      track e a lista crescem junto.
    */
  /*------------------------------------*\
      #CTA
      Sozinho sobre a foto, centrado na horizontal e no terço inferior.

      Ancorado pela BASE, não pelo centro: assim ele guarda sempre a mesma
      distância da paginação, em qualquer altura de tela. Preso ao centro, num
      monitor alto ele subiria e deixaria um vão entre botão e traços.

      Não há degradê atrás: ele existia para dar contraste ao texto, e um botão
      com borda se defende sozinho. A foto aparece inteira.
    \*------------------------------------*/
  /*------------------------------------*\
      #CONTROLES
      Setas nas laterais, sobre a foto; paginação em traço na base.
    \*------------------------------------*/
  /*
      O Splide pausa o autoplay no hover (pauseOnHover) e ele escuta o SLIDER
      inteiro, não a paginação: o gatilho da pausa tem de ser o mesmo, senão a
      barra segue correndo com o mouse sobre a foto e promete uma troca que não vem.
    */
}

/* line 28, assets/styles/sass/hero.scss */
.hero .splide__slide {
  height: auto;
}

/* line 32, assets/styles/sass/hero.scss */
.hero__slide {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 32, assets/styles/sass/hero.scss */
  .hero__slide {
    height: calc(100vh - 56px);
    height: calc(100svh - 56px);
  }
}

/* line 44, assets/styles/sass/hero.scss */
.hero__foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 62, assets/styles/sass/hero.scss */
.hero__cta {
  position: absolute;
  top: auto;
  bottom: clamp(80px, 11vh, 130px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  height: 48px;
  padding: 0 28px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #FFFFFF;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/hero.scss */
  .hero__cta {
    bottom: 50px;
    height: 79px;
    padding: 0 46px;
    font-size: 20px;
  }
}

/* line 90, assets/styles/sass/hero.scss */
.hero__slide:hover .hero__cta {
  background-color: #FFFFFF;
  color: #000000;
}

/* line 99, assets/styles/sass/hero.scss */
.hero .splide__arrow {
  top: 50%;
}

/* line 102, assets/styles/sass/hero.scss */
.hero .splide__arrow--prev {
  left: clamp(12px, 1.6vw, 28px);
}

/* line 106, assets/styles/sass/hero.scss */
.hero .splide__arrow--next {
  right: clamp(12px, 1.6vw, 28px);
}

@media (max-width: 640px) {
  /* line 99, assets/styles/sass/hero.scss */
  .hero .splide__arrow {
    display: none;
  }
}

/* line 116, assets/styles/sass/hero.scss */
.hero .splide__pagination {
  position: absolute;
  bottom: clamp(20px, 2vw, 32px);
  z-index: 3;
  margin: 0;
  /*
          Traço com barra de tempo: o trilho fica translúcido e um ::after branco
          cresce dentro dele acompanhando os 7s do autoplay.

          O traço ativo é um pouco mais largo, e a barra branca crescendo dentro
          dele reforça qual é o slide da vez. A transição de largura vem do estilo
          global da paginação.

          O ::after herda position: absolute do global.scss; as coordenadas abaixo
          o prendem à esquerda.
        */
}

@media (max-width: 640px) {
  /* line 116, assets/styles/sass/hero.scss */
  .hero .splide__pagination {
    bottom: 33px;
  }
}

/* line 137, assets/styles/sass/hero.scss */
.hero .splide__pagination .splide__pagination__page {
  position: relative;
  width: 48px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.38);
  /*
              A duração vem do próprio Splide: o sliders-config.js publica o
              interval em --hero-intervalo, então o número existe num lugar só.

              A animação reinicia sozinha a cada volta porque .is-active sai e
              volta ao elemento, e com isso o ::after é remontado.
            */
}

/* line 143, assets/styles/sass/hero.scss */
.hero .splide__pagination .splide__pagination__page:hover {
  background: rgba(255, 255, 255, 0.65);
}

/* line 147, assets/styles/sass/hero.scss */
.hero .splide__pagination .splide__pagination__page::after {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  display: block;
  width: 0;
  background-color: #FFFFFF;
}

/* line 165, assets/styles/sass/hero.scss */
.hero .splide__pagination .splide__pagination__page.is-active {
  width: 64px;
}

/* line 169, assets/styles/sass/hero.scss */
.hero .splide__pagination .splide__pagination__page.is-active::after {
  width: 0;
  animation: heroProgresso var(--hero-intervalo, 7000ms) linear forwards;
}

/* line 182, assets/styles/sass/hero.scss */
.hero:hover .splide__pagination__page.is-active::after {
  animation-play-state: paused;
}

@keyframes heroProgresso {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* line 1, assets/styles/sass/atrativos.scss */
.atrativos {
  margin-bottom: 60px;
}

/* line 4, assets/styles/sass/atrativos.scss */
.atrativos__bloco {
  padding: 15px 0;
}

/* line 7, assets/styles/sass/atrativos.scss */
.atrativos__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 10, assets/styles/sass/atrativos.scss */
.atrativos__item-direita {
  flex-direction: row-reverse;
}

@media (max-width: 640px) {
  /* line 7, assets/styles/sass/atrativos.scss */
  .atrativos__item {
    flex-direction: column;
  }
}

/* line 18, assets/styles/sass/atrativos.scss */
.atrativos__banner {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 43.1vw;
  height: 29.7vw;
  max-width: 690px;
  max-height: 440px;
}

/* line 28, assets/styles/sass/atrativos.scss */
.atrativos__banner-colecoes {
  background-image: url("/app-hagler/assets/images/atrativos-colecoes.jpg");
}

/* line 32, assets/styles/sass/atrativos.scss */
.atrativos__banner-camisolas {
  background-image: url("/app-hagler/assets/images/atrativos-camisolas.jpg");
}

@media (max-width: 640px) {
  /* line 18, assets/styles/sass/atrativos.scss */
  .atrativos__banner {
    width: 100%;
    height: 380px;
    margin-bottom: 20px;
  }
}

/* line 43, assets/styles/sass/atrativos.scss */
.atrativos__textos-bloco {
  margin: 0 80px;
  position: relative;
}

/* line 47, assets/styles/sass/atrativos.scss */
.atrativos__item-esquerda .atrativos__textos-bloco {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 47, assets/styles/sass/atrativos.scss */
  .atrativos__item-esquerda .atrativos__textos-bloco {
    margin: 0 0 60px 80px;
  }
}

/* line 55, assets/styles/sass/atrativos.scss */
.atrativos__item-direita .atrativos__textos-bloco {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 55, assets/styles/sass/atrativos.scss */
  .atrativos__item-direita .atrativos__textos-bloco {
    margin: 0 80px 0 0;
  }
}

/* line 63, assets/styles/sass/atrativos.scss */
.atrativos__textos-bloco .seta-detalhe {
  display: block;
  width: 45px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 12px;
}

/* line 73, assets/styles/sass/atrativos.scss */
.atrativos__item-esquerda .atrativos__textos-bloco .seta-detalhe {
  background-image: url("/app-hagler/assets/images/icons/seta-detalhe-esquerda.png");
  left: -65px;
}

@media (max-width: 640px) {
  /* line 73, assets/styles/sass/atrativos.scss */
  .atrativos__item-esquerda .atrativos__textos-bloco .seta-detalhe {
    transform: rotate(90deg);
  }
}

/* line 82, assets/styles/sass/atrativos.scss */
.atrativos__item-direita .atrativos__textos-bloco .seta-detalhe {
  background-image: url("/app-hagler/assets/images/icons/seta-detalhe-direita.png");
  right: -65px;
}

@media (max-width: 640px) {
  /* line 82, assets/styles/sass/atrativos.scss */
  .atrativos__item-direita .atrativos__textos-bloco .seta-detalhe {
    transform: rotate(-90deg);
  }
}

/* line 93, assets/styles/sass/atrativos.scss */
.atrativos__textos-bloco .titulo-padrao {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 25px;
}

/* line 98, assets/styles/sass/atrativos.scss */
.atrativos__item-esquerda .atrativos__textos-bloco .titulo-padrao {
  text-align: left;
}

/* line 102, assets/styles/sass/atrativos.scss */
.atrativos__item-direita .atrativos__textos-bloco .titulo-padrao {
  text-align: right;
}

/* line 107, assets/styles/sass/atrativos.scss */
.atrativos__textos-bloco .texto {
  max-width: 560px;
  margin-bottom: 20px;
}

/* line 111, assets/styles/sass/atrativos.scss */
.atrativos__item-esquerda .atrativos__textos-bloco .texto {
  text-align: left;
}

/* line 115, assets/styles/sass/atrativos.scss */
.atrativos__item-direita .atrativos__textos-bloco .texto {
  text-align: right;
}

@media (max-width: 640px) {
  /* line 107, assets/styles/sass/atrativos.scss */
  .atrativos__textos-bloco .texto {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    font-size: 25px;
    line-height: 26px;
    color: #000;
  }
}

/* line 124, assets/styles/sass/atrativos.scss */
.atrativos__textos-bloco .link-detalhes {
  width: 170px;
  height: 50px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
  background-color: #000;
  transition: background-color 300ms ease;
}

@media (max-width: 640px) {
  /* line 124, assets/styles/sass/atrativos.scss */
  .atrativos__textos-bloco .link-detalhes {
    height: 58px;
    width: 220px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 58px;
    color: #ffffff;
  }
}

/*-------------------------------
            OPS
-------------------------------*/
/* line 2, assets/styles/sass/ops.scss */
.header-ops--logo img {
  max-width: 200px;
}

@media (max-width: 640px) {
  /* line 2, assets/styles/sass/ops.scss */
  .header-ops--logo img {
    max-width: 300px;
    min-width: 300px;
  }
}

/* line 12, assets/styles/sass/ops.scss */
.header-ops {
  border-bottom: 1px solid #000;
  height: 113px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 12, assets/styles/sass/ops.scss */
  .header-ops {
    height: 170px;
    border-bottom: 2px solid #000;
  }
}

/* line 25, assets/styles/sass/ops.scss */
.error-ops {
  margin-top: 45px;
}

@media (max-width: 640px) {
  /* line 25, assets/styles/sass/ops.scss */
  .error-ops {
    margin: 0px;
  }
}

/* line 32, assets/styles/sass/ops.scss */
.error-ops .container {
  display: table;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 32, assets/styles/sass/ops.scss */
  .error-ops .container {
    width: 640px;
  }
}

/* line 42, assets/styles/sass/ops.scss */
.error-ops .container .title {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

@media (max-width: 640px) {
  /* line 42, assets/styles/sass/ops.scss */
  .error-ops .container .title {
    margin: 50px 0 35px 0;
  }
}

/* line 53, assets/styles/sass/ops.scss */
.error-ops h4 {
  color: #727272;
  font-family: "Lato";
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

@media (max-width: 640px) {
  /* line 53, assets/styles/sass/ops.scss */
  .error-ops h4 {
    font-size: 45px;
  }
}

/* line 66, assets/styles/sass/ops.scss */
.error-ops .info2 {
  width: 100%;
  border: none;
  margin-top: 0px;
  padding: 0px;
}

/* line 72, assets/styles/sass/ops.scss */
.error-ops .info2 p {
  margin: 37px 0px 37px 0px;
  color: #727272;
  font-family: "Lato";
  font-size: 22px;
  letter-spacing: 2px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 72, assets/styles/sass/ops.scss */
  .error-ops .info2 p {
    font-size: 36px;
    margin: 0px;
    margin-bottom: 35px !important;
  }
}

/* line 88, assets/styles/sass/ops.scss */
.error-ops button,
.error-ops .button--ops {
  background-color: #3B8C14;
  border: 1px solid #3B8C14;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-family: "Lato";
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 8px 20px;
  width: 232px;
}

@media (max-width: 640px) {
  /* line 88, assets/styles/sass/ops.scss */
  .error-ops button,
  .error-ops .button--ops {
    font-size: 35px;
    padding: 15px 10px;
    width: 490px;
    border-radius: 12px;
  }
}

/* line 110, assets/styles/sass/ops.scss */
.error-ops button:hover {
  background-color: #5E991C;
  border: 1px solid #5E991C;
  transition: 1s;
}

/* line 117, assets/styles/sass/ops.scss */
.container-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/ops.scss */
  .container-buttons {
    gap: 20px;
  }
}

/* line 129, assets/styles/sass/ops.scss */
.contact--ops {
  background-color: #ffffff !important;
  border: 1px solid #3B8C14;
  color: #3B8C14 !important;
}

/* line 135, assets/styles/sass/ops.scss */
.contact--ops:hover {
  background-color: #5E991C !important;
  border: 1px solid #5E991C;
  color: #ffffff !important;
  transition: 1s;
}

/* line 142, assets/styles/sass/ops.scss */
.fa-whatsapp {
  float: left;
  margin-top: 2px;
}

@media (max-width: 640px) {
  /* line 142, assets/styles/sass/ops.scss */
  .fa-whatsapp {
    position: absolute;
    margin-left: -40px;
  }
}

/*------------------------------------*\
  #OPINIÕES DOS CLIENTES (avaliação da loja)
\*------------------------------------*/
/*------------------------------------*\
  #DEPOIMENTOS DA LOJA - redesign 2026

  Traduzido do card de avaliação do design (.av-card, em produto.css).
  Equivalência de nomes:
    DS   .av-card  .av-head  .stars  .av-card p  .av-card footer
    aqui .depoimento  &__estrelas  &__texto  &__autor  &__nome  &__local

  O cabeçalho (chapéu + título + "Envie o seu") não está aqui: vem do padrão
  .sec / .sec-head, definido em roube-o-look.scss e compartilhado pela home.
  O trilho também é o das vitrines (.vitrine__trilho em index.scss), então o
  alinhamento do primeiro card com o título e a sangria na direita saem de graça
  do sliders-config.js.

  Só o card e as estrelas moram neste arquivo.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/*
  Este bloco antes centralizava tudo num .conteudo próprio de 1400px e punha o
  título num flex à parte. Foi removido: a seção agora usa .sec__in, de largura
  e recuo iguais aos das vitrines - era o desalinhamento mais visível da home.
*/
/* line 25, assets/styles/sass/avaliacoes_loja.scss */
.sec--depoimentos {
  /* O botão do cabeçalho é <button>, e não <a> como nas vitrines: precisa
       desfazer o fundo e a borda que o Foundation dá a todo botão. */
}

/* line 29, assets/styles/sass/avaliacoes_loja.scss */
.sec--depoimentos .sec-head__ver {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

/*------------------------------------*\
  #CARD DO DEPOIMENTO
\*------------------------------------*/
/* line 40, assets/styles/sass/avaliacoes_loja.scss */
.depoimento {
  height: 100%;
  padding: 26px 30px;
  background-color: #F2F2F2;
  /* Coluna com o autor empurrado para o pé: os comentários têm alturas
       diferentes e, sem isso, a autoria de cada card parava numa linha
       diferente - o trilho ficava com o pé serrilhado. */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 14px;
  /*
      As estrelas são <img> vindas do PHP; o .estrelas global fixa a altura em
      15px (25px no celular) e o .estrela o espaçamento. Aqui só se garante que
      a linha não herde o line-height do card.
    */
  /*
      O comentário é campo livre e chega a quinze linhas: um depoimento desses
      esticava o card, e o trilho passava a ter a altura do pior caso.

      Duas linhas no desktop e três no celular - no celular o card é uma coluna
      só, então cabe (e precisa de) mais uma linha.

      O min-height reserva a altura exata dessas linhas. Sem ele, um "muito boa"
      de uma linha deixava um vão entre o texto e a autoria, porque o card usa
      space-between: era o outro lado do mesmo desalinho.
    */
  /*------------------------------------*\
      #AUTORIA
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 40, assets/styles/sass/avaliacoes_loja.scss */
  .depoimento {
    padding: 43px 49px;
    gap: 23px;
  }
}

/* line 61, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__estrelas {
  flex: none;
  line-height: 1;
}

/* line 77, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__texto {
  margin: 0;
  /* 64ch é o limite do design: linha longa de leitura cansa antes do fim */
  max-width: 64ch;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: #232221;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 43.5px;
}

@media (max-width: 640px) {
  /* line 77, assets/styles/sass/avaliacoes_loja.scss */
  .depoimento__texto {
    font-size: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 108.75px;
  }
}

/* line 99, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__autor {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}

@media (max-width: 640px) {
  /* line 99, assets/styles/sass/avaliacoes_loja.scss */
  .depoimento__autor {
    gap: 20px;
  }
}

/* line 111, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__avatar {
  flex: none;
  width: 40px;
  height: 40px;
  /* .redondo e .avatar vêm do avatar-cliente.tmpl, compartilhado com o
           painel do cliente - o tamanho é imposto aqui para não depender dele. */
}

@media (max-width: 640px) {
  /* line 111, assets/styles/sass/avaliacoes_loja.scss */
  .depoimento__avatar {
    width: 66px;
    height: 66px;
  }
}

/* line 123, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  background-color: #E4E3E1;
}

/* line 132, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__identidade {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2px;
}

/* line 139, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.18;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 139, assets/styles/sass/avaliacoes_loja.scss */
  .depoimento__nome {
    font-size: 21px;
  }
}

/* line 147, assets/styles/sass/avaliacoes_loja.scss */
.depoimento__local {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.18;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 147, assets/styles/sass/avaliacoes_loja.scss */
  .depoimento__local {
    font-size: 21px;
  }
}

/*------------------------------- 
            PRODUTO
-------------------------------*/
/* line 1, assets/styles/sass/selos.scss */
.tags_selos__wrap {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/selos.scss */
  .tags_selos__wrap {
    top: 10px;
    left: 10px;
  }
}

/*tags*/
/* line 15, assets/styles/sass/selos.scss */
.tags {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

/* line 21, assets/styles/sass/selos.scss */
.tag {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: normal;
  color: #ffffff;
  padding: 0 8px;
  margin-bottom: 5px;
  text-align: left;
  transition: width 0.15s ease-out;
  white-space: nowrap;
  width: 75px;
  height: 35px !important;
}

@media (max-width: 640px) {
  /* line 21, assets/styles/sass/selos.scss */
  .tag {
    font-size: 20px;
    line-height: 24px;
    padding: 4px 10px;
  }
}

/* line 37, assets/styles/sass/selos.scss */
.tag.tag-personalizacao {
  background-color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  width: max-content;
  padding: 4px;
  line-height: 16px;
  text-align: center;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 37, assets/styles/sass/selos.scss */
  .tag.tag-personalizacao {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 60, assets/styles/sass/selos.scss */
.tag.tag-desconto {
  background-color: #d3e3f3;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  line-height: 16px;
  text-align: center;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 60, assets/styles/sass/selos.scss */
  .tag.tag-desconto {
    width: auto;
    height: auto !important;
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 81, assets/styles/sass/selos.scss */
.tag.tag-desconto strong {
  height: auto !important;
}

/*selos*/
/* line 88, assets/styles/sass/selos.scss */
.selos {
  text-align: left;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media (max-width: 640px) {
  /* line 88, assets/styles/sass/selos.scss */
  .selos {
    margin-bottom: 5px;
  }
}

/* line 100, assets/styles/sass/selos.scss */
.selo {
  font-weight: 600;
  margin-bottom: 5px;
  text-align: center;
  transition: width 0.15s ease-out;
  white-space: nowrap;
  width: 75px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 111, assets/styles/sass/selos.scss */
.selo:last-child {
  margin-bottom: 0;
}

/* line 115, assets/styles/sass/selos.scss */
.selo.oferta-do-dia {
  background-color: #858585;
  width: auto;
}

@media (max-width: 640px) {
  /* line 115, assets/styles/sass/selos.scss */
  .selo.oferta-do-dia {
    padding: 0 6px;
  }
}

/* line 123, assets/styles/sass/selos.scss */
.selo.oferta-do-dia .selo_texto {
  font-size: 10px;
  letter-spacing: 1px;
}

@media (max-width: 640px) {
  /* line 123, assets/styles/sass/selos.scss */
  .selo.oferta-do-dia .selo_texto {
    font-size: 15px;
    letter-spacing: 0px;
  }
}

/* line 134, assets/styles/sass/selos.scss */
.selo.lancamento {
  background-color: #ffffff;
  color: #000;
  padding: 0 8px;
  margin-bottom: 5px;
  text-align: left;
}

@media (max-width: 640px) {
  /* line 134, assets/styles/sass/selos.scss */
  .selo.lancamento {
    height: 100%;
    padding: 4px 10px;
    width: 98px;
  }
}

/* line 147, assets/styles/sass/selos.scss */
.selo.lancamento .selo_texto {
  color: #000 !important;
}

/* line 152, assets/styles/sass/selos.scss */
.selo.teveReposicao {
  background-color: #000;
  color: #ffffff;
  padding: 0 5px;
  margin-bottom: 5px;
  text-align: left;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/selos.scss */
  .selo.teveReposicao {
    margin-top: 0;
    padding: 4px 10px;
    width: 98px;
  }
}

/* line 165, assets/styles/sass/selos.scss */
.selo.teveReposicao .selo_texto {
  color: #ffffff !important;
}

/* line 170, assets/styles/sass/selos.scss */
.selo.promocao {
  background-color: #000;
  color: #ffffff;
  padding: 0 5px;
  margin-bottom: 5px;
  text-align: left;
}

@media (max-width: 640px) {
  /* line 170, assets/styles/sass/selos.scss */
  .selo.promocao {
    margin-top: 0;
    padding: 4px 10px;
    width: 98px;
  }
}

/* line 185, assets/styles/sass/selos.scss */
.selo-hotsite {
  width: auto;
  height: auto;
  margin-bottom: 5px;
}

/* line 191, assets/styles/sass/selos.scss */
.selo_texto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #ffffff;
  display: inline-block;
  opacity: 1;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  width: auto;
}

@media (max-width: 640px) {
  /* line 191, assets/styles/sass/selos.scss */
  .selo_texto {
    font-size: 22px;
    line-height: 24px;
    opacity: 1;
    width: auto;
  }
}

/* line 2, assets/styles/sass/product_shortview.scss */
.home_produtos__list li {
  display: flex;
  justify-content: center;
}

/* line 8, assets/styles/sass/product_shortview.scss */
.product-shortview {
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 8, assets/styles/sass/product_shortview.scss */
  .product-shortview {
    width: 100%;
  }
}

/* line 16, assets/styles/sass/product_shortview.scss */
.product-shortview a {
  float: none;
  width: 100%;
}

/* line 21, assets/styles/sass/product_shortview.scss */
.product-shortview figure {
  display: table;
  height: auto;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 21, assets/styles/sass/product_shortview.scss */
  .product-shortview figure {
    width: 100%;
  }
}

/* line 31, assets/styles/sass/product_shortview.scss */
.product-shortview .product-shortview__hover {
  opacity: 0;
  pointer-events: none;
  transition: 200ms all ease-in-out;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
  top: -50%;
  position: absolute;
  padding: 2rem 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 1199px) {
  /* line 31, assets/styles/sass/product_shortview.scss */
  .product-shortview .product-shortview__hover {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/product_shortview.scss */
  .product-shortview .product-shortview__hover {
    opacity: 1;
    pointer-events: auto;
  }
}

/* line 56, assets/styles/sass/product_shortview.scss */
.product-shortview:hover .produto__espiar {
  opacity: 1;
}

/* line 60, assets/styles/sass/product_shortview.scss */
.product-shortview:hover .product-shortview__hover {
  opacity: 1;
  pointer-events: auto;
}

/* line 65, assets/styles/sass/product_shortview.scss */
.product-shortview .tamanhos_produto__wrap {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 3px 2px 15px -8px rgba(0, 0, 0, 0.88);
  padding: 2.5px 10px;
  overflow: hidden;
  width: 100%;
  max-width: 70%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  top: -20px;
}

/* line 81, assets/styles/sass/product_shortview.scss */
.product-shortview .tamanho_produto {
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 81, assets/styles/sass/product_shortview.scss */
  .product-shortview .tamanho_produto {
    margin: 0 2.5px;
  }
}

/* line 89, assets/styles/sass/product_shortview.scss */
.product-shortview .tamanho_produto a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: normal;
  color: #b3b3b3;
  cursor: pointer;
  height: 36px;
  padding: 1px;
  text-transform: uppercase;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 89, assets/styles/sass/product_shortview.scss */
  .product-shortview .tamanho_produto a {
    font-size: 14px;
  }
}

/* line 102, assets/styles/sass/product_shortview.scss */
.product-shortview .tamanho_produto a.tamanho_produto--sem-estoque {
  display: none;
}

/* line 108, assets/styles/sass/product_shortview.scss */
.product-shortview .buttons__wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 108, assets/styles/sass/product_shortview.scss */
  .product-shortview .buttons__wrap {
    margin-top: 0;
  }
}

/* line 117, assets/styles/sass/product_shortview.scss */
.product-shortview .button-hover__link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  /* line 117, assets/styles/sass/product_shortview.scss */
  .product-shortview .button-hover__link {
    width: 90%;
    margin: 0;
  }
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/product_shortview.scss */
  .product-shortview .button-hover__link {
    margin: 0;
  }
}

/* line 132, assets/styles/sass/product_shortview.scss */
.product-shortview .button_avise {
  display: none;
}

@media (max-width: 640px) {
  /* line 132, assets/styles/sass/product_shortview.scss */
  .product-shortview .button_avise {
    display: block;
    font-size: 20px;
    line-height: 40px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 142, assets/styles/sass/product_shortview.scss */
  .product-shortview .button_avise:after {
    top: 2px;
    right: 12px;
  }
}

/* line 150, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption {
  background-color: #ffffff;
  float: left;
  height: auto;
  padding-top: 10px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1199px) {
  /* line 150, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption {
    padding-top: 15px;
  }
}

@media (max-width: 640px) {
  /* line 150, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption {
    height: auto;
  }
}

/* line 169, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption header {
  background-color: #ffffff;
  height: auto;
  margin-bottom: 0px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 169, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption header {
    padding-bottom: 10px;
    min-height: 72px;
  }
}

/* line 182, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption header h2 {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  height: auto;
  width: 100%;
  margin-bottom: 5px;
}

/* line 190, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption header small {
  display: none;
}

/* line 195, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values_colors {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 640px) {
  /* line 195, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values_colors {
    grid-template-columns: 1fr;
  }
}

/* line 207, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap p {
  color: #000;
  text-align: center;
}

/* line 212, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values__wrap_boleto {
  height: auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 212, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .values__wrap_boleto {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

/* line 221, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values__wrap_boleto:first-of-type {
  margin-bottom: 1rem;
}

/* line 225, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values__wrap_boleto:last-of-type {
  margin-top: 2rem;
}

/* line 230, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values-atacado__title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: .3rem;
}

@media (max-width: 640px) {
  /* line 230, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .values-atacado__title {
    margin-bottom: 10px;
  }
}

/* line 239, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values-atacado__title header {
  background-color: #ffffff;
  height: auto;
  margin-bottom: 0px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 239, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .values-atacado__title header {
    padding-bottom: 10px;
    min-height: 72px;
  }
}

/* line 252, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values-atacado__title header h2 {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  height: auto;
  width: 100%;
  margin-bottom: 5px;
}

/* line 260, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values-atacado__title header small {
  display: none;
}

/* line 265, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .values-atacado__title .values_colors {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 230, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .values-atacado__title {
    font-size: 1rem;
  }
}

/* line 275, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .separador {
  position: absolute;
  width: 95%;
  right: 5%;
  height: 1px;
  background-color: #858585;
}

/* line 283, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .price-off {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 283, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .price-off {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

/* line 291, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .de {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #858585;
  text-align: center;
  text-decoration: line-through;
  width: auto !important;
}

@media (max-width: 1199px) {
  /* line 291, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .de {
    line-height: normal;
  }
}

@media (max-width: 640px) {
  /* line 291, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .de {
    font-size: 23px;
    line-height: 23px;
  }
}

/* line 308, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .p-price-off {
  color: #000;
  font-size: 12px;
  margin-left: 5px;
  text-decoration: none !important;
}

@media (max-width: 640px) {
  /* line 308, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .p-price-off {
    font-size: 20px;
  }
}

/* line 319, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .boleto {
  gap: 5px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.2;
  color: #000;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 319, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .boleto {
    font-size: 36px;
    line-height: 36px;
    width: auto;
    flex-direction: column;
  }
}

/* line 334, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .parcelamento,
.product-shortview figcaption .values__wrap .texto-forma-pagamento {
  text-align: left;
  width: 100%;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 334, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .values__wrap .parcelamento,
  .product-shortview figcaption .values__wrap .texto-forma-pagamento {
    font-size: 18px;
    line-height: 20px;
  }
}

/* line 346, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .values__wrap .produto__box-hover {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* line 355, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap {
  padding: 5px 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 359, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .cores-produto_wrap a {
    width: unset;
  }
}

/* line 365, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1400px) {
  /* line 365, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .cores-produto_wrap ul {
    gap: 5px;
  }
}

@media (max-width: 640px) {
  /* line 365, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .cores-produto_wrap ul {
    gap: 8px;
    justify-content: flex-start;
    margin-top: 1rem;
  }
}

/* line 380, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul a {
  width: auto;
}

/* line 383, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul a li {
  padding-right: 10px;
}

/* line 388, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul .color-box {
  border: 1px solid #858585;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  cursor: pointer;
  padding: 2px;
}

@media (max-width: 640px) {
  /* line 388, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .cores-produto_wrap ul .color-box {
    width: 35px;
    height: 35px;
  }
}

/* line 401, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul .color-box:hover {
  padding: 0;
}

/* line 406, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul .arredondado,
.product-shortview figcaption .cores-produto_wrap ul span {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
}

/* line 413, assets/styles/sass/product_shortview.scss */
.product-shortview figcaption .cores-produto_wrap ul .arredondado {
  border: 1px solid #00000016;
}

@media (max-width: 640px) {
  /* line 417, assets/styles/sass/product_shortview.scss */
  .product-shortview figcaption .cores-produto_wrap ul .mais-cores {
    font-size: 20px;
  }
}

/* line 427, assets/styles/sass/product_shortview.scss */
.imagem-sem-costas {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

@media (max-width: 640px) {
  /* line 427, assets/styles/sass/product_shortview.scss */
  .imagem-sem-costas {
    height: 420px;
    width: 280px;
  }
}

/* line 448, assets/styles/sass/product_shortview.scss */
.animate_container {
  height: 540px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media (max-width: 1199px) {
  /* line 448, assets/styles/sass/product_shortview.scss */
  .animate_container {
    height: 335px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 448, assets/styles/sass/product_shortview.scss */
  .animate_container {
    height: 420px;
    width: 280px;
  }
}

/* line 470, assets/styles/sass/product_shortview.scss */
.animate_container img.top {
  z-index: 1;
}

/* line 473, assets/styles/sass/product_shortview.scss */
.animate_container img.top:hover {
  opacity: 0;
}

/* line 478, assets/styles/sass/product_shortview.scss */
.animate_container img {
  left: 0;
  position: absolute;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

/* line 487, assets/styles/sass/product_shortview.scss */
.animate_container .face {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

/* line 495, assets/styles/sass/product_shortview.scss */
.tag-off {
  background-color: #858585;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  z-index: 2;
  height: 25px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

@media (max-width: 640px) {
  /* line 495, assets/styles/sass/product_shortview.scss */
  .tag-off {
    padding: 3px 10px;
    font-size: 20px;
    margin-top: 0;
    width: auto;
  }
}

/*imagem de favoritar*/
/* line 515, assets/styles/sass/product_shortview.scss */
.adicionar-squad,
.adicionar-lista-desejos {
  cursor: pointer;
  height: auto;
  width: auto;
  margin: 0;
  z-index: 99;
}

/* line 523, assets/styles/sass/product_shortview.scss */
.adicionar-squad i,
.adicionar-lista-desejos i {
  margin: 0;
  font-size: 28px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 523, assets/styles/sass/product_shortview.scss */
  .adicionar-squad i,
  .adicionar-lista-desejos i {
    font-size: 36px;
  }
}

/* line 534, assets/styles/sass/product_shortview.scss */
.adicionar-lista-mobile {
  bottom: 270px;
  display: none;
  position: absolute;
  right: 10px;
}

@media (max-width: 640px) {
  /* line 534, assets/styles/sass/product_shortview.scss */
  .adicionar-lista-mobile {
    display: block;
  }
}

/* line 545, assets/styles/sass/product_shortview.scss */
.photo-view .adicionar-lista-desejos,
.photo-view .adicionar-squad {
  z-index: 1000;
}

@media (max-width: 640px) {
  /* line 545, assets/styles/sass/product_shortview.scss */
  .photo-view .adicionar-lista-desejos,
  .photo-view .adicionar-squad {
    z-index: 99;
  }
}

/*------------------------------------*\
  #CARD DE PRODUTO - redesign 2026

  Traduzido do ProductCard do design system. Equivalencia de nomes:
  DS   .pcard  .pimg  .badge  .fav  .espiar  .pcat  .pname  .prices  .pix  .parc  .was
  aqui .pcard  &__midia  &__selo  &__fav  &__espiar  &__categoria  &__nome
       &__precos  &__pix  &__parcelas  &__de

  As classes legadas (.product-shortview, .adicionar-lista-desejos,
  .abre-modal-espiar, .cor-produto, .p-name, .p-price) continuam no markup:
  sao ganchos de main.js e busca.js.

  A troca de foto no hover era um flip 3D (.animate_card com front/back e
  flip.min.js). Virou crossfade, como no design: duas imagens empilhadas em
  position absolute, a de tras subindo de opacity 0 para 1 em 600ms.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 574, assets/styles/sass/product_shortview.scss */
.pcard {
  gap: 10px;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  /*------------------------------------*\
      #MIDIA
    \*------------------------------------*/
  /*------------------------------------*\
      #SELOS
      Bandeira de canto, empilhada. O acento lavanda e reservado a escassez;
      os demais usam tinta ou fundo claro.
    \*------------------------------------*/
  /*
      Padrao claro (fundo branco, texto tinta), como no layout. O selo em tinta
      cheia virou o modificador --escuro; o acento lavanda segue reservado a
      escassez.
    */
  /*------------------------------------*\
      #FAVORITAR
      Quadrado que expande no hover para mostrar o rotulo, como no design.
    \*------------------------------------*/
  /*------------------------------------*\
      #SQUAD (influenciador)

      A MESMA pílula do favoritar, logo abaixo dele: fechada é um quadrado de
      36px com o ícone e, no hover, cresce para caber o rótulo.

      Antes era um quadrado fixo que ficava PRETO quando o produto entrava no
      squad - tinta cheia num controle de 36px sobre a foto, com peso de ação
      principal, e nada dizendo o que o botão fazia. Agora o fundo é branco nos
      dois estados, como no favoritar, e quem marca o estado é o ícone em
      lavanda.

      As duas larguras expandidas são fixas porque `width` só anima entre
      valores explícitos - é a mesma razão dos 118px do favoritar. 204px cabe
      "ADICIONAR AO SQUAD" e 158px cabe "NO MEU SQUAD".
    \*------------------------------------*/
  /*------------------------------------*\
      #ESPIAR
      Sobe da base no hover, sobre a foto.
    \*------------------------------------*/
  /*------------------------------------*\
      #TEXTO
    \*------------------------------------*/
  /*------------------------------------*\
      #TAMANHOS
      Substituem as cores no card. O design mostra a grade porque ela responde
      a duvida de quem navega - se o meu tamanho tem - enquanto a cor ja esta
      visivel na propria foto.
    \*------------------------------------*/
  /*------------------------------------*\
      #PRECOS
    \*------------------------------------*/
  /*
      Valores na mesma linha, como no layout: a vista, parcelado e o "de" riscado
      lado a lado. Com o atacado ligado sao dois blocos, e tres linhas em cada um
      dobravam a altura do bloco de precos.
    */
  /*
      Divisoria entre varejo e atacado. Existe so quando o atacado esta ativo -
      no layout original ha um preco so, e a hairline seria ruido.
    */
}

@media (max-width: 640px) {
  /* line 574, assets/styles/sass/product_shortview.scss */
  .pcard {
    gap: 16px;
  }
}

/* line 587, assets/styles/sass/product_shortview.scss */
.pcard__midia {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #F2F2F2;
}

/* line 594, assets/styles/sass/product_shortview.scss */
.pcard__link-foto {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 600, assets/styles/sass/product_shortview.scss */
.pcard__foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: opacity;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 611, assets/styles/sass/product_shortview.scss */
.pcard__foto--alt {
  opacity: 0;
}

/* line 616, assets/styles/sass/product_shortview.scss */
.pcard:hover .pcard__foto--alt {
  opacity: 1;
}

/* line 625, assets/styles/sass/product_shortview.scss */
.pcard__selos {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  gap: 6px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 625, assets/styles/sass/product_shortview.scss */
  .pcard__selos {
    top: 20px;
    left: 20px;
    gap: 10px;
  }
}

/* line 646, assets/styles/sass/product_shortview.scss */
.pcard__selo {
  padding: 5px 10px;
  background-color: #FFFFFF;
  color: #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /*
          Novidade em tinta cheia, como no layout: e o unico selo que anuncia
          novidade, e o contraste alto separa ele de outlet e promocao, que sao
          claros.
        */
}

/* line 655, assets/styles/sass/product_shortview.scss */
.pcard__selo--acento {
  background-color: #C4A484;
  color: #000000;
}

/* line 661, assets/styles/sass/product_shortview.scss */
.pcard__selo--claro {
  background-color: #FFFFFF;
  color: #000000;
}

/* line 671, assets/styles/sass/product_shortview.scss */
.pcard__selo.lancamento {
  background-color: #000000;
  color: #F2F2F2;
}

/* line 676, assets/styles/sass/product_shortview.scss */
.pcard__selo--escuro {
  background-color: #000000;
  color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 646, assets/styles/sass/product_shortview.scss */
  .pcard__selo {
    padding: 8px 16px;
    font-size: 18px;
  }
}

/* line 687, assets/styles/sass/product_shortview.scss */
.pcard__selo-img {
  display: block;
  max-width: 74px;
  height: auto;
}

@media (max-width: 640px) {
  /* line 687, assets/styles/sass/product_shortview.scss */
  .pcard__selo-img {
    max-width: 121px;
  }
}

/* line 701, assets/styles/sass/product_shortview.scss */
.pcard__fav {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
  height: 36px;
  width: 36px;
  padding: 0 8px;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #000000;
  opacity: 0;
  transform: translateY(-4px);
  /*
          center, não flex-start: fechada, a caixa tem 36px e o coração precisa
          ficar no meio dela; aberta, mantém coração e rótulo centrados no
          conjunto. Com flex-start o ícone encostava na borda esquerda.
        */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: width, opacity, transform;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
  /*
          O desenho é o coração do Iconoir - a família padrão do site - mas
          embutido como <svg> em vez da classe .iconoir-heart.

          O motivo é o preenchimento: o Iconoir monta o ícone com mask-image, um
          recorte, e recorte não tem interior para pintar. Pela classe, o
          preenchido seria um segundo desenho (.iconoir-heart-solid) - que não
          renderizou aqui, porque a versão de iconoir.css servida pelo CDN nem
          sempre traz as variantes solid: sem mask-image o ::before virava um
          quadrado lavanda cheio.

          Com o mesmo path embutido, um único desenho alterna fill: none ->
          lavanda, que é como o design faz (.fav svg / .fav.on svg em loja.css).
          Traço 1.5 sem preenchimento, conforme o guia da família.
        */
  /*
          Já favoritado: fica visível mesmo sem hover no card, e o coração é
          preenchido. A caixa segue branca - é o que o design faz (.fav mantém
          background: var(--hg-branco) também no estado .on).
        */
}

/* line 743, assets/styles/sass/product_shortview.scss */
.pcard__fav-icone {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
  transition-property: fill, stroke;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 756, assets/styles/sass/product_shortview.scss */
.pcard__fav-rotulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: currentColor;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 80ms;
}

/* line 766, assets/styles/sass/product_shortview.scss */
.pcard__fav:hover {
  width: 118px;
}

/* line 769, assets/styles/sass/product_shortview.scss */
.pcard__fav:hover .pcard__fav-rotulo {
  opacity: 1;
}

/* line 779, assets/styles/sass/product_shortview.scss */
.pcard__fav.adicionado {
  opacity: 1;
  transform: none;
}

/* line 783, assets/styles/sass/product_shortview.scss */
.pcard__fav.adicionado .pcard__fav-icone {
  fill: #96754C;
  stroke: #96754C;
}

@media (max-width: 640px) {
  /* line 701, assets/styles/sass/product_shortview.scss */
  .pcard__fav {
    top: 20px;
    right: 20px;
    width: 59px;
    height: 59px;
    opacity: 1;
    transform: none;
    /*
              Sem o rótulo, o padding lateral não tem função nenhuma - só desloca o
              coração. Zerado, o ícone fica no centro exato da caixa de 59px.
            */
    padding: 0;
    gap: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 809, assets/styles/sass/product_shortview.scss */
  .pcard__fav .pcard__fav-icone {
    width: 30px;
    height: 30px;
  }
  /* line 814, assets/styles/sass/product_shortview.scss */
  .pcard__fav .pcard__fav-rotulo {
    display: none;
  }
  /* line 818, assets/styles/sass/product_shortview.scss */
  .pcard__fav:hover {
    width: 59px;
  }
}

/* line 826, assets/styles/sass/product_shortview.scss */
.pcard:hover .pcard__fav,
.pcard:focus-within .pcard__fav {
  opacity: 1;
  transform: none;
}

/* line 848, assets/styles/sass/product_shortview.scss */
.pcard__squad {
  position: absolute;
  top: 56px;
  right: 12px;
  z-index: 4;
  width: 36px;
  height: 36px;
  padding: 0 8px;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #000000;
  opacity: 0;
  transform: translateY(-4px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: width, opacity, transform, color;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
  /*
          O ícone é Iconoir por classe (mask-image), e não <svg> embutido como o
          coração: aqui não há interior para preencher, o estado vem da cor do
          traço. `flex: none` evita que ele encolha enquanto a pílula está
          fechada com overflow: hidden.
        */
  /*
          Já no squad: fica visível mesmo sem hover no card - como o favoritado -
          e o ícone vai para o acento. A caixa segue branca.
        */
}

/* line 876, assets/styles/sass/product_shortview.scss */
.pcard__squad i {
  flex: none;
  font-size: 18px;
  line-height: 1;
  /* o `color: $preto` da regra legada .adicionar-squad i (linha 615
               deste arquivo) e declarado NO ICONE, entao ele venceria a herança
               e o estado lavanda nao chegaria ao desenho */
  color: inherit;
}

/* line 887, assets/styles/sass/product_shortview.scss */
.pcard__squad .squad-rotulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: currentColor;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 80ms;
}

/* line 896, assets/styles/sass/product_shortview.scss */
.pcard__squad:hover {
  width: 204px;
}

/* line 899, assets/styles/sass/product_shortview.scss */
.pcard__squad:hover .squad-rotulo {
  opacity: 1;
}

/* line 908, assets/styles/sass/product_shortview.scss */
.pcard__squad.adicionado {
  opacity: 1;
  transform: none;
  color: #96754C;
}

/* line 913, assets/styles/sass/product_shortview.scss */
.pcard__squad.adicionado:hover {
  width: 158px;
}

@media (max-width: 640px) {
  /* line 848, assets/styles/sass/product_shortview.scss */
  .pcard__squad {
    top: 92px;
    right: 20px;
    width: 59px;
    height: 59px;
    padding: 0;
    gap: 0;
    opacity: 1;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    /*
              O global.scss decide QUAL rotulo aparece com TRES classes
              (.adicionar-squad.adicionado .squad-rotulo--remover); para apagar os
              dois aqui o seletor precisa alcancar a mesma especificidade, senao o
              "NO MEU SQUAD" continuaria ocupando a caixa de 59px e empurrando o
              icone para fora do centro.
            */
  }
  /* line 931, assets/styles/sass/product_shortview.scss */
  .pcard__squad i {
    font-size: 30px;
  }
  /* line 942, assets/styles/sass/product_shortview.scss */
  .pcard__squad .squad-rotulo,
  .pcard__squad.adicionado .squad-rotulo {
    display: none;
  }
  /* line 947, assets/styles/sass/product_shortview.scss */
  .pcard__squad:hover, .pcard__squad.adicionado:hover {
    width: 59px;
  }
}

/* line 956, assets/styles/sass/product_shortview.scss */
.pcard:hover .pcard__squad,
.pcard:focus-within .pcard__squad {
  opacity: 1;
  transform: none;
}

/* line 966, assets/styles/sass/product_shortview.scss */
.pcard__espiar {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  opacity: 0;
  transform: translateY(6px);
  transition-property: opacity, transform;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 966, assets/styles/sass/product_shortview.scss */
  .pcard__espiar {
    left: auto;
    right: 20px;
    bottom: 20px;
    opacity: 1;
    transform: none;
  }
}

/* line 987, assets/styles/sass/product_shortview.scss */
.pcard:hover .pcard__espiar {
  opacity: 1;
  transform: none;
}

/* line 992, assets/styles/sass/product_shortview.scss */
.pcard__espiar-btn {
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  gap: 9px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.92);
  color: #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
          A cor repetida no hover não é redundante: a neutralização global do
          Foundation (global.scss) faz o <button> herdar a cor no hover, e o pai
          aqui é $text-body. Sem esta linha o rótulo clarearia de $n-1000 para
          $n-800 ao passar o mouse.
        */
}

/* line 1018, assets/styles/sass/product_shortview.scss */
.pcard__espiar-btn:hover {
  background-color: #FFFFFF;
  color: #000000;
}

/* line 1023, assets/styles/sass/product_shortview.scss */
.pcard__espiar-btn i {
  font-size: 17px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 992, assets/styles/sass/product_shortview.scss */
  .pcard__espiar-btn {
    width: 59px;
    height: 59px;
    gap: 0;
    font-size: 0;
  }
  /* line 1034, assets/styles/sass/product_shortview.scss */
  .pcard__espiar-btn i {
    font-size: 30px;
  }
}

/* line 1040, assets/styles/sass/product_shortview.scss */
.pcard__esgotado {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  height: 42px;
  background-color: #E4E3E1;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1040, assets/styles/sass/product_shortview.scss */
  .pcard__esgotado {
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 69px;
    font-size: 20px;
  }
}

/* line 1068, assets/styles/sass/product_shortview.scss */
.pcard__info {
  gap: 6px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1068, assets/styles/sass/product_shortview.scss */
  .pcard__info {
    gap: 10px;
  }
}

/* line 1078, assets/styles/sass/product_shortview.scss */
.pcard__categoria {
  margin-top: 4px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1078, assets/styles/sass/product_shortview.scss */
  .pcard__categoria {
    font-size: 18px;
    margin-top: 12px;
  }
}

/* line 1094, assets/styles/sass/product_shortview.scss */
.pcard__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.35;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
  min-height: 2.7em;
  text-decoration: none;
}

@media (max-width: 640px) {
  /* line 1094, assets/styles/sass/product_shortview.scss */
  .pcard__nome {
    font-size: 25px;
  }
}

/* line 1120, assets/styles/sass/product_shortview.scss */
.pcard__tamanhos {
  gap: 6px;
  margin: 2px 0 0;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1120, assets/styles/sass/product_shortview.scss */
  .pcard__tamanhos {
    gap: 10px;
    flex-wrap: wrap;
  }
}

/* line 1133, assets/styles/sass/product_shortview.scss */
.pcard__tam {
  position: relative;
  min-width: 34px;
  height: 30px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #232221;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
          "+" que cresce no hover, avisando que o tamanho e clicavel - o mesmo
          gesto do balao do "Roube o look". O position: static e obrigatorio: o
          global.scss aplica position absolute em TODO ::after, o que jogaria o
          sinal para fora do botao.
        */
}

/* line 1155, assets/styles/sass/product_shortview.scss */
.pcard__tam::after {
  content: "+";
  position: static;
  display: inline-block;
  width: 0;
  overflow: hidden;
  color: #96754C;
  font-size: 12px;
  opacity: 0;
  transition-property: width, opacity, margin;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 1168, assets/styles/sass/product_shortview.scss */
.pcard__tam:hover {
  border-color: #000000;
}

/* line 1171, assets/styles/sass/product_shortview.scss */
.pcard__tam:hover::after {
  width: 8px;
  margin-left: 4px;
  opacity: 1;
}

/* line 1179, assets/styles/sass/product_shortview.scss */
.pcard__tam--esgotado {
  color: #CCCCCC;
  border-color: #E4E3E1;
  text-decoration: line-through;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 1186, assets/styles/sass/product_shortview.scss */
.pcard__tam--esgotado::after {
  content: none;
}

@media (max-width: 640px) {
  /* line 1133, assets/styles/sass/product_shortview.scss */
  .pcard__tam {
    min-width: 56px;
    height: 49px;
    padding: 0 15px;
    font-size: 20px;
  }
}

/* line 1202, assets/styles/sass/product_shortview.scss */
.pcard__precos {
  gap: 4px;
  margin-top: 2px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 1214, assets/styles/sass/product_shortview.scss */
.pcard__preco-bloco {
  gap: 2px 7px;
  display: flex;
  align-items: baseline;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 1222, assets/styles/sass/product_shortview.scss */
.pcard__preco-titulo {
  flex-basis: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1222, assets/styles/sass/product_shortview.scss */
  .pcard__preco-titulo {
    font-size: 18px;
  }
}

/* line 1237, assets/styles/sass/product_shortview.scss */
.pcard__divisor {
  display: block;
  height: 1px;
  margin: 8px 0 6px;
  background-color: #E4E3E1;
}

@media (max-width: 640px) {
  /* line 1237, assets/styles/sass/product_shortview.scss */
  .pcard__divisor {
    margin: 13px 0 10px;
  }
}

/* line 1248, assets/styles/sass/product_shortview.scss */
.pcard__pix {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.3;
  color: #000000;
}

/* line 1253, assets/styles/sass/product_shortview.scss */
.pcard__pix small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1248, assets/styles/sass/product_shortview.scss */
  .pcard__pix {
    font-size: 25px;
  }
  /* line 1262, assets/styles/sass/product_shortview.scss */
  .pcard__pix small {
    font-size: 18px;
  }
}

/* line 1268, assets/styles/sass/product_shortview.scss */
.pcard__parcelas {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.3;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1268, assets/styles/sass/product_shortview.scss */
  .pcard__parcelas {
    font-size: 21px;
  }
}

/* line 1278, assets/styles/sass/product_shortview.scss */
.pcard__de {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.3;
  color: #A8A6A3;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 1278, assets/styles/sass/product_shortview.scss */
  .pcard__de {
    font-size: 21px;
  }
}

/*------------------------------------*\
  #ESPIAR (compra rápida) - redesign 2026

  Duas colunas: foto sangrando à esquerda, painel de detalhes à direita.

  ESCOPO - o ponto mais importante deste arquivo:

  O modal reaproveita os mesmos parciais da página do produto (gallery.tmpl e as
  três grades). Para o desenho novo não vazar para a PDP, tudo aqui mora dentro
  de .product-view_details__modal, que só o modal-produto.tmpl aplica. A PDP usa
  .product-view_details > .conteudo, seletor distinto de .conteudo__modal.

  A raiz repete as DUAS classes do <section> (.product-view_details e
  .product-view_details__modal) para somar uma classe de especificidade e vencer
  os overrides da PDP em produto_detalhes.scss, que têm o mesmo peso e são
  importados depois.

  MOBILE: bottom sheet, medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss).
\*------------------------------------*/
/*------------------------------------*\
  #A CAIXA DO MODAL
\*------------------------------------*/
/*
  As duas classes do elemento (.reveal-modal.modal-espiar) somam especificidade
  para vencer o `.reveal-modal { top: 50% !important }` do legado.

  Sem declarar `display` aqui: o Reveal do Foundation escreve display inline
  (block ao abrir, none ao fechar) e inline vence seletor - declarar teria feito
  o modal aparecer sozinho antes da primeira abertura.
*/
/* line 33, assets/styles/sass/espiar_produto.scss */
.modal-espiar.reveal-modal {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  /*
      880 de largura e altura livre até 92vh, como no design (.qview): a altura
      quem dá é a foto, que tem proporção 3/4 na sua coluna. Uma altura fixa
      cortava a foto ou deixava sobra no painel.
    */
  width: 880px !important;
  max-width: 94vw;
  height: 500px !important;
  max-height: 92vh;
  padding: 0 !important;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0px;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  overflow: hidden;
  /*
      MOBILE: segue centralizado, e não docado no rodapé - é o que o design faz
      (body.hg-mobile .qview em mobile.css): uma coluna, largura da tela menos a
      margem do overlay, e o modal inteiro rolando.

      O 52px de desconto na largura são os 16px de padding do overlay de cada lado,
      convertidos pelo fator 1,64 (16 x 1,64 = 26; 26 de cada lado = 52).
    */
}

@media (max-width: 1199px) {
  /* line 33, assets/styles/sass/espiar_produto.scss */
  .modal-espiar.reveal-modal {
    width: 880px !important;
  }
}

/* line 64, assets/styles/sass/espiar_produto.scss */
.modal-espiar.reveal-modal .close-modal-espiar {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 7;
  width: 38px;
  height: 38px;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 0;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 81, assets/styles/sass/espiar_produto.scss */
.modal-espiar.reveal-modal .close-modal-espiar i {
  font-size: 16px;
  line-height: 1;
}

/* line 86, assets/styles/sass/espiar_produto.scss */
.modal-espiar.reveal-modal .close-modal-espiar:hover {
  background-color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 33, assets/styles/sass/espiar_produto.scss */
  .modal-espiar.reveal-modal {
    width: calc(100% - 52px) !important;
    max-width: calc(100% - 52px) !important;
    height: auto !important;
    max-height: 88vh;
    overflow-y: auto;
  }
  /* line 106, assets/styles/sass/espiar_produto.scss */
  .modal-espiar.reveal-modal .close-modal-espiar {
    top: 23px;
    right: 23px;
    width: 56px;
    height: 56px;
  }
  /* line 112, assets/styles/sass/espiar_produto.scss */
  .modal-espiar.reveal-modal .close-modal-espiar i {
    font-size: 26px;
  }
}

/* line 118, assets/styles/sass/espiar_produto.scss */
.modal-espiar.reveal-modal .aviso-sem-tabela {
  display: block;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #000000;
}

/*------------------------------------*\
  #FOTO AMPLIADA (MOBILE)

\*------------------------------------*/
/* line 130, assets/styles/sass/espiar_produto.scss */
.foto-ampliada_modal.reveal-modal {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 999999;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: #000;
}

/* line 149, assets/styles/sass/espiar_produto.scss */
.foto-ampliada_modal.reveal-modal.foto-ampliada_modal--aberta {
  display: block !important;
}

/* line 153, assets/styles/sass/espiar_produto.scss */
.foto-ampliada_modal.reveal-modal .foto-ampliada_modal__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 160, assets/styles/sass/espiar_produto.scss */
.foto-ampliada_modal.reveal-modal .foto-ampliada_modal__img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/* line 166, assets/styles/sass/espiar_produto.scss */
.foto-ampliada_modal.reveal-modal .foto-ampliada_modal__fechar {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  color: #ffffff;
  font-size: 32px;
  cursor: pointer;
}

/*------------------------------------*\
  #AS DUAS COLUNAS
\*------------------------------------*/
/* line 180, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal {
  background-color: #FFFFFF;
  /*
      3fr / 4fr é a proporção do design (.qview), com altura fixa na grade - o
      mesmo arranjo da Maluan.

      Deixar a altura livre e pôr aspect-ratio na coluna da foto não funciona aqui:
      a .photo-view carrega o HTML da galeria da página do produto, e o conteúdo
      dela empurrava a caixa além da coluna (era a foto passando do limite). Com
      altura fixa na grade, a foto é posicionada absoluta dentro dela e nunca
      dita medida.
    */
  /*
      Fora do espiar: avaliação, tabela de medidas e seletor de quantidade. O
      layout não os traz - aqui a decisão é escolher tamanho e adicionar; o resto
      é assunto da página do produto, que fica a um clique no rodapé do painel.
    */
  /*------------------------------------*\
      #COLUNA DA FOTO
    \*------------------------------------*/
  /*------------------------------------*\
      #PAINEL DE DETALHES
    \*------------------------------------*/
  /*
      O painel rola por dentro; o modal nunca cresce. Duas propriedades fazem isso,
      e nenhuma é dispensável:

      min-height: 0 - sem ele um grid item nunca fica menor que o próprio conteúdo,
      então o overflow-y não tinha o que ativar: o conteúdo estourava a caixa e o
      overflow: hidden do .modal-espiar cortava o que passava.

      > * { flex: none } - itens de um flex column herdam flex-shrink: 1. Com o
      conteúdo maior que os 500px, o navegador comprimia os blocos em vez de rolar,
      e a descrição (limitada a 2 linhas) era achatada abaixo da própria altura -
      era isso que fazia a segunda linha aparecer por baixo do bloco de cor.
    */
  /*------------------------------------*\
      #TIPOGRAFIA
    \*------------------------------------*/
  /*------------------------------------*\
      #PREÇO EM UMA LINHA

      O template imprime três blocos irmãos - "de" riscado, valor à vista e valor
      cheio com o parcelamento. O layout mostra tudo corrido numa linha só, então
      o .pgto vira flex com wrap e os blocos internos entram nela em vez de
      empilhar. O "por" (valor cheio) sai: quem informa é o parcelamento.
    \*------------------------------------*/
  /*
      O width: auto é o que junta tudo numa linha. O legado
      (`.pgto__flex { width: 100% }`, produto_detalhes.scss) fazia cada bloco
      ocupar a linha inteira, e era isso que empilhava preço, forma de pagamento e
      parcelamento em três linhas.

      A ordem do layout é: preço por · forma de pagamento · parcelamento · preço de.
      No HTML o "de" vem primeiro, então ele é reordenado para o fim - daí a classe
      .pgto__flex--de no template, que o distingue do bloco do parcelamento (os
      dois são .pgto__flex puros).

      O `.pgto` a mais no seletor é necessário: o legado é
      `.full-details_text .pgto .pgto__flex`, que também soma três classes. No
      empate quem decide é a ordem, e produto_detalhes.scss é importado depois -
      então sem a quarta classe o width: 100% dele continuava valendo.
    */
  /*
      Preço à vista. 15.5px é o valor do design (.pix): o preço é o número em
      destaque da linha, mas não é um título - eu tinha posto 22px, o que fazia a
      linha inteira competir com o nome da peça.
    */
  /*
      Forma de pagamento e parcelamento: mesmo tamanho e peso, texto de apoio.

      O `span` no seletor não é enfeite: o legado
      `.full-details_text .pgto span.__porcentagemDesconto2` (produto_detalhes.scss)
      soma 0-3-1, e uma regra com três classes empatava por baixo - era ele que
      deixava o texto em 15px na fonte de título, do tamanho do próprio preço.
    */
  /*
      O desenho de cor e tamanho (rótulo, caixas, estados e o "+" do hover) mora
      em grade_base.scss, no componente compartilhado. Aqui ficam só os desvios
      que o design pede para o modal.
    */
  /*
      Amostra de cor: aqui é só a MEDIDA (32x32, menor que na página do produto,
      como o design .qv-cor pede). O fio e o anel de selecionado passaram para
      grade_base.scss, que serve as duas telas - eram a mesma regra escrita duas
      vezes, e por viver só aqui a página do produto ficava sem o anel.
    */
  /*------------------------------------*\
      #BOTÃO DE COMPRA
    \*------------------------------------*/
  /*
      O !important nas cores não é preguiça: o botão carrega as classes .button
      .success, e o %button-preto (extends.scss) declara
      `background-color: $action-primary-bg !important`. Sem o !important daqui o
      estado inativo continuava com fundo preto - só a cor do texto mudava, o que
      deixava o botão parecendo ativo e ilegível.
    */
  /*
      WhatsApp: canal secundário, então uma linha de texto e não um segundo botão
      cheio disputando atenção com o principal. As classes .button .success saíram
      do template - ficando só .compre-pelo-whatsapp, nada de legado o alcança.
    */
  /*
      Os !important aqui existem por causa de `.__info-parcelamento
      .compre-pelo-whatsapp` (produto_detalhes.scss), que declara o fundo verde e o
      padding COM !important. Contra uma declaração !important a especificidade não
      resolve - só outra !important - e era esse verde que sobrava por baixo do
      texto.
    */
  /*
      Fora do bloco acima de propósito: aninhado, o `&` do SASS reinjeta o caminho
      inteiro e `&:hover &__cta` compilaria para
      `.…__modal .compre-pelo-whatsapp:hover .…__modal .compre-pelo-whatsapp__cta`,
      que não casa com nada.
    */
  /*------------------------------------*\
      #LINK PARA A PÁGINA DO PRODUTO

      float: none anula o .link-detalhes-produto { float: left } de
      produto_detalhes.scss, que tirava o link do fluxo.
    \*------------------------------------*/
  /*
      Link para a página do produto. No design (.qv-det) ele é centrado por
      align-self, em $n-600 e SEM sublinhado parado - o sublinhado é o da classe
      .ulink, que cresce da esquerda no hover. Aqui isso vira background-size,
      porque não há a classe .ulink neste HTML.

      float: none anula o .link-detalhes-produto { float: left } de
      produto_detalhes.scss, e o margin zera o margin-left: 100px de lá.
    */
  /*------------------------------------*\
      #MOBILE: uma coluna, foto acima
    \*------------------------------------*/
}

/* line 193, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .flex-produto__modal {
  height: 500px;
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
}

/* line 205, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .aval-produto,
.product-view_details.product-view_details__modal .adicionar-qtd,
.product-view_details.product-view_details__modal .titulo-grade--mobile,
.product-view_details.product-view_details__modal .__info-parcelamento-aviso,
.product-view_details.product-view_details__modal .tags_selos__wrap,
.product-view_details.product-view_details__modal .imagem-ampliada_aviso {
  display: none !important;
}

/* line 217, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .photo-view {
  position: relative;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #F2F2F2;
  /*
          Só a primeira foto interessa aqui, cobrindo a coluna toda. Em vez de
          desfazer uma a uma as propriedades de grade/aspect-ratio/width da PDP,
          a foto sai do fluxo: absolute preenchendo a .photo-view. Assim nenhum
          resquício do layout da página do produto a alcança.
        */
}

/* line 232, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .photo-view .hide-for-small-only,
.product-view_details.product-view_details__modal .photo-view .foto-produto__itens {
  height: 100%;
}

/* line 237, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .photo-view .foto-produto__item:first-child {
  position: absolute !important;
  inset: 0;
  width: auto !important;
  height: auto !important;
  margin: 0;
  aspect-ratio: auto !important;
  background: none !important;
}

/* line 248, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .photo-view .foto-produto__item:not(:first-child) {
  display: none !important;
}

/* line 252, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .photo-view img,
.product-view_details.product-view_details__modal .photo-view .u-photo,
.product-view_details.product-view_details__modal .photo-view .cloud-zoom,
.product-view_details.product-view_details__modal .photo-view .fit__img-produto {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
}

/* line 263, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .photo-view .adicionar-lista-desejos {
  display: none !important;
}

/* line 284, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes {
  float: none;
  width: auto;
  min-height: 0;
  padding: 36px;
  overflow-y: auto;
  background-color: #FFFFFF;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #CCCCCC transparent;
}

/* line 294, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes > * {
  flex: none;
}

/* line 302, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes::-webkit-scrollbar {
  width: 5px;
}

/* line 306, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes::-webkit-scrollbar-button {
  display: none;
}

/* line 310, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes::-webkit-scrollbar-track {
  background: transparent;
}

/* line 314, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes::-webkit-scrollbar-thumb {
  background: #CCCCCC;
}

/* line 318, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes::-webkit-scrollbar-thumb:hover {
  background: #7D7B78;
}

/* line 324, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes .one {
  padding: 0;
}

/* line 333, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .modal-produto__eyebrow {
  display: block;
  margin: 0 0 10px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #96754C;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 333, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .modal-produto__eyebrow {
    margin-bottom: 16px;
    font-size: 18px;
  }
}

/* line 348, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .one .p-name {
  margin: 0;
  text-transform: capitalize;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 348, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .one .p-name {
    font-size: 44px;
  }
}

/* line 359, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .one .ref {
  display: block;
  margin-top: 6px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 359, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .one .ref {
    margin-top: 10px;
    font-size: 20px;
  }
}

/* line 372, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .modal-produto__descricao {
  margin: 16px 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.6;
  color: #575553;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 372, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .modal-produto__descricao {
    margin-top: 23px;
    font-size: 24px;
  }
}

/* line 392, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto {
  gap: 3px 9px;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  align-items: baseline;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 392, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .pgto {
    gap: 5px 15px;
    margin-top: 26px;
  }
}

/* line 421, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .pgto__flex,
.product-view_details.product-view_details__modal .pgto .content-boleto {
  gap: 3px 7px;
  width: auto;
  margin: 0;
  display: flex;
  align-items: baseline;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 430, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .content-boleto {
  order: 1;
}

/* line 434, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .pgto__flex {
  order: 2;
}

/* line 438, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .pgto__flex--de {
  order: 3;
}

/* line 442, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .por,
.product-view_details.product-view_details__modal .produto__cliente-atacadista-title,
.product-view_details.product-view_details__modal .separador {
  display: none;
}

/* line 449, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .de {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.2;
  color: #A8A6A3;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 449, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .pgto .de {
    font-size: 20px;
  }
}

/* line 465, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .boleto {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.2;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 465, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .pgto .boleto {
    font-size: 25px;
  }
}

/* line 484, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto .info-parcelamento {
  padding: 0;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.3;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 484, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .pgto .info-parcelamento {
    font-size: 20px;
  }
}

/* line 495, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .pgto span.__porcentagemDesconto2 {
  padding: 0;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.3;
  color: #7D7B78;
  letter-spacing: .06em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 495, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .pgto span.__porcentagemDesconto2 {
    font-size: 18px;
  }
}

/* line 508, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .form_grade__wrap,
.product-view_details.product-view_details__modal .form_grade--variacoes__wrap,
.product-view_details.product-view_details__modal .form_grade--multiplas_cores__wrap,
.product-view_details.product-view_details__modal .form_grade--cor_unica__wrap {
  width: 100%;
  margin: 0;
  overflow-x: visible;
}

/* line 517, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .esconde-qtd {
  display: none;
}

/* line 526, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .cores-wrap {
  margin-bottom: 18px;
}

@media (max-width: 640px) {
  /* line 526, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .cores-wrap {
    margin-bottom: 30px;
  }
}

/* line 540, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .div-cor {
  width: 32px;
  height: 32px;
  padding: 0;
}

/* line 545, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .div-cor .cor {
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 640px) {
  /* line 540, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .div-cor {
    width: 52px;
    height: 52px;
  }
}

/* line 558, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .box-size {
  min-width: 42px;
  height: 38px;
}

@media (max-width: 640px) {
  /* line 558, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .box-size {
    min-width: 69px;
    height: 62px;
  }
}

/* line 569, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .bt-tabela-medidas,
.product-view_details.product-view_details__modal .tabela-medidas_espiar {
  display: none !important;
}

/* line 577, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .comprar table,
.product-view_details.product-view_details__modal .comprar tbody,
.product-view_details.product-view_details__modal .comprar tr,
.product-view_details.product-view_details__modal .comprar td {
  display: block;
  width: 100%;
}

/* line 585, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .__info-parcelamento {
  padding: 0;
}

/* line 596, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal #bt-adicionar,
.product-view_details.product-view_details__modal .bt-adicionar-espiar {
  gap: 10px;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid #000000;
  border-radius: 0px;
  background-color: #000000 !important;
  box-shadow: none;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
          Estado inativo. O espiar.js não troca o texto do botão - ele só põe e
          tira a classe .off junto com o disabled. Então os dois rótulos moram no
          HTML e é o .off que decide qual aparece.
        */
}

/* line 616, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal #bt-adicionar i,
.product-view_details.product-view_details__modal .bt-adicionar-espiar i {
  font-size: 16px;
}

/* line 620, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal #bt-adicionar:hover, .product-view_details.product-view_details__modal #bt-adicionar:focus,
.product-view_details.product-view_details__modal .bt-adicionar-espiar:hover,
.product-view_details.product-view_details__modal .bt-adicionar-espiar:focus {
  border-color: #C4A484;
  background-color: #C4A484 !important;
  color: #000000;
}

/* line 632, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal #bt-adicionar.off, .product-view_details.product-view_details__modal #bt-adicionar[disabled],
.product-view_details.product-view_details__modal .bt-adicionar-espiar.off,
.product-view_details.product-view_details__modal .bt-adicionar-espiar[disabled] {
  border-color: #E4E3E1;
  background-color: #F2F2F2 !important;
  color: #A8A6A3;
  cursor: default;
}

/* line 639, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal #bt-adicionar.off:hover, .product-view_details.product-view_details__modal #bt-adicionar.off:focus, .product-view_details.product-view_details__modal #bt-adicionar[disabled]:hover, .product-view_details.product-view_details__modal #bt-adicionar[disabled]:focus,
.product-view_details.product-view_details__modal .bt-adicionar-espiar.off:hover,
.product-view_details.product-view_details__modal .bt-adicionar-espiar.off:focus,
.product-view_details.product-view_details__modal .bt-adicionar-espiar[disabled]:hover,
.product-view_details.product-view_details__modal .bt-adicionar-espiar[disabled]:focus {
  border-color: #E4E3E1;
  background-color: #F2F2F2 !important;
  color: #A8A6A3;
}

@media (max-width: 640px) {
  /* line 596, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal #bt-adicionar,
  .product-view_details.product-view_details__modal .bt-adicionar-espiar {
    height: 85px;
    font-size: 20px;
  }
  /* line 651, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal #bt-adicionar i,
  .product-view_details.product-view_details__modal .bt-adicionar-espiar i {
    font-size: 26px;
  }
}

/* line 657, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .bt-adicionar-espiar__escolha {
  display: none;
}

/* line 661, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .bt-adicionar-espiar.off .bt-adicionar-espiar__escolha,
.product-view_details.product-view_details__modal .bt-adicionar-espiar[disabled] .bt-adicionar-espiar__escolha {
  display: inline;
}

/* line 666, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .bt-adicionar-espiar.off .bt-adicionar-espiar__add,
.product-view_details.product-view_details__modal .bt-adicionar-espiar[disabled] .bt-adicionar-espiar__add,
.product-view_details.product-view_details__modal .bt-adicionar-espiar.off i,
.product-view_details.product-view_details__modal .bt-adicionar-espiar[disabled] i {
  display: none;
}

/* line 674, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal #prodEsgotado,
.product-view_details.product-view_details__modal .produtoEsgotado {
  width: 100%;
  height: 50px;
  margin: 0;
  border: 1px solid #E4E3E1;
  border-radius: 0px;
  background-color: #F2F2F2;
  cursor: default;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #A8A6A3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 674, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal #prodEsgotado,
  .product-view_details.product-view_details__modal .produtoEsgotado {
    height: 85px;
    font-size: 20px;
  }
}

/* line 708, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .compre-pelo-whatsapp {
  gap: 6px;
  width: 100%;
  height: auto;
  margin: 14px 0 0;
  padding: 0 !important;
  border: none;
  background: none !important;
  text-transform: none;
  letter-spacing: normal;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 723, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .compre-pelo-whatsapp i {
  font-size: 15px;
  color: #2F6B4F;
}

@media (max-width: 640px) {
  /* line 708, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .compre-pelo-whatsapp {
    gap: 10px;
    margin-top: 23px;
    font-size: 20px;
  }
  /* line 733, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .compre-pelo-whatsapp i {
    font-size: 25px;
  }
}

/* line 745, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .compre-pelo-whatsapp__cta {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 751, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .compre-pelo-whatsapp:hover .compre-pelo-whatsapp__cta {
  color: #96754C !important;
}

/* line 770, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .link-detalhes-produto {
  display: block;
  float: none;
  align-self: center;
  margin: 18px 0 0;
  padding-bottom: 2px;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #575553;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  transition-property: background-size, color;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 790, assets/styles/sass/espiar_produto.scss */
.product-view_details.product-view_details__modal .link-detalhes-produto:hover {
  background-size: 100% 1px;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 770, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .link-detalhes-produto {
    margin-top: 30px;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  /* line 180, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal {
    /*
          Aqui o aspect-ratio volta: em uma coluna a foto não tem mais a altura da
          grade para preencher, então é a proporção 3/4 que a dimensiona - como no
          design (body.hg-mobile .qview .qv-img).
        */
    /*
          O painel não rola sozinho no celular: quem rola é o modal inteiro, então
          overflow visível e sem min-height/flex - senão a rolagem ficaria presa
          num quadro dentro de outro.
        */
  }
  /* line 805, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .flex-produto__modal {
    height: auto;
    display: block;
  }
  /* line 815, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .photo-view {
    height: auto;
    aspect-ratio: 3 / 4;
  }
  /* line 825, assets/styles/sass/espiar_produto.scss */
  .product-view_details.product-view_details__modal .full-details_text.modal-produto__detalhes {
    display: block;
    max-width: none;
    padding: 39px;
    overflow: visible;
  }
}

/***************PÁGINAS INTERNAS******************/
/*-------------------------------
            BREADCRUMB
-------------------------------*/
/* line 1, assets/styles/sass/breadcrumb.scss */
.bread,
.conjuntos_bread__wrap {
  background-color: transparent;
  display: table;
  padding: 20px 0;
  width: 100%;
  /* @media (max-width: 640px) {
        padding-top: 10px;
    } */
}

/* line 13, assets/styles/sass/breadcrumb.scss */
.bread > .conteudo__full,
.conjuntos_bread__wrap > .conteudo__full {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 13, assets/styles/sass/breadcrumb.scss */
  .bread > .conteudo__full,
  .conjuntos_bread__wrap > .conteudo__full {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  /* line 22, assets/styles/sass/breadcrumb.scss */
  .page-produto .bread,
  .page-conjunto .bread {
    display: none;
  }
}

/*------------------------------------*\
      #BREADCRUMB

      Padrao do design (.crumb em produto.css): 13px em $n-500, separador em barra
      "/" na mesma tinta e so o item atual em tinta forte com peso medio. A barra e
      o separador canonico do DS (secoes 14 e 16 da documentacao) - o chevron anterior
      nao existe no sistema. Sentence case sempre: caixa alta e so estrutural.
    \*------------------------------------*/
/* line 37, assets/styles/sass/breadcrumb.scss */
.breadcrumbs {
  gap: 10px;
  padding: 0;
  overflow: initial;
  float: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 48, assets/styles/sass/breadcrumb.scss */
.breadcrumbs li {
  margin: 0;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 48, assets/styles/sass/breadcrumb.scss */
  .breadcrumbs li {
    word-wrap: break-word;
  }
}

/* line 61, assets/styles/sass/breadcrumb.scss */
.breadcrumbs > * a {
  color: #7D7B78;
  font-weight: 400;
}

/* line 67, assets/styles/sass/breadcrumb.scss */
.breadcrumbs > * a:hover {
  text-decoration: none;
  color: #000000;
}

/* line 77, assets/styles/sass/breadcrumb.scss */
.breadcrumbs > *.current {
  color: #000000;
  font-weight: 500;
}

/* line 82, assets/styles/sass/breadcrumb.scss */
.breadcrumbs > *:not(:first-of-type):before {
  content: "/";
  float: none;
  margin: 0 10px 0 0;
  font-weight: 400;
}

/* line 90, assets/styles/sass/breadcrumb.scss */
.page-busca .breadcrumbs,
.page-oferta-do-dia .breadcrumbs {
  width: auto;
}

@media (max-width: 640px) {
  /* line 90, assets/styles/sass/breadcrumb.scss */
  .page-busca .breadcrumbs,
  .page-oferta-do-dia .breadcrumbs {
    width: 100%;
  }
}

/*-------------------------------
        DETALHES DO PRODUTO
-------------------------------*/
/*------------------------------------*\
  #FAIXA PRETA DO TOPO - redesign 2026

  Chão do header transparente desta página (o markup está em
  views/produto/_layout.tmpl, e o escopo do header em header-topo.scss).

  A altura é exatamente $main-margin: o <main> desta página desconta só a barra
  de avisos, então o header ocupa os primeiros 75px do conteúdo - é essa faixa
  que fica embaixo dele. Um valor maior deixaria um degrau preto abaixo do menu;
  um menor descobriria o breadcrumb.

  No celular a faixa sai: lá o breadcrumb já é oculto (breadcrumb.scss) e quem
  passa por trás do menu é a galeria, protegida pelo scrim de topo.
\*------------------------------------*/
/* line 15, assets/styles/sass/produto_detalhes.scss */
.pdp-faixa-topo {
  height: 75px;
  background-color: #000000;
}

@media (max-width: 640px) {
  /* line 15, assets/styles/sass/produto_detalhes.scss */
  .pdp-faixa-topo {
    display: none;
  }
}

/*------------------------------------*\
  #GRADE DA PÁGINA DE PRODUTO - redesign 2026

  Duas colunas em 2fr/1fr (a proporção 8/4 do design): galeria à esquerda, caixa
  de compra à direita. Era float + largura fixa em px, com quatro breakpoints
  para acertar a conta - agora é grid e a conta se faz sozinha.

  A quebra em coluna única vem em $mq-tablet (1199px) e não nos 1100px do design:
  é o breakpoint que o resto do projeto já usa, e entre 1100 e 1199 a caixa de
  compra ficaria estreita demais para o botão e o parcelamento na mesma linha.

  minmax(0, Nfr) em vez de Nfr - aqui e em TODAS as grades desta página. Uma faixa
  `1fr` tem mínimo implícito `min-content`: basta um descendente que não saiba
  encolher (texto com nowrap, uma imagem, uma grade aninhada) para a faixa inflar
  acima do espaço disponível e a página ganhar rolagem lateral. O minmax(0, ...)
  diz que a faixa PODE encolher abaixo do conteúdo, que é o que se quer sempre
  que o conteúdo é recortado ou quebra sozinho.

  O projeto já tinha aprendido isso duas vezes: em busca.scss (a grade de
  produtos, com o .box-loader inflando a coluna) e em espiar_produto.scss (as
  colunas do modal). Fica registrado aqui como terceira.
\*------------------------------------*/
/* line 48, assets/styles/sass/produto_detalhes.scss */
.product-view_details > .conteudo {
  height: auto;
  gap: clamp(28px, 3.4vw, 64px);
  align-items: start;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

@media (max-width: 1199px) {
  /* line 48, assets/styles/sass/produto_detalhes.scss */
  .product-view_details > .conteudo {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*------------------------------------*\
  #RECUO LATERAL DA PÁGINA

  A galeria e o breadcrumb nasciam 36px mais para dentro que o menu e que as
  seções abaixo ("Compre o look", "Avaliações"). O motivo: o .conteudo__full do
  template traz `padding: 0 100px` fixo, enquanto o header (.first-header) e as
  seções (.sec__in) usam $sec-pad - clamp(20px, 3.4vw, 64px), ou seja 64px numa
  tela larga.

  Aqui os dois containers da página passam a usar a mesma medida, e a coluna
  inteira - menu, breadcrumb, foto, títulos de seção - alinha numa vertical só.

  O !important vence o padding do próprio .conteudo__full, de mesma
  especificidade. É a mesma solução que .page-busca .bread .conteudo__full aplica
  em busca.scss, pelo mesmo motivo.
\*------------------------------------*/
/* line 77, assets/styles/sass/produto_detalhes.scss */
.page-produto .bread > .conteudo__full,
.page-produto .product-view_details > .conteudo,
.page-conjunto .bread > .conteudo__full,
.page-conjunto .product-view_details > .conteudo {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 clamp(20px, 3.4vw, 64px) !important;
}

/* line 87, assets/styles/sass/produto_detalhes.scss */
.pswp {
  z-index: 9999 !important;
}

/*------------------------------------*\
      #GALERIA - redesign 2026

      Duas colunas de 3:4 com fio de 4px entre elas: é a "grade assinatura" do DS,
      a mesma da listagem, aplicada às fotos do produto. Antes era flex-wrap com
      50% - 5px e proporção 52/68; virou grid porque o gap do DS ($product-gap)
      já resolve a conta que o calc fazia à mão.

      O favoritar e o "adicionar ao squad" SAÍRAM daqui: no design eles ficam ao
      lado do botão de compra (ver .pdp-compra__acoes), não sobre a foto. Aqui
      sobrou só o que é foto.
    \*------------------------------------*/
/* line 103, assets/styles/sass/produto_detalhes.scss */
.photo-view {
  position: relative;
  /*
          Não há regra de selo aqui: a página do produto não os exibe mais (o markup
          saiu de gallery.tmpl - o porquê está lá). Quem os desenha é o card da
          vitrine, em product_shortview.scss (.pcard__selos).
        */
}

@media (max-width: 640px) {
  /* line 103, assets/styles/sass/produto_detalhes.scss */
  .photo-view {
    margin: 0;
    width: 100%;
  }
}

/* line 117, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /*
              Uma coluna no celular: a foto do produto é a peça principal da tela
              e em 3:4 duas colunas dariam ~180px de largura cada.
            */
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/produto_detalhes.scss */
  .photo-view .foto-produto__itens {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 130, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item,
.photo-view .foto-produto__itens .video-conjunto__item {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  /*
                  A foto cresce 3% no hover em vez de trocar de imagem: aqui não há
                  "segunda foto" como no card da listagem - todas as vistas já estão
                  na grade. O cursor de lupa avisa que o clique amplia (cloud-zoom).

                  O escopo .product-view_details é obrigatório: o modal de espiar
                  reaproveita o HTML desta galeria (ver #COLUNA DA FOTO em
                  espiar_produto.scss), e lá a foto é uma capa fixa que não deve
                  reagir ao mouse. As outras regras deste bloco o modal já anula
                  com !important; esta ele não anularia.
                */
}

/* line 136, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item > div,
.photo-view .foto-produto__itens .video-conjunto__item > div {
  height: 100%;
  width: 100%;
}

/* line 140, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item > div a,
.photo-view .foto-produto__itens .video-conjunto__item > div a {
  height: 100%;
  width: 100%;
}

/* line 146, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item .tags_selos__wrap,
.photo-view .foto-produto__itens .video-conjunto__item .tags_selos__wrap {
  width: auto;
  height: auto;
}

/* line 150, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item .tags_selos__wrap .selo-hotsite,
.photo-view .foto-produto__itens .video-conjunto__item .tags_selos__wrap .selo-hotsite {
  width: auto;
  height: auto;
  margin-bottom: 5px;
}

/* line 157, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item .youtube,
.photo-view .foto-produto__itens .video-conjunto__item .youtube {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}

/* line 166, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item .youtube iframe,
.photo-view .foto-produto__itens .video-conjunto__item .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 174, assets/styles/sass/produto_detalhes.scss */
.photo-view .foto-produto__itens .foto-produto__item img,
.photo-view .foto-produto__itens .video-conjunto__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 194, assets/styles/sass/produto_detalhes.scss */
.product-view_details .photo-view .foto-produto__itens .foto-produto__item:hover img, .product-view_details
.photo-view .foto-produto__itens .video-conjunto__item:hover img {
  transform: scale(1.03);
}

/* line 201, assets/styles/sass/produto_detalhes.scss */
.video-produto__item {
  background: #e8e8e8af;
  position: relative;
}

/* line 205, assets/styles/sass/produto_detalhes.scss */
.video-produto__item:after {
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #9b9494 94%, #0000) top/6px 6px no-repeat, conic-gradient(#0000 30%, #a19393);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 0);
  animation: l13 1s infinite linear;
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}

/* line 226, assets/styles/sass/produto_detalhes.scss */
img.pswp__img {
  padding: 40px 40px 60px 40px;
}

@media (max-width: 640px) {
  /* line 226, assets/styles/sass/produto_detalhes.scss */
  img.pswp__img {
    padding: 0;
  }
}

/* line 234, assets/styles/sass/produto_detalhes.scss */
.pswp__item {
  background: none !important;
}

/* line 238, assets/styles/sass/produto_detalhes.scss */
.pswp__img {
  background: none !important;
}

/* line 242, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

/* line 253, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .thumbs-prev,
.pswp-thumbs-wrapper .thumbs-next {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  width: 30px;
  height: 60px;
  cursor: pointer;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  border-radius: 6px;
  transition: background 0.3s;
  margin: 0;
  padding: 0;
}

/* line 269, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .thumbs-prev:hover,
.pswp-thumbs-wrapper .thumbs-next:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* line 274, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .pswp-thumbs {
  display: flex;
  white-space: nowrap;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  overflow-x: auto;
  scroll-behavior: smooth;
  max-width: 600px;
  border-radius: 5px;
  /* Esconde a barra de rolagem */
  -ms-overflow-style: none;
  /* IE e Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* line 290, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .pswp-thumbs::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}

@media (max-width: 640px) {
  /* line 274, assets/styles/sass/produto_detalhes.scss */
  .pswp-thumbs-wrapper .pswp-thumbs {
    padding: 16px 20px;
    gap: 18px;
    max-width: 640px;
  }
}

/* line 301, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .pswp-thumbs-track {
  display: flex;
  transition: transform 0.3s ease;
  gap: 8px;
}

@media (max-width: 640px) {
  /* line 301, assets/styles/sass/produto_detalhes.scss */
  .pswp-thumbs-wrapper .pswp-thumbs-track {
    gap: 20px;
  }
}

/* line 311, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .pswp-thumb {
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  border-radius: 4px;
  transition: opacity 0.2s, transform 0.2s;
}

@media (max-width: 640px) {
  /* line 311, assets/styles/sass/produto_detalhes.scss */
  .pswp-thumbs-wrapper .pswp-thumb {
    height: 86px;
    width: 86px;
  }
}

/* line 327, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .pswp-thumb:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

/* line 332, assets/styles/sass/produto_detalhes.scss */
.pswp-thumbs-wrapper .pswp-thumb.active {
  opacity: 1;
  border: 2px solid #fff;
  transform: scale(1.1);
}

/* line 339, assets/styles/sass/produto_detalhes.scss */
.product-video {
  pointer-events: none;
  z-index: 2;
  transform-origin: top left;
  position: absolute;
  left: 50%;
  top: 50%;
  aspect-ratio: 16 / 9;
  width: 1440px;
  height: 2560px;
  transform: scale(0.37) translate(-50%, -50%);
}

@media (max-width: 640px) {
  /*
      GALERIA MOBILE - redesign 2026

      A foto ocupa a LARGURA TODA da tela e respeita 640x900, como no layout (e
      como a Maluan já faz em produto_pdp.scss). Era um bloco de 600px de largura
      fixa, em float, com a imagem em altura livre - a proporção mudava de peça
      para peça conforme a foto cadastrada.

      O full-bleed está no #imagem-ampliada, e não aqui: os selos e o scrim de topo
      são posicionados contra ele, então esticar o filho deixaria os três em
      verticais diferentes.

      Nenhum tamanho do _sizes.json é exatamente 640x900, então o recorte é feito no
      CSS com object-fit: cover - mesma decisão da Maluan.
    */
  /* line 371, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    /*
          height: auto vence o `height: 100%` que o slick.min.css põe em
          .slick-slide. Ali a altura percentual resolve contra o .slick-track, que
          não tem altura declarada - e o resultado é o slide medindo mais que a
          foto, sobrando faixa em branco embaixo dela.
        */
    /*
              O <a> que envolve a foto (é ele que o PhotoSwipe usa para ampliar) é
              INLINE por padrão. Um inline com um filho de nível bloco - a imagem
              abaixo é display: block - é dividido pelo navegador, e a divisão
              deixa uma caixa de linha vazia antes e outra depois, cada uma da
              altura do line-height herdado.

              Era essa a faixa em branco sob a foto: no celular a tipografia é
              grande, e as duas caixas somavam ~86px. Com o <a> em bloco não há
              divisão nem caixa de linha, e a seção passa a ter exatamente a altura
              da imagem.
            */
    /*
          PAGINAÇÃO - redesign 2026

          Pontos de 7px ABAIXO da foto, como no layout (.pg-dots): cinza claro, e o
          da foto atual em tinta. Eram bolas de 20px sobrepostas à imagem (absolute,
          bottom: 10px) - o tamanho vinha do alvo de toque, mas 20px de bola cheia
          sobre a foto é mancha, não indicador.

          O alvo de toque continua grande sem a bola crescer: o <li> mantém 20px de
          área clicável e o ponto desenhado dentro dele é o de 7px. É a mesma medida
          convertida do design (7px x 1,64 = 11px no viewport de 640).
        */
  }
  /* line 384, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-slide {
    position: relative;
    height: auto;
  }
  /* line 401, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .mask-corte a {
    display: block;
    line-height: 0;
  }
  /* line 406, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer !important;
    aspect-ratio: 640 / 900;
    object-fit: cover;
  }
  /* line 428, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-dots {
    gap: 13px;
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
    position: static;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 438, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-dots li {
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 448, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-dots li button {
    width: 11px;
    height: 11px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #CCCCCC;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    transition-property: background-color;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0s;
  }
  /* line 464, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-dots li button:hover, .slideshow-mobile .slick-dots li button:focus {
    outline: none;
    background: #7D7B78;
  }
  /* line 471, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-dots li.slick-active button {
    background: #000000;
  }
  /* line 477, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-prev,
  .slideshow-mobile .slick-next {
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    color: inherit;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 60px;
    width: 32px;
    line-height: 0;
    margin: 0;
    margin-top: -30px;
    padding: 0;
    position: absolute;
    outline: none;
    top: 50%;
  }
  /* line 497, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-prev:before,
  .slideshow-mobile .slick-next:before {
    content: "";
  }
  /* line 501, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-prev.slick-disabled,
  .slideshow-mobile .slick-next.slick-disabled {
    cursor: default;
    opacity: 0.4;
  }
  /* line 507, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-prev {
    background-image: url("/app-hagler/assets/images/icons/arrow-left.png");
    left: 10px;
  }
  /* line 512, assets/styles/sass/produto_detalhes.scss */
  .slideshow-mobile .slick-next {
    background-image: url("/app-hagler/assets/images/icons/arrow-right.png");
    right: 10px;
  }
  /* line 518, assets/styles/sass/produto_detalhes.scss */
  .pswp {
    z-index: 9999999999 !important;
  }
  /* line 522, assets/styles/sass/produto_detalhes.scss */
  .pswp__zoom-wrap {
    position: relative;
  }
  /* line 525, assets/styles/sass/produto_detalhes.scss */
  .pswp__zoom-wrap:after {
    background-image: url(../images/zoom.gif);
    background-repeat: no-repeat;
    content: "";
    height: 100px;
    left: 10px;
    top: 10px;
    width: 100px;
  }
  /*
      "Clique na foto para ampliar e arraste para ver mais".

      O float: left daqui era a SEGUNDA causa da sobreposição no celular: um
      parágrafo flutuante não dá altura ao pai, então o nome da peça e a referência
      subiam por cima dele. E o float não servia a nada - o bloco já é de largura
      cheia com texto centralizado.

      Também passou para a tipografia do DS: era $cinza em 22px sem entrelinha.

      Sem @media aqui dentro: este bloco JÁ vive num @media (max-width: 640px), e o
      aninhado gerava a condição duplicada "(max-width: 640px) and (max-width:
      640px)" no CSS compilado.
    */
  /* line 550, assets/styles/sass/produto_detalhes.scss */
  .imagem-ampliada_aviso {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    margin-top: 16px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: #7D7B78;
    text-align: center;
  }
  /* line 561, assets/styles/sass/produto_detalhes.scss */
  .video-container {
    height: 850px;
    width: 570px;
    overflow: hidden;
  }
}

@media (max-width: 640px) and (max-width: 640px) {
  /* line 568, assets/styles/sass/produto_detalhes.scss */
  .social_mobile {
    padding-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 574, assets/styles/sass/produto_detalhes.scss */
  .youtube-mobile {
    background-color: #ffffff;
    border: 2px solid #000;
    color: #858585;
    font-size: 22px;
    height: 55px;
    margin-bottom: 25px;
    padding: 0;
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 585, assets/styles/sass/produto_detalhes.scss */
  .youtube-mobile .icon-video {
    background-image: url(../images/icons/icon-play.png);
    background-repeat: no-repeat;
    height: 25px;
    margin-right: 5px;
    width: 25px;
  }
  /* line 593, assets/styles/sass/produto_detalhes.scss */
  .youtube-mobile:hover {
    border-color: #000;
    color: #858585;
  }
  /* line 597, assets/styles/sass/produto_detalhes.scss */
  .youtube-mobile:hover .icon-video {
    background-image: url(../images/icons/icon-play-hover.png);
  }
  /* line 603, assets/styles/sass/produto_detalhes.scss */
  .addthis_inline_share_toolbox {
    display: flex !important;
    justify-content: center;
  }
  /* line 608, assets/styles/sass/produto_detalhes.scss */
  .addthis_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-self: flex-start;
  }
  /* line 612, assets/styles/sass/produto_detalhes.scss */
  .addthis_wrap .button-share {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 18px;
    font-weight: 400;
    font-family: "sofia-pro", sans-serif;
    letter-spacing: normal;
    text-transform: none;
    padding: 6px 15px;
    width: 280px;
    height: 55px;
  }
  /* line 624, assets/styles/sass/produto_detalhes.scss */
  .addthis_wrap .mdi {
    font-size: 25px;
  }
}

/*------------------------------------*\
  #CAIXA DE COMPRA - redesign 2026

  Coluna da direita da PDP. O que mudou de fundo:

    * era float: right com largura fixa (520px, mais três breakpoints
      redesenhando a conta). Agora é a segunda célula do grid do pai e a largura
      vem de lá;
    * ficou STICKY no desktop. A galeria tem seis fotos em 3:4 e é muito mais
      alta que esta coluna - sem o sticky, quem rola para ver as fotos perde o
      preço e o botão de vista. O top de 100px é a altura do header opaco (75px)
      mais um respiro;
    * a hierarquia de preço virou a do design: o valor à-vista é o número
      grande, e o preço no cartão com o parcelamento passou a linha de apoio.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss).
\*------------------------------------*/
/* line 649, assets/styles/sass/produto_detalhes.scss */
.full-details_text {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  /*
      O sticky é da PÁGINA, não da classe: o modal de espiar também usa
      .full-details_text (com o modificador .modal-produto__detalhes) e lá a
      coluna é o próprio contêiner de rolagem - grudar nela não faz sentido. O
      :not é o que separa os dois sem depender de ordem de importação.
    */
}

/* line 659, assets/styles/sass/produto_detalhes.scss */
.product-view_details:not(.product-view_details__modal) .full-details_text {
  position: sticky;
  top: 100px;
  /*
          Coluna única (tablet e celular): sem sticky. Aqui a caixa é mais alta que
          a tela e "grudar" só faria o conteúdo tremer ao rolar.
        */
}

@media (max-width: 1199px) {
  /* line 659, assets/styles/sass/produto_detalhes.scss */
  .product-view_details:not(.product-view_details__modal) .full-details_text {
    position: static;
    top: auto;
    margin-top: 32px;
  }
}

/*------------------------------------*\
  #CABEÇALHO: chapéu, nome e avaliação
\*------------------------------------*/
/* line 678, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho {
  /*
      Nome em serifa clara e grande - é a peça de tipografia da tela. O text-wrap
      pretty evita a linha órfã de uma palavra em nomes longos.
    */
  /*
      Compartilhar: o ícone sozinho, sem moldura de botão. O reset é longo porque
      a classe .button do Foundation chega aqui com fundo, padding e caixa alta.
    */
}

/* line 680, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho__eyebrow {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 680, assets/styles/sass/produto_detalhes.scss */
  .pdp-cabecalho__eyebrow {
    font-size: 20px;
  }
}

/* line 692, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho__eyebrow .ref {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}

/* line 703, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho__nome {
  margin: 10px 0 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(30px, 2.4vw, 42px);
  line-height: 1.05;
  color: #000000;
  text-transform: none;
  text-wrap: pretty;
}

@media (max-width: 640px) {
  /* line 703, assets/styles/sass/produto_detalhes.scss */
  .pdp-cabecalho__nome {
    font-size: 49px;
  }
}

/* line 715, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho__meta {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 721, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho .aval-produto {
  gap: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 727, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho .aval-produto .avaliacao-anunciante2 {
  line-height: 1;
}

/* line 731, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho .aval-produto label {
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 731, assets/styles/sass/produto_detalhes.scss */
  .pdp-cabecalho .aval-produto label {
    font-size: 21px;
  }
}

/* line 746, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho .addthis_wrap .button-share {
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #000000;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 762, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho .addthis_wrap .button-share:hover, .pdp-cabecalho .addthis_wrap .button-share:focus {
  background: transparent;
  box-shadow: none;
  color: #96754C;
}

/* line 769, assets/styles/sass/produto_detalhes.scss */
.pdp-cabecalho .addthis_wrap .button-share .mdi {
  font-size: 20px;
}

@media (max-width: 640px) {
  /* line 769, assets/styles/sass/produto_detalhes.scss */
  .pdp-cabecalho .addthis_wrap .button-share .mdi {
    font-size: 33px;
  }
}

/*------------------------------------*\
  #PREÇO

  Hierarquia do design, obtida SEM tocar no markup (que carrega muita regra de
  negócio - atacado, oferta do dia, cashback):

    .de                     valor cheio riscado, miúdo
    .content-boleto .boleto valor à-vista - o número grande
    .__porcentagemDesconto2 "no Pix, com 5% de desconto", ao lado
    .por + .info-parcelamento  preço no cartão e parcelas, numa linha de apoio

  Quando a loja não tem desconto à-vista o .content-boleto não é emitido, e aí
  quem precisa ser o número grande é o .por - é o que faz o :has() abaixo.
\*------------------------------------*/
/* line 793, assets/styles/sass/produto_detalhes.scss */
.pgto {
  gap: 5px;
  margin-top: 24px;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  /*
      Sem desconto à-vista: o .por assume o papel do número grande. O :has é a
      única forma de saber daqui se o bloco à-vista foi emitido - a alternativa
      seria uma classe no Twig, e o navegador já sabe responder isso.
    */
}

/* line 800, assets/styles/sass/produto_detalhes.scss */
.pgto .produto__cliente-atacadista-title {
  margin-top: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 800, assets/styles/sass/produto_detalhes.scss */
  .pgto .produto__cliente-atacadista-title {
    font-size: 20px;
  }
}

/* line 812, assets/styles/sass/produto_detalhes.scss */
.pgto .pgto__flex {
  gap: 4px;
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 819, assets/styles/sass/produto_detalhes.scss */
.pgto .de {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 819, assets/styles/sass/produto_detalhes.scss */
  .pgto .de {
    font-size: 21px;
  }
}

/* line 831, assets/styles/sass/produto_detalhes.scss */
.pgto .boleto,
.pgto .valor-sem-promocao {
  margin: 0;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 831, assets/styles/sass/produto_detalhes.scss */
  .pgto .boleto,
  .pgto .valor-sem-promocao {
    font-size: 43px;
  }
}

/* line 843, assets/styles/sass/produto_detalhes.scss */
.pgto span.__porcentagemDesconto2 {
  padding: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 843, assets/styles/sass/produto_detalhes.scss */
  .pgto span.__porcentagemDesconto2 {
    font-size: 22px;
  }
}

/* line 854, assets/styles/sass/produto_detalhes.scss */
.pgto .por {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 854, assets/styles/sass/produto_detalhes.scss */
  .pgto .por {
    font-size: 22px;
  }
}

/* line 864, assets/styles/sass/produto_detalhes.scss */
.pgto .info-parcelamento {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 864, assets/styles/sass/produto_detalhes.scss */
  .pgto .info-parcelamento {
    font-size: 22px;
  }
}

/* line 873, assets/styles/sass/produto_detalhes.scss */
.pgto .info-parcelamento span {
  font-weight: 500;
  color: #575553;
}

/* line 884, assets/styles/sass/produto_detalhes.scss */
.pgto:not(:has(.content-boleto)) .por {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 884, assets/styles/sass/produto_detalhes.scss */
  .pgto:not(:has(.content-boleto)) .por {
    font-size: 43px;
  }
}

/* line 892, assets/styles/sass/produto_detalhes.scss */
.pgto .informacao-cashback {
  margin: 16px 0;
  padding: 12px 14px;
  background: #F4F0EA;
  text-align: center;
}

/* line 898, assets/styles/sass/produto_detalhes.scss */
.pgto .informacao-cashback p {
  margin: 0;
  animation: none !important;
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #575553;
  text-align: center;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 898, assets/styles/sass/produto_detalhes.scss */
  .pgto .informacao-cashback p {
    font-size: 20px;
  }
}

/* line 911, assets/styles/sass/produto_detalhes.scss */
.pgto .informacao-cashback .cashback-valor,
.pgto .informacao-cashback #valorCashbackAReceber {
  font-weight: 500;
  color: #4E3B26;
}

/* line 918, assets/styles/sass/produto_detalhes.scss */
.pgto .separador {
  width: 100%;
  height: 1px;
  margin: 16px 0;
  background-color: #E4E3E1;
}

/*------------------------------------*\
  #FORMULÁRIO DE COMPRA - redesign 2026

  Grade de cor/tamanho, link da tabela de medidas, quantidade e botões. Era tudo
  em float com uma <table> por dentro; agora é fluxo normal em coluna, na ordem
  do design.
\*------------------------------------*/
/* line 934, assets/styles/sass/produto_detalhes.scss */
.form-adicionar-produtos {
  width: 100%;
  margin-top: 10px;
}

/* line 6, assets/styles/sass/grade_base.scss */
.form_grade__wrap {
  /* CSS NOVA GRADE */
  /*
	  Rotulo do seletor: "TAMANHO · GG". Eyebrow miudo em caixa alta, com o valor
	  escolhido em tinta - era 14px semibold preto.
	*/
  /*
	  Cor e tamanho sao quadrados no design, e o wrapper nao tem forma propria:
	  quem desenha a caixa e o .cor (amostra) e o .box-size (tamanho). Antes daqui
	  saiam 35x35 e border-radius 50%, que arredondavam os dois.

	  A estampa (.modelo_estampa) segue com medida fixa: ali o wrapper carrega a
	  imagem e precisa de tamanho.
	*/
  /*
	  Amostra de cor: fio claro, e o escolhido marcado por um anel AFASTADO da
	  amostra - `outline` com `outline-offset`, como o design pede (.cor.sel).

	  A diferença entre outline e border importa: o outline não entra no box model,
	  então o anel aparece sem empurrar as amostras vizinhas nem mudar o tamanho da
	  cor. E o offset de 3px é o que faz o anel LER: colado na amostra ele se
	  confunde com o fio da própria cor - foi o que acontecia aqui, onde não havia
	  anel nenhum e a única marca era o fio ganhando tinta.

	  Este desenho vivia só em espiar_produto.scss, no escopo do modal, e por isso
	  a página do produto ficava sem ele. Mora aqui agora: a grade é a mesma nos
	  dois lugares, e o modal só sobrescreve o que é dele (tamanho da amostra).

	  Saiu daqui o padding: 3px que o hover e o .selected aplicavam - resquício do
	  desenho circular antigo, em que o vão interno era o que marcava a seleção.
	  Somado ao outline, dava três anéis na mesma amostra: fio escuro colado à cor,
	  vão branco e mais o anel de fora. O border-color: $cinza também saiu; o fio
	  agora é $n-300, como no design.
	*/
  /*
	  Sem .modelo_estampa, o .div-cor ficava width/height: auto (regra de cima) e
	  o .cor (quem pinta a cor, mais abaixo) e width/height: 100% - de um pai sem
	  medida propria, o que colapsa a amostra pra 0x0 e a cor some da tela. Mesma
	  medida do .modelo_estampa pra amostra ficar do mesmo tamanho com ou sem
	  estampa.
	*/
  /*
	  Estados do tamanho. O hover e o fundo cinza do wrapper sairam - quem desenha
	  a caixa e o .box-size.

	  O selecionado, porem, TEM de ser lido aqui: o espiar.js poe .selected no
	  .div-tamanho-wrap (nao no .box-size), entao e o wrapper que sabe se o tamanho
	  esta escolhido e a caixa dentro dele que e pintada.
	*/
  /*
	  Amostra de cor e caixa de tamanho: quadradas, sem raio. O border-radius 50%
	  daqui era o que arredondava as duas.
	*/
  /*------------------------------------*\
	  #SIZEPICKER - a caixa do tamanho

	  Mora aqui, e nao em grade--cor_unica.scss, porque as tres grades usam
	  .box-size e so a de cor unica o desenhava - nas outras a caixa ficava sem
	  forma e herdava o circulo dos ancestrais.
	\*------------------------------------*/
  /*
	  Medidas e cores conferidas contra o design (.sz em loja.css): 34x30, fio em
	  $border-subtle, texto 12px em $n-800. O modal usa a mesma caixa um pouco
	  maior - esse ajuste mora em espiar_produto.scss.
	*/
  /*
	  Esgotado. No design o tamanho continua visivel, so riscado e apagado - quem
	  risca e o line-through do proprio rotulo (.box-size.desabilitado).

	  Saiu daqui o ::before que desenhava a barra na diagonal com um gradiente de
	  dez paradas, e que vinha com 35x35 e border-radius 50% fixos - medida do
	  circulo antigo, que nao acompanhava mais a caixa.
	*/
  /* FIM CSS NOVA GRADE */
  /* li {
            @include _flex(center, center);
        } */
  /* table {
	        background-color: $branco;
	        border: none;
	        margin-bottom: 20px;
	        padding: .5rem 0;
	        width: 100%;

	        thead {
	            background-color: transparent;
	            border-top: 1px solid $cor-linhas;
	            border-bottom: 1px solid $cor-linhas;

	            h2 {
	                color: $cor-fonte;
                    font-size: 16px;
                    font-weight: $f-light;
	                line-height: 16px;
	                text-align: center;
	                width: 100%;

	                @media (max-width: 640px) {
	                    font-size: 22px;
	                    line-height: 24px;
	                }
	            }
	        }

	        th {
	            background-color: transparent !important;
	            padding: 10px 0 !important;
	        }

	        tr.even,
	        tr.alt,
	        tr:nth-of-type(even) {
	            background: transparent;
	        }

	        tr:nth-child(2n-1) {
	            background: transparent !important;
	            //border-bottom: 1px solid $cor-linhas !important;
	        }

	        tr:hover {
	            background: transparent !important;
	        }

	        td,
	        th {
	        	border-bottom: 1px solid $cor-linhas;
	            padding-right: 0 !important;
	            padding-left: 0 !important;
	        }

	        td {
	            padding: 15px 0 !important;
	        }

	        .sticky-intersect {
	            z-index: 0 !important;
	        }
		} */
  /* .color_produto__wrap,
			.foto_produto__wrap {
				width: $width-img-carrinho !important;
				
				@media (max-width: 640px) {
					width: $width-img-carrinho--mobile !important;
				}
	        } */
}

@media (max-width: 640px) {
  /* line 11, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .esconde_itens_grade,
  .form_grade__wrap .escondido {
    display: none !important;
  }
}

/* line 17, assets/styles/sass/grade_base.scss */
.form_grade__wrap .selecoes {
  margin-bottom: 50px;
  gap: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 28, assets/styles/sass/grade_base.scss */
.form_grade__wrap .titulo-grade {
  gap: 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.2;
  color: #7D7B78;
  letter-spacing: .14em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .titulo-grade {
    gap: 0 13px;
    font-size: 18px;
    flex-wrap: wrap;
  }
}

/* line 44, assets/styles/sass/grade_base.scss */
.form_grade__wrap .titulo-grade strong {
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}

/* line 51, assets/styles/sass/grade_base.scss */
.form_grade__wrap .titulo-grade .status {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.2;
  color: #96754C;
  text-transform: none;
  letter-spacing: normal;
}

@media (max-width: 640px) {
  /* line 51, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .titulo-grade .status {
    font-size: 18px;
  }
}

/* line 62, assets/styles/sass/grade_base.scss */
.form_grade__wrap .cores-wrap,
.form_grade__wrap .cor-unica__cores,
.form_grade__wrap .tamanhos,
.form_grade__wrap .div-quantidades {
  width: 100%;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .cores-wrap,
  .form_grade__wrap .cor-unica__cores,
  .form_grade__wrap .tamanhos,
  .form_grade__wrap .div-quantidades {
    margin-bottom: 24px;
  }
}

/* line 78, assets/styles/sass/grade_base.scss */
.form_grade__wrap .multiplas-cores,
.form_grade__wrap .div-cores,
.form_grade__wrap .qtd-desk {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 78, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .multiplas-cores,
  .form_grade__wrap .div-cores,
  .form_grade__wrap .qtd-desk {
    gap: 16px;
  }
}

/* line 89, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanhos {
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 89, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .div-tamanhos {
    gap: 10px;
  }
}

/* line 106, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-cor,
.form_grade__wrap .div-tamanho-wrap {
  width: auto;
  height: auto;
  border-radius: 0px;
}

@media (max-width: 640px) {
  /* line 106, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .div-cor,
  .form_grade__wrap .div-tamanho-wrap {
    width: auto;
    height: auto;
    border-radius: 0px;
  }
}

/* line 118, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-cor.modelo_estampa,
.form_grade__wrap .div-tamanho-wrap.modelo_estampa {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .div-cor.modelo_estampa,
  .form_grade__wrap .div-tamanho-wrap.modelo_estampa {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }
}

/* line 131, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-cor.modelo_estampa .cor,
.form_grade__wrap .div-tamanho-wrap.modelo_estampa .cor {
  background-size: 100%;
}

@media (max-width: 640px) {
  /* line 131, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .div-cor.modelo_estampa .cor,
  .form_grade__wrap .div-tamanho-wrap.modelo_estampa .cor {
    background-size: 200px;
  }
}

/* line 168, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-cor {
  width: 35px;
  height: 35px;
  border: 1px solid #CCCCCC;
  outline: 2px solid transparent;
  outline-offset: 3px;
  transition-property: outline-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 168, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .div-cor {
    width: 60px;
    height: 60px;
  }
}

/* line 182, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-cor.selected {
  outline-color: #000000;
}

/* line 195, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap {
  /*
		  Ultima unidade: um ponto lavanda no canto da caixa, como no design. Era um
		  "1" em badge circular vermelho, que competia com o proprio tamanho.

		  O <small> que traz o numero fica so como gancho do JS (ele tira o
		  .escondido); o texto e escondido e o ponto vem do ::after.
		*/
}

/* line 197, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap.selected .box-size {
  border-color: #000000;
  background-color: #000000;
}

/* line 201, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap.selected .box-size span {
  color: #F2F2F2;
}

/* line 206, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap.selected .box-size::after {
  display: none;
}

/* line 218, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap.last-product {
  position: relative;
  float: none;
}

/* line 222, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap.last-product .qtd-estoque {
  font-size: 0;
}

/* line 226, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho-wrap.last-product::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #C4A484;
  pointer-events: none;
}

@media (max-width: 640px) {
  /* line 226, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .div-tamanho-wrap.last-product::after {
    top: -5px;
    right: -5px;
    width: 11px;
    height: 11px;
  }
}

/* line 251, assets/styles/sass/grade_base.scss */
.form_grade__wrap .cor,
.form_grade__wrap .modelo,
.form_grade__wrap .div-tamanho {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 251, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .cor,
  .form_grade__wrap .modelo,
  .form_grade__wrap .div-tamanho {
    border-radius: 0px;
  }
}

/* line 268, assets/styles/sass/grade_base.scss */
.form_grade__wrap .cor span,
.form_grade__wrap .modelo span,
.form_grade__wrap .div-tamanho span {
  font-weight: 400;
}

@media (max-width: 640px) {
  /* line 268, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .cor span,
  .form_grade__wrap .modelo span,
  .form_grade__wrap .div-tamanho span {
    font-size: 24px;
  }
}

/* line 278, assets/styles/sass/grade_base.scss */
.form_grade__wrap .div-tamanho {
  border: none;
}

/* line 289, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size_wrap {
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 300, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size {
  position: relative;
  float: none;
  min-width: 34px;
  height: 30px;
  padding: 0 9px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: border-color, background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
		  O "+" do hover. Mesmo gesto do card do produto: a caixa cresce um
		  tiquinho para a direita e o sinal aparece - no design ele nasce com
		  width: 0 e ganha 9px, entao o movimento e o proprio texto abrindo espaco.
		*/
}

/* line 315, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size label {
  margin: 0;
  padding: 0;
  float: none;
  cursor: pointer;
}

/* line 322, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #232221;
}

/* line 331, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size::after {
  content: "+";
  /*
			  position: static e display: inline-block sao obrigatorios aqui, nao
			  enfeite: global.scss aplica

			    *:before, *::before, *:after, *::after { position: absolute }

			  em TODO pseudo-elemento do projeto. Absoluto, o "+" sai do fluxo e a
			  caixa nao tem o que empurrar - o sinal simplesmente nao aparecia,
			  mesmo com a regra do hover valendo. E o mesmo desvio que o .pcard__tam
			  ja fazia no card do produto.
			*/
  position: static;
  display: inline-block;
  width: 0;
  overflow: hidden;
  opacity: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #96754C;
  transition-property: width, opacity, margin;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 355, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size:hover {
  border-color: #000000;
}

/* line 358, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size:hover::after {
  width: 9px;
  margin-left: 5px;
  opacity: 1;
}

/* line 366, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size.desabilitado {
  border-color: #E4E3E1;
  pointer-events: none;
  cursor: default;
}

/* line 371, assets/styles/sass/grade_base.scss */
.form_grade__wrap .box-size.desabilitado span {
  color: #CCCCCC;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 300, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .box-size {
    min-width: 56px;
    height: 49px;
    padding: 0 15px;
    /*
			  No toque nao existe hover: a caixa nunca abriria espaco para o "+",
			  e o pseudo so somava largura invisivel. Fora dele no celular.
			*/
  }
  /* line 382, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .box-size span {
    font-size: 20px;
  }
  /* line 390, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .box-size::after {
    content: none;
  }
}

/* line 396, assets/styles/sass/grade_base.scss */
.form_grade__wrap .fit__img-produto {
  border-radius: 5px;
}

@media (max-width: 640px) {
  /* line 396, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .fit__img-produto {
    border-radius: 10px;
  }
}

/* line 412, assets/styles/sass/grade_base.scss */
.form_grade__wrap .indisponivel {
  cursor: default;
}

/* line 415, assets/styles/sass/grade_base.scss */
.form_grade__wrap .indisponivel span {
  color: #A8A6A3;
  text-decoration: line-through;
}

/* line 421, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise-me {
  color: #ffffff;
  position: absolute;
  margin-top: 10px;
  background-color: #858585;
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 999;
  box-shadow: 0px 0px 10px #f1f1f1;
}

@media (max-width: 640px) {
  /* line 421, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise-me {
    margin-top: 15px;
    margin-left: 10px;
    font-size: 26px;
    border-radius: 10px;
    width: auto;
    text-align: center;
    font-size: 22px;
  }
}

/* line 441, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise-me::before {
  content: '';
  margin-top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #858585;
}

@media (max-width: 640px) {
  /* line 441, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise-me::before {
    margin-top: -12px;
  }
}

/* line 454, assets/styles/sass/grade_base.scss */
.form_grade__wrap table,
.form_grade__wrap tbody,
.form_grade__wrap tr {
  border-color: transparent;
  margin: 0;
  width: 100%;
}

/* line 463, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise_me__form {
  background-color: #f1f1f1 !important;
  padding: 0.5rem !important;
}

/* line 471, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise_me__form__wrap {
  height: 37px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 471, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise_me__form__wrap {
    height: 55px;
  }
}

/* line 483, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise_me__form_email {
  border: 1px solid #858585;
  margin: 0;
  height: 100%;
}

@media (max-width: 640px) {
  /* line 483, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise_me__form_email {
    font-size: 25px !important;
    height: 50px !important;
  }
  /* line 492, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise_me__form_email::placeholder {
    font-size: 20px;
  }
}

/* line 498, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise_me__form_button {
  border: 1px solid #858585;
  height: 100%;
  padding: 5px 10px;
  font-size: 14px;
}

@media (max-width: 640px) {
  /* line 498, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise_me__form_button {
    font-size: 20px;
    height: 50px;
    line-height: 20px;
    width: 165px;
  }
}

/* line 511, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise_me__form_button:hover, .form_grade__wrap .avise_me__form_button:focus {
  color: #ffffff;
  background-color: #858585;
}

/* line 519, assets/styles/sass/grade_base.scss */
.form_grade__wrap .avise_me__close {
  color: #FF0000;
  cursor: pointer;
  font-size: 30px;
  font-weight: 700;
}

@media (max-width: 640px) {
  /* line 519, assets/styles/sass/grade_base.scss */
  .form_grade__wrap .avise_me__close {
    font-size: 45px;
  }
}

/* line 533, assets/styles/sass/grade_base.scss */
.form_grade__wrap .sticky-wrap {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 614, assets/styles/sass/grade_base.scss */
.form_grade__wrap input[type="text"] {
  border: 1px solid #eee;
  border-radius: 0;
  box-shadow: none;
  color: #858585;
  font-size: 18px;
  height: 35px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 55px;
}

@media (max-width: 640px) {
  /* line 614, assets/styles/sass/grade_base.scss */
  .form_grade__wrap input[type="text"] {
    font-size: 24px;
    height: 40px;
    margin: 5px 9px;
    padding: 0;
    text-align: center;
    width: 55px;
  }
}

/* line 635, assets/styles/sass/grade_base.scss */
.form_grade__wrap input[type="text"][disabled="disabled"] {
  border-color: #858585;
  color: #858585;
}

/* line 647, assets/styles/sass/grade_base.scss */
.desabilitado .plus-desk:hover,
.desabilitado .plus-desk--variacao:hover,
.desabilitado .minus-desk:hover,
.desabilitado .minus-desk--variacao:hover {
  background: transparent !important;
}

/*grade padrão da Jescri*/
/* line 1, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap {
  /* tbody {
            padding: 15px 0;
        } */
  /*
              O desenho da caixa de tamanho (.box-size_wrap, .box-size e o ponto de
              ultima unidade) foi para grade_base.scss: as tres grades usam essas
              classes e so esta as estilizava.

              O que saiu daqui: caixa e wrapper com border-radius 50% e 35x35 fixos,
              selecionado em cinza claro, e o .qtd-estoque como badge circular
              vermelho de 17px com o numero - agora e um ponto lavanda.
            */
  /*input para escolher a quantidade*/
  /*link para avise-me*/
  /*
              O aviso de última unidade saiu daqui. Era este bloco que deixava o
              rótulo do tamanho em vermelho e negrito (o `span` alcançava o próprio
              texto da caixa, não só o número do estoque).

              Quem indica agora é o ponto lavanda no canto da caixa, em
              grade_base.scss - marca sem repintar o tamanho.
            */
}

/* line 3, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap table {
  /*thead,
        tr:nth-of-type(even) {
            background-color: $branco;
        }
        
        thead {
            border-bottom: 1px solid $cor-linhas;
        }
        
        th {
            background-color: transparent;
        }
        
        tr.even,
        tr.alt,
        tr:nth-of-type(even) {
            background: transparent;
        }
        
        tr:nth-child(2n-1) {
            background: transparent;
        }
        
        tr:hover {
            background: transparent;
        }
        
        td,
        th {
            padding: 10px;
        } */
}

/* line 4, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap table td,
.form_grade--cor_unica__wrap table th {
  border-bottom: none;
}

/* line 9, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap table label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #858585;
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 9, assets/styles/sass/grade--cor_unica.scss */
  .form_grade--cor_unica__wrap table label {
    font-size: 24px;
  }
}

/* line 67, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .quantidade {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 70, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 73, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .minus-desk,
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .plus-desk {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #858585;
  display: block;
  font-size: 28px;
  width: 60px;
}

@media (max-width: 640px) {
  /* line 73, assets/styles/sass/grade--cor_unica.scss */
  .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .minus-desk,
  .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .plus-desk {
    font-size: 40px;
    height: 50px;
  }
}

/* line 87, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .minus-desk:hover,
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .plus-desk:hover {
  border: 1px solid #000;
  background-color: #ffffff !important;
  color: #000 !important;
  -webkit-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.6);
}

/* line 96, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap input[type="text"] {
  height: 40px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 96, assets/styles/sass/grade--cor_unica.scss */
  .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap input[type="text"] {
    height: 50px;
    font-size: 26px;
    width: 60px;
  }
}

/* line 108, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .quantidade .mais_menos__wrap.desabilitado input {
  border: 1px solid #858585;
  color: #858585;
  cursor: default;
}

/* line 118, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .avise-me {
  color: #ffffff;
  float: left;
  font-size: 15px;
  text-align: center;
  width: auto;
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/grade--cor_unica.scss */
  .form_grade--cor_unica__wrap .avise-me {
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
  }
}

/* line 133, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .avise-me:hover, .form_grade--cor_unica__wrap .avise-me:focus {
  text-decoration: underline;
}

/* line 138, assets/styles/sass/grade--cor_unica.scss */
.form_grade--cor_unica__wrap .avise-me.jaClicado {
  color: #ffffff;
}

/* line 3, assets/styles/sass/avise-me_modal.scss */
.form_grade--cor_unica__wrap #modal_avise-me form {
  margin-top: 20px;
}

/* line 6, assets/styles/sass/avise-me_modal.scss */
.form_grade--cor_unica__wrap #modal_avise-me form label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  color: #000;
}

@media (max-width: 640px) {
  /* line 6, assets/styles/sass/avise-me_modal.scss */
  .form_grade--cor_unica__wrap #modal_avise-me form label {
    font-size: 22px;
  }
}

/* line 14, assets/styles/sass/avise-me_modal.scss */
.form_grade--cor_unica__wrap #modal_avise-me form input[type="text"] {
  background-color: #f1f1f1;
  border: none;
  box-shadow: none;
  color: #727272;
  font-size: 1rem;
  height: 46px;
  margin-bottom: 1rem;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/avise-me_modal.scss */
  .form_grade--cor_unica__wrap #modal_avise-me form input[type="text"] {
    height: 55px;
    font-size: 22px;
  }
}

/* line 30, assets/styles/sass/avise-me_modal.scss */
.form_grade--cor_unica__wrap #modal_avise-me form .button.success {
  height: 30px;
  width: 50px;
}

/* line 35, assets/styles/sass/avise-me_modal.scss */
.form_grade--cor_unica__wrap #modal_avise-me form .button {
  font-size: 1rem;
  margin: 0 0 0 0;
  padding: 6px 20px;
  text-transform: uppercase;
  /* &:hover,
			&:focus {
				color: $branco;
			} */
}

@media (max-width: 640px) {
  /* line 35, assets/styles/sass/avise-me_modal.scss */
  .form_grade--cor_unica__wrap #modal_avise-me form .button {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  /* line 52, assets/styles/sass/avise-me_modal.scss */
  .form_grade--cor_unica__wrap #modal_avise-me.reveal-modal.tiny {
    width: 50%;
  }
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/avise-me_modal.scss */
  .form_grade--cor_unica__wrap #modal_avise-me.reveal-modal.tiny {
    margin-left: 20px;
    width: 600px;
  }
}

/* line 64, assets/styles/sass/avise-me_modal.scss */
.form_grade--cor_unica__wrap #modal_avise-me .button.success {
  display: table;
  height: 30px;
  width: 50px;
}

/*grade Massam*/
/*grade Click Mais bonita*/
/* .form_grade__lateral--valores {

		td {
			border-bottom: 0 !important;
		}
	} */
/* .form_grade__lateral--valores__wrap {
				margin-top: 8px;

				display: flex;
				align-items: center;
				flex-direction: column;

				.boleto,
				.por {
					font-weight: $f-bold;
				}

				.valor_detalhe {
					color: $cinza-escuro;
					font-weight: $fonte-weight-padrao;
				}

				.boleto { 
					color: $cinza; 
					font-size: 14px;
                    line-height: 16px;
                    margin-bottom: 5px;

					@media (max-width: 640px) {
						font-size: 22px;
						line-height: 22px;
					}

					& + .valor_detalhe {
						font-size: 11px;
						line-height: 11px;
						text-align: center;

						@media (max-width: 640px) {
							font-size: 18px;
							line-height: 14px;
						}
					}
				}

				.por { 
					color: $preto;
					font-size: 14px;
					
					& + .valor_detalhe {
						font-size: 12px;
						line-height: 12px;
					}
				}

		        span.__porcentagemDesconto,
		        span.__porcentagemDesconto+span {
		            color: $cinza-escuro;
		            font-size: .875rem;
		            font-weight: $f-regular;

		            @media (max-width: 640px) {
		                font-size: 20px;
		            }
		        }
			} */
/*
      Tabela de medidas: virou link de texto discreto, alinhado à direita logo
      abaixo da grade - não é mais um botão com ícone de fita métrica. No design
      ele fica na mesma linha do rótulo "Tamanho"; ver o comentário no
      produto/index.tmpl para o porquê de ficar aqui embaixo.
    */
/* line 947, assets/styles/sass/produto_detalhes.scss */
.bt-tabela-medidas {
  width: fit-content;
  height: auto;
  margin: 12px 0 0 auto;
  padding: 0;
  border: none;
  background: none;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 960, assets/styles/sass/produto_detalhes.scss */
.bt-tabela-medidas span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.4;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 960, assets/styles/sass/produto_detalhes.scss */
  .bt-tabela-medidas span {
    font-size: 21px;
  }
}

/* line 970, assets/styles/sass/produto_detalhes.scss */
.bt-tabela-medidas:hover {
  background: none;
}

/*
      Botões do DressOn (provador virtual e tabela de medidas).

      O widget injeta os botões dentro do [data-dresson-slot], que fica logo
      abaixo do .bt-tabela-medidas para nascerem no mesmo lugar dele. Aqui
      herdam a aparência discreta do link nativo, inclusive o sublinhado.

      ATENÇÃO: o .dresson-slot NÃO pode receber display:none, nem vazio - o
      widget descarta âncora escondida e cai na heurística dele, jogando os
      botões lá embaixo do comprar. Quem colapsa é o wrapper.
    */
/* line 986, assets/styles/sass/produto_detalhes.scss */
.dresson-slot-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 12px 0 0;
}

/* line 992, assets/styles/sass/produto_detalhes.scss */
.dresson-slot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 18px;
}

@media (max-width: 640px) {
  /* line 992, assets/styles/sass/produto_detalhes.scss */
  .dresson-slot {
    gap: 14px;
  }
}

/* line 1004, assets/styles/sass/produto_detalhes.scss */
.dresson-try-btn,
.dresson-size-btn,
.dresson-chart-btn {
  width: fit-content !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  transform: none !important;
  transition: none !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.4;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 1004, assets/styles/sass/produto_detalhes.scss */
  .dresson-try-btn,
  .dresson-size-btn,
  .dresson-chart-btn {
    font-size: 21px;
  }
}

/* line 1033, assets/styles/sass/produto_detalhes.scss */
.dresson-try-btn:hover,
.dresson-size-btn:hover,
.dresson-chart-btn:hover {
  background: none !important;
  transform: none !important;
}

/* line 1038, assets/styles/sass/produto_detalhes.scss */
.dresson-try-btn svg,
.dresson-try-btn img,
.dresson-size-btn svg,
.dresson-size-btn img,
.dresson-chart-btn svg,
.dresson-chart-btn img {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

/*
      Tabela de medidas por imagem = FALLBACK: some quando o DressOn
      renderiza a dele. Em CSS puro (:has sobre o irmão seguinte) em vez de
      classe via JS - não depende de cache de script nem de ancestral comum.
    */
/*
      Tabela por imagem = FALLBACK: some quando o DressOn renderiza os botões.
      O wrapper só é emitido em produto COM tabela (ver index.tmpl), então
      basta checar a presença de qualquer botão dentro dele.
    */
/* line 1056, assets/styles/sass/produto_detalhes.scss */
.bt-tabela-medidas:has(~ .dresson-slot-wrap .dresson-chart-btn),
.bt-tabela-medidas:has(~ .dresson-slot-wrap .dresson-try-btn),
.bt-tabela-medidas:has(~ .dresson-slot-wrap .dresson-size-btn) {
  display: none;
}

/*
      Aviso "Selecione a cor/estampa e o tamanho desejado acima".

      A página de produto NÃO emite mais este elemento: o botão inativo já conta o
      que falta, e a frase piscando a cada clique era ruído. A regra fica porque
      /conjunto e o modal de espiar continuam emitindo-o - e é a aparência ORIGINAL
      dela, sem redesign: aquelas duas telas não entraram neste trabalho.
    */
/* line 1070, assets/styles/sass/produto_detalhes.scss */
.__info-parcelamento-aviso {
  float: left;
  width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #000;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 1070, assets/styles/sass/produto_detalhes.scss */
  .__info-parcelamento-aviso {
    font-size: 21px;
  }
}

/* line 1082, assets/styles/sass/produto_detalhes.scss */
.comprar {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  /*
          Invólucro dos botões. Era um <td> centralizado com float por dentro;
          agora é só uma coluna.
        */
  /*
          Linha do botão principal + favoritar (e o Squad, quando existe): o
          botão estica e os ícones ficam em quadrados de 50px ao lado, na mesma
          altura de controle do DS.
        */
  /*
          O flex: 1 vive em .comprar__acoes .button, e NÃO aqui: o botão de
          "Produto esgotado" é filho direto de .__info-parcelamento, que é uma
          coluna - ali flex-basis governa a ALTURA, e um flex: 1 num container de
          altura automática colapsaria o botão para zero.
        */
  /*
          OS DOIS RÓTULOS DO BOTÃO

          "Escolha o tamanho" enquanto a grade está vazia, "Adicionar à sacola —
          P" depois. Os dois textos vivem no HTML e é o .off/[disabled] que decide
          qual aparece - o produto.js não precisa reescrever o rótulo, só o sufixo
          do tamanho (.bt-adicionar__tam).

          O ícone da sacola também sai no estado inativo: no design ele só aparece
          quando há algo para adicionar.

          Este arranjo é gêmeo do .bt-adicionar-espiar__escolha / __add em
          espiar_produto.scss. Não foi extraído para um lugar comum porque
          unificar exigiria renomear as classes em dois templates, no espiar.js e
          no CSS do modal - quatro arquivos de uma tela que não entrou neste
          redesign. Se um dia mexerem no espiar, é o momento de juntar os dois.
        */
  /*
          Favoritar (e Squad): quadrado de contorno, do tamanho do botão. Vieram
          de cima da foto - lá eram ícones de 38px soltos sobre a imagem.
        */
  /*
          WhatsApp: deixou de ser um segundo botão verde de altura cheia e virou
          link de texto sob o principal. No DS o verde da marca do WhatsApp não
          existe, e dois botões cheios lado a lado disputavam a mesma decisão.
        */
}

/* line 1088, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__quantidade {
  gap: 10px;
  margin-top: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 1094, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__quantidade {
  display: none;
}

/* line 1099, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__rotulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1099, assets/styles/sass/produto_detalhes.scss */
  .comprar .comprar__rotulo {
    font-size: 20px;
  }
}

/* line 1109, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades {
  margin-right: 10px;
}

@media (max-width: 1199px) {
  /* line 1109, assets/styles/sass/produto_detalhes.scss */
  .comprar .div-quantidades {
    margin: 10px 0 20px 0;
  }
}

@media (max-width: 640px) {
  /* line 1109, assets/styles/sass/produto_detalhes.scss */
  .comprar .div-quantidades {
    margin: 20px 0 40px 0;
  }
}

/* line 1120, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades .esconde_itens_grade,
.comprar .div-quantidades .escondido {
  display: none !important;
}

/* line 1125, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades .qtd-desk.mais_menos__wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 1125, assets/styles/sass/produto_detalhes.scss */
  .comprar .div-quantidades .qtd-desk.mais_menos__wrap {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  /* line 1125, assets/styles/sass/produto_detalhes.scss */
  .comprar .div-quantidades .qtd-desk.mais_menos__wrap {
    justify-content: flex-start;
  }
}

/* line 1139, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades .qtd-desk .minus-desk,
.comprar .div-quantidades .qtd-desk .plus-desk {
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  background-color: transparent;
  color: #000000;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1139, assets/styles/sass/produto_detalhes.scss */
  .comprar .div-quantidades .qtd-desk .minus-desk,
  .comprar .div-quantidades .qtd-desk .plus-desk {
    width: 75px;
    height: 75px;
    font-size: 40px;
  }
}

/* line 1159, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades .qtd-desk .minus-desk:hover,
.comprar .div-quantidades .qtd-desk .plus-desk:hover {
  background-color: transparent !important;
  border-color: #000000;
  color: #000000;
}

/* line 1166, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades .qtd-desk .minus-desk span {
  height: 100%;
}

/* line 1170, assets/styles/sass/produto_detalhes.scss */
.comprar .div-quantidades .qtd-desk input {
  width: 45px;
  height: 45px;
  margin: 0;
  border: 1px solid #CCCCCC !important;
  background-color: transparent;
  box-shadow: none;
  color: #000000 !important;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 1170, assets/styles/sass/produto_detalhes.scss */
  .comprar .div-quantidades .qtd-desk input {
    width: 75px;
    height: 75px;
    font-size: 28px;
  }
}

/* line 1194, assets/styles/sass/produto_detalhes.scss */
.comprar .__info-parcelamento {
  position: relative;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 1207, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__acoes {
  gap: 10px;
  margin-top: 18px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 1220, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__acoes .button {
  flex: 1;
}

/* line 1224, assets/styles/sass/produto_detalhes.scss */
.comprar .button {
  gap: 10px;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 24px;
  line-height: normal;
  /*
              Estado inativo (sem tamanho escolhido): fundo $n-200 com tinta
              $n-400, como o design pede - e NÃO o preto escurecido que aparecia
              antes.

              O !important não é preguiça, é obrigatório: o botão carrega
              .button .success, e o %button-preto (extends.scss) declara
              `background-color: $action-primary-bg !important`. Sem o
              !important daqui o fundo continuava preto e só a tinta mudava,
              deixando o botão com cara de ativo e o texto ilegível. É o mesmo
              motivo documentado no #bt-adicionar de espiar_produto.scss.

              .off entra junto com o disabled: o produto.js põe as duas coisas.
            */
}

@media (max-width: 640px) {
  /* line 1224, assets/styles/sass/produto_detalhes.scss */
  .comprar .button {
    height: 82px;
    font-size: 16px;
  }
}

/* line 1254, assets/styles/sass/produto_detalhes.scss */
.comprar .button[disabled], .comprar .button.off {
  border-color: #E4E3E1;
  background-color: #E4E3E1 !important;
  color: #A8A6A3 !important;
}

/* line 1261, assets/styles/sass/produto_detalhes.scss */
.comprar .button[disabled]:hover, .comprar .button[disabled]:focus, .comprar .button.off:hover, .comprar .button.off:focus {
  border-color: #E4E3E1;
  background-color: #E4E3E1 !important;
  color: #A8A6A3 !important;
}

/* line 1269, assets/styles/sass/produto_detalhes.scss */
.comprar .button.unavailable {
  background-color: #E4E3E1 !important;
  color: #A8A6A3 !important;
}

/* line 1275, assets/styles/sass/produto_detalhes.scss */
.comprar .button .iconoir-shopping-bag {
  font-size: 18px;
}

@media (max-width: 640px) {
  /* line 1275, assets/styles/sass/produto_detalhes.scss */
  .comprar .button .iconoir-shopping-bag {
    font-size: 30px;
  }
}

/* line 1301, assets/styles/sass/produto_detalhes.scss */
.comprar .bt-adicionar__escolha {
  display: none;
}

/* line 1308, assets/styles/sass/produto_detalhes.scss */
.comprar #bt-adicionar.off .bt-adicionar__escolha,
.comprar #bt-adicionar[disabled] .bt-adicionar__escolha {
  display: inline;
}

/* line 1312, assets/styles/sass/produto_detalhes.scss */
.comprar #bt-adicionar.off .bt-adicionar__add,
.comprar #bt-adicionar.off .mdi,
.comprar #bt-adicionar[disabled] .bt-adicionar__add,
.comprar #bt-adicionar[disabled] .mdi {
  display: none;
}

/* line 1322, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__favoritar {
  flex: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: border-color, background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
              Coração: traço 1,5 sem preenchimento, como o guia do Iconoir e o
              design (.pfav svg) pedem. É o mesmo desenho do card de produto -
              .pcard__fav-icone em product_shortview.scss, onde está explicado por
              que o path vem embutido em vez da classe .iconoir-heart.
            */
}

@media (max-width: 640px) {
  /* line 1322, assets/styles/sass/produto_detalhes.scss */
  .comprar .comprar__favoritar {
    width: 82px;
    height: 82px;
  }
}

/* line 1338, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__favoritar:hover, .comprar .comprar__favoritar:focus-visible {
  border-color: #000000;
  background-color: #F2F2F2;
}

/* line 1350, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__favoritar-icone {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
  color: #000000;
  transition-property: fill, stroke;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 1350, assets/styles/sass/produto_detalhes.scss */
  .comprar .comprar__favoritar-icone {
    width: 30px;
    height: 30px;
  }
}

/* line 1370, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__favoritar.adicionado .comprar__favoritar-icone {
  fill: #96754C;
  stroke: #96754C;
}

/* line 1376, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__favoritar i {
  font-size: 19px;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1376, assets/styles/sass/produto_detalhes.scss */
  .comprar .comprar__favoritar i {
    font-size: 31px;
  }
}

/* line 1385, assets/styles/sass/produto_detalhes.scss */
.comprar .comprar__favoritar.adicionado i {
  color: #96754C;
}

/* line 1395, assets/styles/sass/produto_detalhes.scss */
.comprar .compre-pelo-whatsapp {
  gap: 10px;
  width: auto;
  height: auto;
  margin: 16px 0 0;
  padding: 0;
  border: none;
  background: none !important;
  color: #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1395, assets/styles/sass/produto_detalhes.scss */
  .comprar .compre-pelo-whatsapp {
    margin-top: 26px;
    font-size: 20px;
  }
}

/* line 1416, assets/styles/sass/produto_detalhes.scss */
.comprar .compre-pelo-whatsapp:hover, .comprar .compre-pelo-whatsapp:focus {
  background: none !important;
  color: #96754C !important;
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* line 1424, assets/styles/sass/produto_detalhes.scss */
.comprar .compre-pelo-whatsapp .mdi {
  font-size: 18px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 1424, assets/styles/sass/produto_detalhes.scss */
  .comprar .compre-pelo-whatsapp .mdi {
    font-size: 30px;
  }
}

/*------------------------------------*\
  #ACORDEÃO DA PEÇA - redesign 2026

  As três primeiras abas do bloco antigo (descrição, cuidados, a modelo veste)
  dentro da caixa de compra, como no design. É <details>/<summary> nativo: sem
  JS, com teclado de graça e localizável pelo Ctrl+F do navegador.

  MARCADOR NATIVO: são precisos TRÊS desligamentos, um por motor, e nenhum é
  redundante:

    list-style: none                     Firefox e Safari
    ::-webkit-details-marker             Safari antigo (pseudo legado)
    ::marker { content: "" }             Chrome/Edge

  O Chrome era o que faltava, e por isso o triângulo dele aparecia por cima da
  primeira letra do título: com `display: flex` no <summary> o marcador perde a
  caixa de list-item e é pintado no início do conteúdo, sobrepondo o texto. Nem
  o list-style nem o pseudo -webkit- o alcançam ali.

  No lugar dele entra o chevron do DS - um quadrado de 9px com duas bordas,
  girado 45 graus, o mesmo desenho do acordeão da central de ajuda.
\*------------------------------------*/
/* line 1457, assets/styles/sass/produto_detalhes.scss */
.pdp-peca {
  margin-top: 34px;
  border-top: 1px solid #E4E3E1;
  /*
      ABERTURA SUAVE

      <details> troca `display` do conteúdo, e display não transiciona - por isso
      a abertura era seca. O que se anima aqui é o ::details-content, a caixa que
      o próprio navegador cria em volta do conteúdo: dá para levar a altura de 0
      a auto sem elemento intermediário e sem uma linha de JS.

      Duas peças fazem funcionar:
        interpolate-size: allow-keywords  libera a interpolação 0 -> auto. Fica
                                          AQUI, e não no :root, de propósito:
                                          ligá-la globalmente mudaria como todo
                                          `auto`/`min-content` do site anima.
        transition-behavior allow-discrete faz o content-visibility virar no fim
                                          do fechamento, em vez de no começo -
                                          sem isso o conteúdo desaparece antes
                                          de a altura chegar a zero.

      Onde ::details-content não existe (Firefox, no momento) as três regras são
      descartadas inteiras e o acordeão volta a abrir na hora. Nada quebra: é
      degradação, não dependência.
    */
  /*
      display: BLOCK, não flex - e é isso que finalmente cala o marcador nativo.

      Com `display: flex` o Chrome desenha o triângulo no início do conteúdo, por
      cima da primeira letra do título, e ele não é um item de flex: nenhum
      `justify-content` o move, e nem o list-style nem os pseudo-elementos de
      marcador o alcançam naquele estado. Trocar o display por block é o desligamento
      que funciona - o mesmo truque que se usava antes de ::marker existir.

      Sem flex, o chevron vira absoluto no canto direito. Sai de graça uma coisa: a
      posição dele não depende mais de quantos itens o navegador resolve criar
      dentro do <summary>.

      O padding-right de 24px é o corredor que o chevron ocupa - sem ele um título
      longo passaria por baixo do desenho.
    */
}

/* line 1483, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__item {
  border-bottom: 1px solid #E4E3E1;
  interpolate-size: allow-keywords;
}

/* line 1488, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__item::details-content {
  block-size: 0;
  overflow: clip;
  transition: block-size 380ms cubic-bezier(0.2, 0.6, 0.2, 1), content-visibility 380ms cubic-bezier(0.2, 0.6, 0.2, 1) allow-discrete;
}

/* line 1496, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__item[open]::details-content {
  block-size: auto;
}

/* line 1517, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__titulo {
  position: relative;
  display: block;
  padding: 18px 24px 18px 2px;
  cursor: pointer;
  list-style: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
          Chevron: quadrado com duas bordas, girado 45 graus - o desenho do DS.

          O translateY(-50%) vem ANTES do rotate na lista: primeiro centraliza pela
          própria altura (junto com o top: 50%), depois gira. Invertendo a ordem o
          deslocamento sairia na diagonal.
        */
}

@media (max-width: 640px) {
  /* line 1517, assets/styles/sass/produto_detalhes.scss */
  .pdp-peca__titulo {
    padding: 26px 40px 26px 2px;
    font-size: 18px;
  }
}

/* line 1536, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__titulo::-webkit-details-marker {
  display: none;
}

/* line 1541, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__titulo::marker {
  content: "";
}

/* line 1545, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__titulo:hover {
  color: #575553;
}

/* line 1556, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__titulo::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 9px;
  height: 9px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  transition-property: transform;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 1556, assets/styles/sass/produto_detalhes.scss */
  .pdp-peca__titulo::after {
    width: 15px;
    height: 15px;
    right: 6px;
  }
}

/* line 1578, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__item[open] .pdp-peca__titulo::after {
  transform: translateY(-50%) rotate(225deg);
}

/* line 1582, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo {
  padding-bottom: 20px;
  /*
          Marcador de lista (numeração/bullet) do texto rico do admin. O reset
          global (global.scss) zera list-style em todo <li> do site; sem isto
          aqui, uma lista criada no editor da descrição (ou dos cuidados) chega
          ao DOM como <ol>/<ul> de verdade, mas sem marcador nenhum.

          Mesmo ajuste que já existia para o antigo bloco de abas (.tabs-content
          .content, mais abaixo neste arquivo) - só que aquele estilava a
          descrição de antes do redesign 2026 e este acordeão novo nunca herdou
          a regra.
        */
}

/* line 1585, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo p,
.pdp-peca__corpo li,
.pdp-peca__corpo .description {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.6;
  color: #3A3937;
}

@media (max-width: 640px) {
  /* line 1585, assets/styles/sass/produto_detalhes.scss */
  .pdp-peca__corpo p,
  .pdp-peca__corpo li,
  .pdp-peca__corpo .description {
    font-size: 24px;
  }
}

/* line 1607, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo .description ul,
.pdp-peca__corpo .description ol {
  list-style-position: inside;
  margin: 0;
}

/* line 1612, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo .description ul li,
.pdp-peca__corpo .description ol li {
  list-style: inherit;
}

/* line 1617, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo .description li ul,
.pdp-peca__corpo .description li ol {
  padding-left: 15px;
}

/* line 1624, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo .pdp-peca__extra {
  margin-top: 16px;
}

/* line 1627, assets/styles/sass/produto_detalhes.scss */
.pdp-peca__corpo .pdp-peca__extra strong {
  font-weight: 500;
  color: #000000;
}

/*link de dentro do modal de espiar para o produto*/
/* line 1636, assets/styles/sass/produto_detalhes.scss */
.link-detalhes-produto {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #000;
  margin-top: 30px;
  margin-left: 100px;
}

/* line 1642, assets/styles/sass/produto_detalhes.scss */
.link-detalhes-produto:hover {
  color: #858585;
  text-decoration: underline;
}

/*Compre look*/
/* line 1, assets/styles/sass/monte-look.scss */
.complete-look {
  float: left;
  height: auto;
  margin-top: 40px;
  padding: 40px 0;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/monte-look.scss */
  .complete-look {
    float: left;
  }
}

/* line 12, assets/styles/sass/monte-look.scss */
.complete-look .conteudo {
  height: auto;
}

/* line 16, assets/styles/sass/monte-look.scss */
.complete-look .complete-look__titulo:before {
  z-index: 0;
}

/* line 20, assets/styles/sass/monte-look.scss */
.complete-look .combo-look {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 25, assets/styles/sass/monte-look.scss */
.complete-look .titulo-padrao {
  margin-bottom: 30px;
}

/* line 29, assets/styles/sass/monte-look.scss */
.complete-look .lista-look {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 29, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look {
    width: 600px;
  }
}

/* line 36, assets/styles/sass/monte-look.scss */
.complete-look .lista-look > li {
  margin-right: 25px;
  position: relative;
}

@media (max-width: 1199px) {
  /* line 36, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li {
    margin-right: 30px;
  }
}

@media (max-width: 640px) {
  /* line 36, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li {
    margin-right: 0;
    width: 100%;
  }
}

/* line 49, assets/styles/sass/monte-look.scss */
.complete-look .lista-look > li:after {
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  right: -40px;
  z-index: 9;
}

@media (max-width: 1199px) {
  /* line 49, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li:after {
    right: -43px;
  }
}

/* line 64, assets/styles/sass/monte-look.scss */
.complete-look .lista-look > li:nth-of-type(1):after, .complete-look .lista-look > li:nth-of-type(2):after {
  content: "+";
  background-size: contain;
  height: 55px;
  top: 178px;
  width: 55px;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 64, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li:nth-of-type(1):after, .complete-look .lista-look > li:nth-of-type(2):after {
    top: 137px;
  }
}

@media (max-width: 640px) {
  /* line 64, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li:nth-of-type(1):after, .complete-look .lista-look > li:nth-of-type(2):after {
    top: 400px;
    left: 102px;
  }
}

/* line 89, assets/styles/sass/monte-look.scss */
.complete-look .lista-look > li:last-of-type:after {
  content: "=";
  background-size: contain;
  height: 29px;
  top: 190px;
  width: 59px;
  font-size: 90px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 89, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li:last-of-type:after {
    top: 149px;
  }
}

@media (max-width: 640px) {
  /* line 89, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look > li:last-of-type:after {
    left: 100px;
    top: 414px;
  }
}

@media (max-width: 640px) {
  /* line 112, assets/styles/sass/monte-look.scss */
  .complete-look .lista-look .product-shortview {
    max-width: initial !important;
    margin-bottom: 75px;
    width: 100%;
  }
}

/* line 120, assets/styles/sass/monte-look.scss */
.complete-look .lista-look .product-shortview a {
  width: auto;
}

@media (max-width: 640px) {
  /* line 126, assets/styles/sass/monte-look.scss */
  .complete-look .produto__curtir {
    left: 210px;
  }
}

/* line 132, assets/styles/sass/monte-look.scss */
.complete-look .combo-wrap {
  width: 293px;
}

@media (max-width: 1199px) {
  /* line 132, assets/styles/sass/monte-look.scss */
  .complete-look .combo-wrap {
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 132, assets/styles/sass/monte-look.scss */
  .complete-look .combo-wrap {
    margin-left: 0;
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 145, assets/styles/sass/monte-look.scss */
  .complete-look .de {
    margin-top: 4px;
  }
}

/* line 151, assets/styles/sass/monte-look.scss */
.complete-look .combo {
  background-color: #ffffff;
  height: auto;
  width: 100%;
}

/* line 157, assets/styles/sass/monte-look.scss */
.complete-look .combo-qtd {
  background-color: #000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
  height: 50px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 157, assets/styles/sass/monte-look.scss */
  .complete-look .combo-qtd {
    font-size: 24px;
  }
}

/* line 173, assets/styles/sass/monte-look.scss */
.complete-look .combo-info {
  background-color: transparent;
  box-shadow: 0px 8px 15px -8px rgba(0, 0, 0, 0.88);
  padding: 20px;
}

@media (max-width: 640px) {
  /* line 173, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

/* line 182, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .combo-fotos {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 186, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .combo-fotos img {
  border: 1px solid #f1f1f1;
}

/* line 191, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .offers {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
}

@media (max-width: 640px) {
  /* line 191, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info .offers {
    margin-top: 0;
  }
}

/* line 200, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .offers .values-atacado__title {
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.2;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: .3rem;
  margin-bottom: 5px;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info .offers .values-atacado__title {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}

/* line 215, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .offers .de {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  color: #ffffff;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 215, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info .offers .de {
    font-size: 18px;
    line-height: 18px;
  }
}

/* line 225, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .offers .boleto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 225, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info .offers .boleto {
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 0px;
  }
}

/* line 235, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .offers span {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 235, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info .offers span {
    display: block;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 2px;
  }
}

/* line 246, assets/styles/sass/monte-look.scss */
.complete-look .combo-info .offers .parcelamento {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 246, assets/styles/sass/monte-look.scss */
  .complete-look .combo-info .offers .parcelamento {
    font-size: 22px;
  }
}

/* line 256, assets/styles/sass/monte-look.scss */
.complete-look .bt-comprar-combo {
  background-color: #ffffff;
  font-size: 20px;
  height: 50px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  padding-right: 15px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 256, assets/styles/sass/monte-look.scss */
  .complete-look .bt-comprar-combo {
    height: 70px;
    font-size: 25px;
    line-height: 25px;
  }
}

/* line 273, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview {
  width: 260px;
}

@media (max-width: 1199px) {
  /* line 273, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview {
    width: 260px;
  }
}

@media (max-width: 640px) {
  /* line 273, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview {
    min-width: initial;
    margin-bottom: 75px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 286, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .adicionar-lista-desejos,
  .complete-look .product-shortview .adicionar-squad {
    left: 200px;
    right: auto;
  }
}

@media (max-width: 640px) {
  /* line 296, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .produto__espiar-curtir {
    display: none !important;
  }
}

/* line 301, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview .adicionar-lista-mobile {
  bottom: 10px !important;
}

/* line 305, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figure {
  width: 260px;
}

@media (max-width: 1199px) {
  /* line 305, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figure {
    width: 260px;
  }
}

@media (max-width: 640px) {
  /* line 305, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figure {
    display: flex;
    width: 100%;
  }
}

/* line 317, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figure .fit__produto-home {
  height: 390px;
  width: 260px;
}

@media (max-width: 1199px) {
  /* line 317, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figure .fit__produto-home {
    height: 390px;
    width: 260px;
  }
}

@media (max-width: 640px) {
  /* line 317, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figure .fit__produto-home {
    height: 390px;
    width: 260px;
  }
}

/* line 332, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figure button {
  width: 90%;
}

@media (max-width: 640px) {
  /* line 332, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figure button {
    font-size: 25px;
    line-height: 25px;
  }
}

/* line 342, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview .product-shortview__hover {
  margin: 0 auto !important;
  width: 100%;
}

/* line 346, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview .product-shortview__hover .buttons__wrap {
  margin-top: 5px;
}

/* line 349, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview .product-shortview__hover .buttons__wrap a {
  width: 100%;
}

@media (max-width: 640px) {
  /* line 355, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .product-shortview__hover .tamanhos_produto__wrap {
    position: static;
    top: initial;
    margin-bottom: 20px;
    width: 100%;
  }
  /* line 362, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .product-shortview__hover .tamanhos_produto__wrap li a {
    font-size: 20px;
  }
  /* line 368, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .product-shortview__hover .button {
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}

/* line 376, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption {
  justify-content: flex-start;
}

@media (max-width: 640px) {
  /* line 376, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption {
    height: 390px;
    padding: 10px 20px;
    width: 340px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }
}

/* line 391, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption header {
  justify-content: space-around;
}

@media (max-width: 640px) {
  /* line 391, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption header {
    height: auto;
  }
}

/* line 399, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption h2 {
  max-width: 260px;
}

@media (max-width: 1199px) {
  /* line 399, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption h2 {
    max-width: 260px;
  }
}

@media (max-width: 640px) {
  /* line 399, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption h2 {
    max-width: 320px;
  }
}

/* line 412, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 13px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 412, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption small {
    font-size: 22px;
    line-height: 22px;
  }
}

/* line 421, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption .values__wrap .separador {
  margin-top: -12px;
  background-color: #8585853d;
}

@media (max-width: 640px) {
  /* line 421, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption .values__wrap .separador {
    margin-top: 0;
    position: relative;
  }
}

@media (max-width: 640px) {
  /* line 430, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption .values__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
  }
}

/* line 437, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption .produto__box-hover {
  display: none !important;
}

/* line 440, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption .values__wrap_boleto:last-of-type {
  margin-top: 0;
}

/* line 443, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption .values__wrap_boleto:first-of-type {
  margin-bottom: 1.6rem;
}

@media (max-width: 640px) {
  /* line 443, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption .values__wrap_boleto:first-of-type {
    margin-bottom: 0.5rem;
  }
}

/* line 450, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption .values__wrap_boleto {
  margin-top: 0rem;
}

@media (max-width: 640px) {
  /* line 450, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption .values__wrap_boleto {
    justify-content: center;
  }
}

/* line 457, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview figcaption .boleto {
  font-weight: 600;
  font-size: 1.6rem;
}

@media (max-width: 640px) {
  /* line 457, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview figcaption .boleto {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

/* line 468, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview .offers {
  width: 100%;
}

/* line 472, assets/styles/sass/monte-look.scss */
.complete-look .product-shortview .animate_container {
  height: 390px;
  width: 260px;
}

@media (max-width: 1199px) {
  /* line 472, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .animate_container {
    height: 390px;
    width: 260px;
  }
}

@media (max-width: 640px) {
  /* line 472, assets/styles/sass/monte-look.scss */
  .complete-look .product-shortview .animate_container {
    float: left;
    height: 390px;
    width: 260px;
  }
}

/*------------------------------------*\
  #COMPRE O LOOK - redesign 2026 (seção inline da PDP)

  Markup em views/produto/partials/monte-look.tmpl, comportamento em
  assets/scripts/main.js (bloco "COMPRE O LOOK").

  O .complete-look acima continua existindo: é o desenho antigo, ainda usado pela
  página /conjunto, que não entrou neste redesign. As duas árvores não se
  encontram - esta seção usa .sec/.look-* e aquela .complete-look/.combo-*.

  A grade é a "grade assinatura" do DS: três colunas de 3:4 com fio de 4px, o
  mesmo ritmo da listagem e da galeria. Não há moldura em card nenhum - o que
  separa uma peça da outra é o espaço.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss). No celular vira uma coluna, e o card deita: foto de 118px à
  esquerda e o texto à direita, como o design mobile mostra.
\*------------------------------------*/
/* line 507, assets/styles/sass/monte-look.scss */
.sec--look {
  padding-bottom: clamp(48px, 6vh, 80px);
}

/* line 511, assets/styles/sass/monte-look.scss */
.look-grid {
  gap: 52px 4px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1199px) {
  /* line 511, assets/styles/sass/monte-look.scss */
  .look-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  /* line 511, assets/styles/sass/monte-look.scss */
  .look-grid {
    gap: 32px;
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 526, assets/styles/sass/monte-look.scss */
.look-card {
  gap: 6px;
  cursor: pointer;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  /*
      Peça desmarcada: recuada, não removida. A pessoa precisa ver que ela existe
      e continua a um clique de voltar ao total.
    */
  /*
      No celular o card deita: foto à esquerda ocupando as cinco linhas de texto
      à direita. Em uma coluna, o card vertical daria uma foto de 390px de largura
      por 520px de altura - uma peça por tela.
    */
  /*
      Caixa de seleção. Não é um <input>: quem alterna é o card inteiro (o
      article carrega role="checkbox" e aria-checked), então aqui é só o
      marcador. Um input real dentro de um clicável maior brigaria pelo evento.
    */
  /*
      Tamanhos em caixinhas, como no layout - era um <select> nativo com a seta do
      DS por cima. A caixinha tem a mesma forma do chip do card de vitrine
      (.pcard__tam) e da grade da peça (.box-size): fio $n-300, quadrada, e o
      escolhido em tinta cheia.

      Não é @extend do .pcard__tam de propósito: aquele é um botão de compra
      rápida, com o "+" que cresce no hover e sem estado de "escolhido". Aqui o
      clique escolhe, não compra - o mesmo desenho, comportamentos diferentes.
    */
}

/* line 537, assets/styles/sass/monte-look.scss */
.look-card:not(.is-checked) {
  opacity: .45;
}

/* line 541, assets/styles/sass/monte-look.scss */
.look-card.is-esgotado {
  cursor: default;
}

/* line 546, assets/styles/sass/monte-look.scss */
.look-card.is-current {
  cursor: default;
}

@media (max-width: 640px) {
  /* line 526, assets/styles/sass/monte-look.scss */
  .look-card {
    gap: 8px 26px;
    align-items: start;
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    grid-auto-rows: min-content;
  }
}

/* line 563, assets/styles/sass/monte-look.scss */
.look-card__foto {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 563, assets/styles/sass/monte-look.scss */
  .look-card__foto {
    grid-column: 1;
    grid-row: 1 / span 5;
  }
}

/* line 573, assets/styles/sass/monte-look.scss */
.look-card__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 583, assets/styles/sass/monte-look.scss */
.look-card:hover .look-card__foto img {
  transform: scale(1.03);
}

/* line 588, assets/styles/sass/monte-look.scss */
.look-card__selo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 4;
  padding: 5px 9px;
  background-color: #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 588, assets/styles/sass/monte-look.scss */
  .look-card__selo {
    bottom: 0px;
    top: auto;
    left: 0px;
    padding: 6px 12px;
    font-size: 18px;
  }
}

/* line 615, assets/styles/sass/monte-look.scss */
.look-card__check {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
  width: 26px;
  height: 26px;
  border: 1px solid #CCCCCC;
  background-color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 615, assets/styles/sass/monte-look.scss */
  .look-card__check {
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
  }
  /* line 635, assets/styles/sass/monte-look.scss */
  .look-card__check::after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }
}

/* line 645, assets/styles/sass/monte-look.scss */
.look-card__check i {
  font-size: 16px;
  color: #F2F2F2;
  opacity: 0;
}

@media (max-width: 640px) {
  /* line 645, assets/styles/sass/monte-look.scss */
  .look-card__check i {
    font-size: 26px;
  }
}

/* line 656, assets/styles/sass/monte-look.scss */
.look-card.is-checked .look-card__check {
  border-color: #000000;
  background-color: #000000;
}

/* line 660, assets/styles/sass/monte-look.scss */
.look-card.is-checked .look-card__check i {
  opacity: 1;
}

/* line 665, assets/styles/sass/monte-look.scss */
.look-card.is-esgotado .look-card__check {
  display: none;
}

/* line 669, assets/styles/sass/monte-look.scss */
.look-card__ref {
  margin-top: 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 669, assets/styles/sass/monte-look.scss */
  .look-card__ref {
    margin-top: 2px;
    font-size: 20px;
  }
}

/* line 682, assets/styles/sass/monte-look.scss */
.look-card__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 1.3;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 682, assets/styles/sass/monte-look.scss */
  .look-card__nome {
    font-size: 24px;
  }
}

/* line 692, assets/styles/sass/monte-look.scss */
.look-card__preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #000000;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}

@media (max-width: 640px) {
  /* line 692, assets/styles/sass/monte-look.scss */
  .look-card__preco {
    font-size: 26px;
  }
}

/* line 702, assets/styles/sass/monte-look.scss */
.look-card__preco small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 702, assets/styles/sass/monte-look.scss */
  .look-card__preco small {
    font-size: 20px;
  }
}

/* line 711, assets/styles/sass/monte-look.scss */
.look-card__parcela {
  display: block;
  margin-top: -2px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 711, assets/styles/sass/monte-look.scss */
  .look-card__parcela {
    font-size: 20px;
  }
}

/* line 732, assets/styles/sass/monte-look.scss */
.look-card__tamanhos {
  gap: 6px;
  margin-top: 4px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 732, assets/styles/sass/monte-look.scss */
  .look-card__tamanhos {
    gap: 10px;
  }
}

/* line 744, assets/styles/sass/monte-look.scss */
.look-card__tam {
  min-width: 34px;
  height: 30px;
  margin: 0;
  padding: 0 9px;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #232221;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 744, assets/styles/sass/monte-look.scss */
  .look-card__tam {
    min-width: 56px;
    height: 49px;
    padding: 0 15px;
    font-size: 20px;
  }
}

/* line 765, assets/styles/sass/monte-look.scss */
.look-card__tam:hover {
  border-color: #000000;
  background-color: transparent;
}

/* line 771, assets/styles/sass/monte-look.scss */
.look-card__tam.is-on {
  border-color: #000000;
  background-color: #000000;
  color: #F2F2F2;
}

/* line 778, assets/styles/sass/monte-look.scss */
.look-card__tam--esgotado {
  border-color: #E4E3E1;
  color: #CCCCCC;
  text-decoration: line-through;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 785, assets/styles/sass/monte-look.scss */
.look-card__tam--esgotado:hover {
  border-color: #E4E3E1;
}

/* line 791, assets/styles/sass/monte-look.scss */
.look-card__esgotado {
  margin-top: 4px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 791, assets/styles/sass/monte-look.scss */
  .look-card__esgotado {
    font-size: 20px;
  }
}

/*------------------------------------*\
  #BARRA DE TOTAL DO LOOK
\*------------------------------------*/
/* line 807, assets/styles/sass/monte-look.scss */
.look-bar {
  position: relative;
  gap: 24px;
  margin-top: 36px;
  padding: 20px 24px;
  background-color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 807, assets/styles/sass/monte-look.scss */
  .look-bar {
    gap: 20px;
    margin-top: 46px;
    padding: 26px 30px;
  }
}

/* line 823, assets/styles/sass/monte-look.scss */
.look-bar__resumo {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.5;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 823, assets/styles/sass/monte-look.scss */
  .look-bar__resumo {
    font-size: 22px;
  }
}

/* line 832, assets/styles/sass/monte-look.scss */
.look-bar__resumo b {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 832, assets/styles/sass/monte-look.scss */
  .look-bar__resumo b {
    font-size: 30px;
  }
}

/* line 840, assets/styles/sass/monte-look.scss */
.look-bar__resumo small {
  margin-left: 6px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 840, assets/styles/sass/monte-look.scss */
  .look-bar__resumo small {
    margin-left: 10px;
    font-size: 20px;
  }
}

/* line 854, assets/styles/sass/monte-look.scss */
.look-bar .button {
  width: auto;
  height: 50px;
  gap: 10px;
  margin: 0;
  padding: 0 34px;
  line-height: normal;
  /*
          Inativo enquanto falta tamanho em alguma peça marcada. Os !important são
          obrigatórios pelo mesmo motivo do botão da caixa de compra: o
          %button-preto declara o fundo com !important (para vencer .button
          .success do Foundation), e sem repetir aqui só a tinta mudaria - o botão
          continuaria preto, com cara de habilitado.
        */
}

@media (max-width: 640px) {
  /* line 854, assets/styles/sass/monte-look.scss */
  .look-bar .button {
    width: 100%;
    height: 82px;
    font-size: 26px;
  }
}

/* line 878, assets/styles/sass/monte-look.scss */
.look-bar .button[disabled] {
  border-color: #E4E3E1;
  background-color: #E4E3E1 !important;
  color: #A8A6A3 !important;
}

/* line 884, assets/styles/sass/monte-look.scss */
.look-bar .button[disabled]:hover, .look-bar .button[disabled]:focus {
  border-color: #E4E3E1;
  background-color: #E4E3E1 !important;
  color: #A8A6A3 !important;
}

/**
 * Modal compre-junto (monte-look-tamanhos)
 */
/* line 4, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos {
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 1000px !important;
}

@media (max-width: 640px) {
  /* line 4, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos {
    left: 3% !important;
    min-height: initial;
    width: 600px !important;
  }
}

/* line 16, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .close-reveal-modal.close-reveal-modal.close-reveal-modal {
  color: #000;
  font-size: 40px;
  height: 30px;
  right: 8px !important;
  top: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 16, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .close-reveal-modal.close-reveal-modal.close-reveal-modal {
    font-size: 48px;
    top: 12px !important;
  }
}

/* line 33, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .header-monte-look-tamanhos {
  border-bottom: 1px solid #E4E3E1;
  height: 45px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 33, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .header-monte-look-tamanhos {
    height: 60px;
  }
}

/* line 47, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .monte-look-tamanhos__modalTitle {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
}

/* line 54, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .body-monte-look-tamanhos {
  padding: 15px 15px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 54, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .body-monte-look-tamanhos {
    flex-direction: column;
  }
}

/* line 65, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .lista-itens-monte-look-tamanhos {
  width: 640px;
}

@media (max-width: 640px) {
  /* line 65, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .lista-itens-monte-look-tamanhos {
    width: 570px;
  }
}

/* line 72, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .lista-itens-monte-look-tamanhos > li {
  padding: 10px 0;
  display: flex;
  align-items: row;
  justify-content: space-between;
  flex-direction: nowrap;
  flex-wrap: center;
}

/* line 78, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-image {
  height: 225px;
  overflow: hidden;
  position: relative;
  width: 150px;
}

/* line 84, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-image a {
  height: 100%;
  position: absolute;
  width: 100%;
}

/* line 91, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .values-atacado__title {
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.2;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: .3rem;
  margin-bottom: 5px;
}

@media (max-width: 640px) {
  /* line 91, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .values-atacado__title {
    font-size: 1.2rem;
    color: #393939;
  }
}

/* line 106, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations {
  margin-left: 10px;
  width: 460px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}

@media (max-width: 640px) {
  /* line 106, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-informations {
    width: 405px;
    justify-content: space-between;
  }
}

/* line 121, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations .preco-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
}

@media (max-width: 640px) {
  /* line 121, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-informations .preco-box {
    flex-direction: column;
    gap: 10px;
  }
}

/* line 131, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations .atacado-box {
  min-width: 220px;
}

/* line 135, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations .produto-name {
  font-size: 14px;
}

@media (max-width: 640px) {
  /* line 135, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-informations .produto-name {
    font-size: 22px;
  }
}

/* line 144, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations .produto-name h2 a {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 144, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-informations .produto-name h2 a {
    font-size: 26px;
    line-height: normal;
    width: 100%;
  }
}

/* line 161, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations .produto-name aside {
  margin-bottom: 15px;
}

/* line 166, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-informations .de.p-price {
  text-decoration: line-through;
}

/* line 171, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-ref {
  padding-right: 5px;
  width: 199px;
}

@media (max-width: 640px) {
  /* line 171, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-ref {
    width: 228px;
  }
}

/* line 179, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-ref h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 179, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-ref h2 {
    font-size: 22px;
    line-height: 24px;
  }
}

/* line 188, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-ref .ref,
.monte-look-tamanhos .produto-ref .cor {
  color: #000;
  font-size: 11px;
}

@media (max-width: 640px) {
  /* line 188, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-ref .ref,
  .monte-look-tamanhos .produto-ref .cor {
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  /* line 199, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size,
  .monte-look-tamanhos .produto-price {
    margin: 10px 0;
  }
}

/* line 206, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size h2,
.monte-look-tamanhos .produto-price h2 {
  color: #858585;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  margin-bottom: 5px;
}

/* line 216, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size {
  margin-bottom: 15px;
}

/* line 219, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 222, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li {
  border: 1px solid #CCCCCC;
  display: inline-block;
  height: 27px;
  width: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition-property: background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 222, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size .tamanho li {
    height: 40px;
    min-width: 60px;
  }
}

/* line 237, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li:hover, .monte-look-tamanhos .produto-size .tamanho li.active {
  border-color: #000000;
  background-color: #000000;
}

/* line 243, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li:hover label,
.monte-look-tamanhos .produto-size .tamanho li.active label {
  background-color: #000000;
}

/* line 248, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li label {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 248, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size .tamanho li label {
    height: 100%;
  }
}

/* line 259, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li label:hover, .monte-look-tamanhos .produto-size .tamanho li label.active {
  background-color: #000000;
}

/* line 263, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li label:hover p, .monte-look-tamanhos .produto-size .tamanho li label.active p {
  color: #ffffff;
}

/* line 268, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li label p {
  color: #000;
  width: 100%;
  line-height: inherit;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 268, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size .tamanho li label p {
    font-size: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

/* line 284, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li:hover p,
.monte-look-tamanhos .produto-size .tamanho li.active p {
  color: #ffffff;
}

/* line 289, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li .c_ui-1 {
  width: .6rem !important;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 295, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size .tamanho li article[class*='c_ui-'] {
    height: 38px !important;
    width: 38px !important;
  }
  /* line 299, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size .tamanho li article[class*='c_ui-']:not(.c_ui-) > span {
    height: 38px !important;
    width: 38px !important;
  }
}

/* line 305, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-size .tamanho li input[type="checkbox"] {
  display: none;
}

@media (max-width: 640px) {
  /* line 310, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-size .tamanho .linhaPorCor {
    display: flex;
    flex-direction: row;
  }
}

/* line 319, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-price {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}

/* line 322, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-price .price {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 19px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 322, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-price .price {
    font-size: 23px;
  }
}

/* line 330, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-price .valor-antes {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #858585;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 330, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-price .valor-antes {
    font-size: 20px;
    line-height: 20px;
  }
}

/* line 340, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-price .valor-atual {
  color: #000;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  margin: 5px 0;
}

@media (max-width: 640px) {
  /* line 340, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-price .valor-atual {
    font-size: 35px;
    margin: 10px 0;
  }
}

/* line 353, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .produto-price .discount {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-size: 14px;
  line-height: 16px;
}

@media (max-width: 640px) {
  /* line 353, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .produto-price .discount {
    font-size: 18px;
    line-height: 20px;
  }
}

/* line 365, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos {
  background-color: #F2F2F2;
  margin-left: 15px;
  position: relative;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 365, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .total-monte-look-tamanhos {
    margin: 30px 0px 10px;
    padding: 5px 0;
    padding-top: 25px;
    position: relative;
    width: 570px;
    flex-wrap: wrap;
  }
}

/* line 382, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .combo-fotos {
  margin-top: 15px;
}

/* line 386, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .combo-fotos img {
  height: 340px;
}

/* line 390, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .monte-look-tamanhos-qtd {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #000;
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 390, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .total-monte-look-tamanhos .monte-look-tamanhos-qtd {
    font-size: 22px;
  }
}

/* line 399, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .valor-total {
  text-align: center;
  margin-bottom: 25px;
  padding: 0px 10px;
}

/* line 404, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .valor-total label {
  font-size: 16px;
  line-height: 16px;
  margin-top: 10px;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  color: #858585;
  letter-spacing: 3px;
}

@media (max-width: 640px) {
  /* line 404, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .total-monte-look-tamanhos .valor-total label {
    font-size: 22px;
  }
}

/* line 418, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .valor-total .values-atacado__title {
  margin-top: 25px;
  margin-bottom: 5px;
  font-weight: 500;
}

/* line 423, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .valor-total .price {
  color: #000;
  font-weight: 500;
  font-size: 25px;
  line-height: 40px;
}

@media (max-width: 640px) {
  /* line 423, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .total-monte-look-tamanhos .valor-total .price {
    font-size: 35px;
    line-height: 60px;
  }
}

/* line 436, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .valor-total .discount {
  font-size: 14px;
  line-height: 16px;
}

@media (max-width: 640px) {
  /* line 436, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .total-monte-look-tamanhos .valor-total .discount {
    font-size: 18px;
    line-height: 20px;
  }
}

/* line 449, assets/styles/sass/monte-look-tamanhos.scss */
.monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-look-tamanhos {
  font-size: 18px;
  height: 50px;
  margin: 0;
  margin-bottom: 15px;
  padding: 0 !important;
  width: 260px;
  padding-right: 15px;
}

@media (max-width: 640px) {
  /* line 449, assets/styles/sass/monte-look-tamanhos.scss */
  .monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-look-tamanhos {
    font-size: 24px;
    height: 60px;
    margin-bottom: 30px;
    padding-right: 15px;
    width: 300px;
  }
}

/*detalhes*/
/* line 1654, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto {
  float: left;
  margin-top: 40px;
  width: 100%;
  /*accordion no mobile*/
}

@media (max-width: 1199px) {
  /* line 1654, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto {
    float: left;
    width: 910px;
  }
}

@media (max-width: 640px) {
  /* line 1654, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto {
    width: 600px;
  }
}

/* line 1668, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1668, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .tabs {
    display: none;
  }
}

/* line 1676, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs .tab-title {
  border: 1px solid #f1f1f1;
  border-bottom: 0;
  background-color: #ffffff;
  height: 50px;
  padding: 0;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 1676, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .tabs .tab-title {
    height: 65px;
    margin-bottom: 10px !important;
  }
}

/* line 1689, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs .tab-title a {
  background-color: transparent;
  border-bottom: none;
  height: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #858585;
  padding: 0;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1689, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .tabs .tab-title a {
    font-size: 22px;
    line-height: 22px;
  }
}

/* line 1704, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs .tab-title a.tabs-destaque {
  animation-name: example;
  animation: example 1.5s infinite;
}

/* line 1711, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs .tab-title:hover, .detalhes-produto .tabs .tab-title.active {
  background-color: #000;
}

/* line 1715, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs .tab-title:hover a, .detalhes-produto .tabs .tab-title.active a {
  color: #ffffff;
}

/* line 1720, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs .tab-title:not(:last-of-type) {
  margin-right: 10px;
}

@media (max-width: 640px) {
  /* line 1720, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .tabs .tab-title:not(:last-of-type) {
    margin-right: 0;
  }
}

/* line 1730, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs-content .content {
  border: 1px solid #f1f1f1;
  float: left;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 50px;
  padding: 20px;
  position: relative;
  text-align: justify;
}

/* line 1740, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs-content .content p,
.detalhes-produto .tabs-content .content li {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #858585;
}

/* line 1744, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs-content .content ul,
.detalhes-produto .tabs-content .content ol {
  list-style-position: inside;
  margin: 0;
}

/* line 1748, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs-content .content ul li,
.detalhes-produto .tabs-content .content ol li {
  list-style: inherit;
}

/* line 1752, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .tabs-content .content li ul,
.detalhes-produto .tabs-content .content li ol {
  padding-left: 15px;
}

@media (max-width: 640px) {
  /* line 1761, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion {
    float: left;
    margin-bottom: 50px;
    width: 100%;
  }
  /* line 1767, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation {
    border: 1px solid #f1f1f1;
    float: left;
    margin-bottom: 5px !important;
    width: 100%;
  }
  /* line 1773, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation > a {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: normal;
    color: #858585;
    background-color: #f1f1f1;
    text-align: center;
  }
  /* line 1778, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation > a:hover {
    background-color: #000;
  }
  /* line 1782, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation > a.accordion--destaque {
    animation-name: example;
    animation: example 1.5s infinite;
  }
  /* line 1788, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation.active > a {
    background-color: #000;
    color: #ffffff;
  }
  /* line 1794, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content {
    float: left;
    padding: 20px;
    width: 100%;
  }
  /* line 1799, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content p, .detalhes-produto .accordion-navigation .content li {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    color: #858585;
  }
  /* line 1802, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content ul,
  .detalhes-produto .accordion-navigation .content ol {
    list-style-position: inside;
    margin: 0;
  }
  /* line 1806, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content ul li,
  .detalhes-produto .accordion-navigation .content ol li {
    list-style: inherit;
  }
  /* line 1810, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content li ul,
  .detalhes-produto .accordion-navigation .content li ol {
    padding-left: 15px;
  }
}

@media (max-width: 640px) and (max-width: 640px) {
  /* line 1815, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content b {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  /* line 1821, assets/styles/sass/produto_detalhes.scss */
  .detalhes-produto .accordion-navigation .content .tabela-medidas_video {
    height: auto;
    width: 550px;
  }
}

@keyframes example {
  0% {
    color: #ffffff;
  }
  25% {
    color: #858585;
  }
  50% {
    color: #ffffff;
  }
  75% {
    color: #858585;
  }
  100% {
    color: #ffffff;
  }
}

/* line 1837, assets/styles/sass/produto_detalhes.scss */
.detalhes-produto .produto_cliente_comentario__wrap {
  justify-content: center;
}

/* line 1843, assets/styles/sass/produto_detalhes.scss */
.medida-foto-modelo {
  display: flex;
  flex-direction: column;
}

/* line 1847, assets/styles/sass/produto_detalhes.scss */
.medida-foto-modelo .medidas-modelo {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #f1f1f1;
}

/* line 1855, assets/styles/sass/produto_detalhes.scss */
.medida-foto-modelo .medidas-modelo .links-medidas-modelos .imagem-modelo {
  height: 180px;
  max-width: 150px;
  margin-bottom: 10px;
}

@media (max-width: 640px) {
  /* line 1861, assets/styles/sass/produto_detalhes.scss */
  .medida-foto-modelo .medidas-modelo .links-medidas-modelos p {
    font-size: 18px;
    font-weight: 500;
  }
}

/* line 1869, assets/styles/sass/produto_detalhes.scss */
.medida-foto-modelo .medidas-modelo .medidas-modelo__descricao {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 180px;
  row-gap: 10px;
  column-gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 1869, assets/styles/sass/produto_detalhes.scss */
  .medida-foto-modelo .medidas-modelo .medidas-modelo__descricao {
    row-gap: 5px;
    column-gap: 15px;
  }
  /* line 1883, assets/styles/sass/produto_detalhes.scss */
  .medida-foto-modelo .medidas-modelo .medidas-modelo__descricao li {
    font-size: 20px;
  }
}

/* line 1888, assets/styles/sass/produto_detalhes.scss */
.medida-foto-modelo .medidas-modelo .medidas-modelo__descricao span {
  font-weight: 600;
}

/*tabela de medidas*/
/* line 1896, assets/styles/sass/produto_detalhes.scss */
.tabela-medidas_video__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1896, assets/styles/sass/produto_detalhes.scss */
  .tabela-medidas_video__wrap {
    align-items: center;
    flex-direction: column;
  }
}

/* line 1904, assets/styles/sass/produto_detalhes.scss */
.tabela-medidas_video__wrap .tabela-medidas {
  display: flex;
  width: 100%;
}

/* line 1910, assets/styles/sass/produto_detalhes.scss */
.tabela-medidas_video__wrap .tabela-medidas_video {
  width: auto;
}

@media (max-width: 640px) {
  /* line 1914, assets/styles/sass/produto_detalhes.scss */
  .tabela-medidas_video__wrap .tabela-medidas_video {
    margin-top: 30px;
  }
}

/* line 1921, assets/styles/sass/produto_detalhes.scss */
.aviso-tabela {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #858585;
  margin-top: 20px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 1921, assets/styles/sass/produto_detalhes.scss */
  .aviso-tabela {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}

/*tabela de medidas modal*/
/* line 1937, assets/styles/sass/produto_detalhes.scss */
.reveal-modal.tabela-medidas_modal {
  border: 0;
  padding: 20px;
  width: 1150px;
}

@media (max-width: 1199px) {
  /* line 1937, assets/styles/sass/produto_detalhes.scss */
  .reveal-modal.tabela-medidas_modal {
    width: 910px;
  }
}

@media (max-width: 640px) {
  /* line 1937, assets/styles/sass/produto_detalhes.scss */
  .reveal-modal.tabela-medidas_modal {
    box-shadow: none;
    min-height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15vh;
    width: 90%;
    max-width: 550px;
  }
}

@media (max-width: 640px) {
  /* line 1957, assets/styles/sass/produto_detalhes.scss */
  .reveal-modal.tabela-medidas_modal .tabela-medidas,
  .reveal-modal.tabela-medidas_modal .tabela-medidas_video {
    height: auto;
    width: 100%;
  }
}

/*tabela de medidas dentro do modal de espiar*/
/* line 1967, assets/styles/sass/produto_detalhes.scss */
.tabela-medidas_espiar {
  border-width: 3px 0 0 0;
  float: left;
  margin-top: 20px;
  padding: 0;
  padding-top: 20px;
  width: 100%;
  display: none;
  /* .aviso-tabela {
        color: $cinza;
        display: table;
        font-size: 16px;
        font-weight: $fonte-weight-padrao;
        line-height: 20px;
        padding: 20px 0;
        width: 100%;
    
        @media (max-width: 640px) {
            font-size: 22px;
            line-height: 26px;
        }
    } */
}

@media (max-width: 640px) {
  /* line 1967, assets/styles/sass/produto_detalhes.scss */
  .tabela-medidas_espiar {
    box-shadow: none;
    min-height: auto;
    left: 50%;
    margin-left: -275px;
    width: 550px;
  }
}

/* line 1985, assets/styles/sass/produto_detalhes.scss */
.tabela-medidas_espiar .tabela-medidas {
  width: auto;
}

/* .js-tabela-medidas_espiar--open {

    .tabela-medidas {
        left: 50%;
        margin-left: -441px;
        position: relative;
    }
} */
/* line 2014, assets/styles/sass/produto_detalhes.scss */
.js-tabela-medidas--close {
  width: 220px !important;
}

/*avaliações*/
/* line 1, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes {
  display: table;
}

/* line 4, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .faixa {
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 30px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
}

/* line 12, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .faixa #verFotosAvalicoes {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #4c4c4c;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

@media (max-width: 640px) {
  /* line 12, assets/styles/sass/produto_avaliacao.scss */
  .avaliacoes .faixa #verFotosAvalicoes {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #4c4c4c;
  }
}

/* line 23, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .faixa #verFotosAvalicoes:hover {
  color: #727272;
}

/* line 28, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .faixa label {
  color: #858585;
  cursor: default;
  float: right;
  margin: 0 10px 0px 0px;
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/produto_avaliacao.scss */
  .avaliacoes .faixa label {
    font-size: 20px;
  }
}

/* line 40, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .avaliacao-anunciante2 {
  float: right;
}

/* line 44, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .opiniao {
  float: left;
  height: 396px;
  overflow-y: auto;
  padding-right: 15px;
  width: 100%;
  scrollbar-color: #888 #f1f1f1;
  scrollbar-width: thin;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

/* line 56, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .opiniao::-webkit-scrollbar {
  width: 8px;
}

/* line 60, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .opiniao::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* line 64, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .opiniao::-webkit-scrollbar-thumb {
  background: #888;
}

/* line 68, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .opiniao::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (max-width: 640px) {
  /* line 44, assets/styles/sass/produto_avaliacao.scss */
  .avaliacoes .opiniao {
    float: inherit;
    height: 700px;
  }
}

/* line 77, assets/styles/sass/produto_avaliacao.scss */
.avaliacoes .opiniao .aval-opiniao {
  display: table;
  float: left;
  padding: 15px;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: solid 1px #ddd;
  border-radius: 5px;
}

@media (max-width: 640px) {
  /* line 77, assets/styles/sass/produto_avaliacao.scss */
  .avaliacoes .opiniao .aval-opiniao {
    float: inherit;
    padding: 25px 0;
  }
}

/* line 93, assets/styles/sass/produto_avaliacao.scss */
.carregar-avaliacoes {
  padding: 8px 20px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 5px;
}

@media (max-width: 640px) {
  /* line 93, assets/styles/sass/produto_avaliacao.scss */
  .carregar-avaliacoes {
    font-size: 20px;
  }
}

/*
              Saíram daqui .produto_avaliacao__wrap, .produto_cliente_comentario__wrap
              e .produto_cliente__wrap (com avatar, .nome-data e .aval-variacao-link
              aninhados): eram o envelope do cartão de avaliação ANTIGO da página de
              produto, reescrito no redesign 2026. Depois disso as três classes não
              aparecem em template nenhum - conferido em views/ inteiro.

              O .produto_comentario__wrap abaixo FICA: o painel do cliente ainda o usa.
              O .nome-data e o .nome-usuario também vivem lá, mas fora deste envelope -
              estas regras nunca os alcançavam.
            */
/* line 118, assets/styles/sass/produto_avaliacao.scss */
.produto_comentario__wrap {
  background-color: #f1f1f1;
  margin-top: 20px;
  padding: 15px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/produto_avaliacao.scss */
  .produto_comentario__wrap {
    padding: 25px;
  }
}

/* line 129, assets/styles/sass/produto_avaliacao.scss */
.produto_comentario__wrap .aval {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  width: 100%;
  word-break: break-all;
}

@media (max-width: 640px) {
  /* line 129, assets/styles/sass/produto_avaliacao.scss */
  .produto_comentario__wrap .aval {
    font-size: 22px;
    line-height: 26px !important;
  }
}

/* line 140, assets/styles/sass/produto_avaliacao.scss */
.produto_comentario__wrap .aval span {
  color: #777;
  margin-left: 20px;
  margin-top: 15px;
  font-style: italic;
  display: block;
}

/* line 147, assets/styles/sass/produto_avaliacao.scss */
.produto_comentario__wrap .aval span img {
  float: left;
  margin-right: 5px;
  width: 40px;
}

/* line 157, assets/styles/sass/produto_avaliacao.scss */
.produto_imagem__wrap {
  margin-left: 20px;
  padding: 10px 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-basis: 200px;
  flex-shrink: 1;
}

@media (max-width: 640px) {
  /* line 157, assets/styles/sass/produto_avaliacao.scss */
  .produto_imagem__wrap {
    margin-top: 25px;
    margin-left: 0;
  }
}

/* line 170, assets/styles/sass/produto_avaliacao.scss */
.produto_imagem__wrap .img-avaliacao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  max-height: 150px;
  max-width: 150px;
  overflow: hidden;
  border-radius: 5px;
}

@media (max-width: 640px) {
  /* line 170, assets/styles/sass/produto_avaliacao.scss */
  .produto_imagem__wrap .img-avaliacao {
    max-height: 250px;
    max-width: 250px;
  }
}

/*avaliar*/
/* line 186, assets/styles/sass/produto_avaliacao.scss */
.avaliar {
  display: table;
}

/* line 191, assets/styles/sass/produto_avaliacao.scss */
.avaliar .faca-comentario textarea {
  clear: left;
  float: left;
  height: 120px;
  margin: 5px 0 0 0;
  padding: 8px 10px;
  resize: none;
  width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 191, assets/styles/sass/produto_avaliacao.scss */
  .avaliar .faca-comentario textarea {
    font-size: 20px;
    height: 200px;
    line-height: 24px;
    margin: 15px 0 20px;
  }
}

/* line 210, assets/styles/sass/produto_avaliacao.scss */
.avaliar .faca-comentario .termos-avaliacao {
  padding: 20px;
  text-align: justify;
}

/* line 214, assets/styles/sass/produto_avaliacao.scss */
.avaliar .faca-comentario .termos-avaliacao ul {
  margin: 0px 0px 0px 20px;
}

/* line 220, assets/styles/sass/produto_avaliacao.scss */
.avaliar .envia-avaliacao-produto {
  width: 100%;
}

/* line 225, assets/styles/sass/produto_avaliacao.scss */
.avaliar_produto_comentario__wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 225, assets/styles/sass/produto_avaliacao.scss */
  .avaliar_produto_comentario__wrap {
    flex-direction: column;
  }
}

/* line 235, assets/styles/sass/produto_avaliacao.scss */
.avaliar_comentario__wrap {
  border: 1px solid #f1f1f1;
  padding: 15px 20px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 243, assets/styles/sass/produto_avaliacao.scss */
.avaliar_estrelas__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 246, assets/styles/sass/produto_avaliacao.scss */
.avaliar_estrelas__wrap #label-titulo-avaliacao {
  margin: 0;
}

/* line 250, assets/styles/sass/produto_avaliacao.scss */
.avaliar_estrelas__wrap .avaliacao-anunciante3 {
  margin: 0 0 0 10px;
}

/* line 256, assets/styles/sass/produto_avaliacao.scss */
.envia-avaliacao_termo_button__wrap {
  float: left;
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 256, assets/styles/sass/produto_avaliacao.scss */
  .envia-avaliacao_termo_button__wrap {
    margin-top: 20px;
    align-items: center;
    flex-direction: column;
  }
}

/* line 269, assets/styles/sass/produto_avaliacao.scss */
.envia-avaliacao_termo_button__wrap .termos_avaliacao__open {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #858585 !important;
  font-style: normal;
  margin: -2px 0px 0px 0px;
}

@media (max-width: 640px) {
  /* line 269, assets/styles/sass/produto_avaliacao.scss */
  .envia-avaliacao_termo_button__wrap .termos_avaliacao__open {
    font-size: 22px;
    line-height: 23px;
    margin: 0 0 15px 0;
    text-align: center;
  }
}

/* line 281, assets/styles/sass/produto_avaliacao.scss */
.envia-avaliacao_termo_button__wrap .termos_avaliacao__open:hover {
  text-decoration: underline;
}

/* line 286, assets/styles/sass/produto_avaliacao.scss */
.envia-avaliacao_termo_button__wrap .bt-enviar-aval {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  color: #000;
  margin: 0;
  padding: 8px 20px;
}

@media (max-width: 640px) {
  /* line 286, assets/styles/sass/produto_avaliacao.scss */
  .envia-avaliacao_termo_button__wrap .bt-enviar-aval {
    font-size: 24px;
    width: 100%;
  }
}

/* line 299, assets/styles/sass/produto_avaliacao.scss */
.avaliar_imagem__wrap {
  border: 1px solid #f1f1f1;
  margin-left: 20px;
  padding: 10px 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-basis: 400px;
  flex-shrink: 1;
}

@media (max-width: 640px) {
  /* line 299, assets/styles/sass/produto_avaliacao.scss */
  .avaliar_imagem__wrap {
    margin-top: 25px;
    margin-left: 0;
  }
}

/* line 313, assets/styles/sass/produto_avaliacao.scss */
.avaliar_imagem__wrap .img-avaliacao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 324, assets/styles/sass/produto_avaliacao.scss */
.remover-imagem-avaliacao,
.remover-comentario-painel {
  font-size: 13px;
  padding: 8px 20px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 324, assets/styles/sass/produto_avaliacao.scss */
  .remover-imagem-avaliacao,
  .remover-comentario-painel {
    font-size: 20px;
  }
}

/* line 335, assets/styles/sass/produto_avaliacao.scss */
.remover-imagem-avaliacao {
  margin-top: 15px;
}

@media (max-width: 640px) {
  /* line 339, assets/styles/sass/produto_avaliacao.scss */
  .remover-comentario-painel {
    margin-top: 20px;
  }
}

/* line 345, assets/styles/sass/produto_avaliacao.scss */
.avaliar_produto_deslogado__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 345, assets/styles/sass/produto_avaliacao.scss */
  .avaliar_produto_deslogado__wrap {
    flex-direction: column;
  }
}

/* line 352, assets/styles/sass/produto_avaliacao.scss */
.avaliar_produto_deslogado__wrap .avaliar_link__login {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #858585;
  text-decoration: underline;
}

@media (max-width: 640px) {
  /* line 352, assets/styles/sass/produto_avaliacao.scss */
  .avaliar_produto_deslogado__wrap .avaliar_link__login {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

/* line 361, assets/styles/sass/produto_avaliacao.scss */
.avaliar_produto_deslogado__wrap .avaliar_link__login:hover {
  color: #000;
  text-decoration: underline;
}

/* line 367, assets/styles/sass/produto_avaliacao.scss */
.avaliar_produto_deslogado__wrap .bt-enviar-aval {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #000;
  margin: 0;
  padding: 8px 20px;
}

@media (max-width: 640px) {
  /* line 367, assets/styles/sass/produto_avaliacao.scss */
  .avaliar_produto_deslogado__wrap .bt-enviar-aval {
    font-size: 24px;
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*------------------------------------*\
  #CAMPO DE ARQUIVO (foto da avaliação) - redesign 2026

  Markup idêntico em dois lugares - página de produto (produto/index.tmpl) e painel
  do cliente (cliente/painel.tmpl):

      .inputfile__wrap > input.inputfile__file + label > span + strong > svg

  O <input type=file> nativo é escondido e quem faz o papel de botão é o <label>.
  O <span> recebe o nome do arquivo escolhido (avaliacao.js) e o <strong> é o botão.
  Como o markup é o mesmo nas duas telas, a aparência também é - e vive aqui, não
  duplicada em cada uma.

  O QUE SAIU, e por quê:

  * O bloco legado desenhava uma moldura em volta do conjunto, com o <strong> em
    tinta cheia colado a um <span> de LARGURA FIXA de 300px. O span nasce sem
    texto, então aquela caixa aparecia vazia ao lado do botão.

  * O input era escondido com `position: absolute` + 0.1px. Era ele que gerava a
    ROLAGEM LATERAL na página de produto: sem nenhum ancestral posicionado no
    caminho, o bloco contêiner de uma caixa absoluta passa a ser o elemento raiz, e
    a posição estática dela é resolvida contra ele - o que colocava a caixa fora da
    área visível e esticava o documento.

    Agora o input é escondido EM FLUXO, com zero de largura e altura. Uma caixa de
    tamanho zero não estica nada, e o label continua acionando o seletor de
    arquivos normalmente (é o `for`/`id` que faz isso, não o CSS).

  * O anel de foco ficava no input, que é invisível. Passou para o rótulo.
\*------------------------------------*/
/* line 415, assets/styles/sass/produto_avaliacao.scss */
.inputfile__wrap {
  float: none;
  width: 100%;
  margin-top: 18px;
}

@media (max-width: 640px) {
  /* line 415, assets/styles/sass/produto_avaliacao.scss */
  .inputfile__wrap {
    margin-top: 30px;
  }
}

/* line 425, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  opacity: 0;
}

/* line 435, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file + label {
  gap: 10px;
  max-width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
      Nome do arquivo escolhido, ao lado do botão.

      O :empty é o que evita a caixa vazia: o span nasce sem nenhum nó filho e só
      recebe texto quando alguém escolhe um arquivo (o avaliacao.js faz
      `label.querySelector('span').innerHTML = fileName`). Sem filho ele casa com
      :empty e sai de cena; no instante em que ganha o nome, aparece.
    */
}

/* line 443, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file + label strong {
  gap: 8px;
  height: 50px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 443, assets/styles/sass/produto_avaliacao.scss */
  .inputfile__file + label strong {
    height: 82px;
    padding: 0 33px;
    font-size: 20px;
  }
}

/* line 462, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file + label svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  vertical-align: middle;
}

@media (max-width: 640px) {
  /* line 462, assets/styles/sass/produto_avaliacao.scss */
  .inputfile__file + label svg {
    width: 25px;
    height: 25px;
  }
}

/* line 482, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file + label span {
  min-width: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #575553;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 640px) {
  /* line 482, assets/styles/sass/produto_avaliacao.scss */
  .inputfile__file + label span {
    font-size: 21px;
  }
}

/* line 494, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file + label span:empty {
  display: none;
}

/*
  O input é invisível, então o anel de foco tem de aparecer no rótulo - senão quem
  navega por teclado não sabe onde está. A classe .has-focus é posta pelo
  avaliacao.js (contorno do bug antigo do Firefox); o :focus-visible cobre o resto.
*/
/* line 505, assets/styles/sass/produto_avaliacao.scss */
.inputfile__file:focus-visible + label strong,
.inputfile__file.has-focus + label strong {
  outline: 2px solid #96754C;
  outline-offset: 2px;
}

/* modulo perguntas e resposta */
/*------------------------------------*\
  #PERGUNTAS E RESPOSTAS - redesign 2026

  Vive dentro de uma aba do acordeão da caixa de compra (.pdp-peca__corpo, em
  produto_detalhes.scss). Antes era um painel de aba de largura cheia, e o CSS
  daqui trazia o que aquele contexto pedia: display: table com max-height 500px e
  rolagem interna, float nos campos, height: 50% no formulário, negrito em tudo e
  a paleta de cinzas legada.

  Numa coluna estreita nenhuma dessas coisas serve - e a rolagem interna, dentro
  de um acordeão que já abre e fecha, era rolagem dentro de rolagem. O arquivo foi
  reescrito na tipografia do DS.

  Não encurtou: são as mesmas ~240 linhas de antes. O que mudou é o que elas
  dizem - tokens do DS em vez de floats, negrito e a paleta de cinzas legada.

  O markup NÃO mudou de nomes: são as mesmas classes que o pergunta.js conhece
  (.corpoPergunta, .caracteres, .enviarPergunta) e as mesmas que o Twig emite.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss).
\*------------------------------------*/
/* line 23, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas {
  /*------------------------------------*\
      #UMA PERGUNTA E SUA RESPOSTA
    \*------------------------------------*/
  /*
      A resposta da loja: recuada e com um fio à esquerda, em vez do bloco cinza
      com pseudo-elemento preto de antes. O fio é o suficiente para dizer "isto
      responde aquilo" e não pesa dentro de uma aba.
    */
  /*------------------------------------*\
      #ENVIAR UMA PERGUNTA
    \*------------------------------------*/
  /*------------------------------------*\
      #DESLOGADO
      Coluna estreita: o link e o botão empilham em qualquer largura.
    \*------------------------------------*/
}

/* line 28, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .pergunta-resposta__wrap {
  padding-bottom: 20px;
}

/* line 31, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .pergunta-resposta__wrap:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid #E4E3E1;
}

/* line 40, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .info-pergunta h4 {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 1.5;
  color: #000000;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  /* line 40, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .info-pergunta h4 {
    font-size: 24px;
  }
}

/* line 52, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .info-pergunta p {
  margin: 6px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .info-pergunta p {
    font-size: 21px;
  }
}

/* line 68, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .info-resposta {
  margin: 12px 0 0;
  padding: 0 0 0 14px;
  border-left: 1.5px solid #E4E3E1;
  background-color: transparent;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .info-resposta {
    margin-top: 20px;
    padding-left: 23px;
  }
}

/* line 80, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .info-resposta span {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #3A3937;
  word-break: break-word;
}

@media (max-width: 640px) {
  /* line 80, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .info-resposta span {
    font-size: 23px;
  }
}

/* line 91, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .info-resposta p {
  margin: 6px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 91, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .info-resposta p {
    font-size: 20px;
  }
}

/* line 105, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap {
  padding: 0;
  /*
          Contador: texto miúdo alinhado à direita. A "pílula" preta arredondada em
          volta do número saiu - era o único raio total da tela fora da Tag, e o DS
          reserva essa forma à taxonomia.
        */
}

/* line 108, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap .tituloPergunta {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 108, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta__wrap .tituloPergunta {
    font-size: 20px;
  }
}

/* line 120, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap .control-label {
  display: block;
  float: none;
  margin: 6px 0 0;
  cursor: default;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.5;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 120, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta__wrap .control-label {
    font-size: 22px;
  }
}

/* line 133, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap textarea {
  clear: none;
  float: none;
  width: 100%;
  height: 96px;
  margin: 12px 0 0;
  padding: 12px 14px;
  resize: vertical;
}

@media (max-width: 640px) {
  /* line 133, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta__wrap textarea {
    height: 200px;
    padding: 20px 23px;
    font-size: 22px;
  }
}

/* line 156, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap .info_caracteres {
  margin: 6px 0 0;
  float: none;
  text-align: right;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 156, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta__wrap .info_caracteres {
    font-size: 20px;
  }
}

/* line 167, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap .info_caracteres .caracteres {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-weight: 500;
  color: #232221;
}

/* line 176, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap .info_caracteres span {
  font-size: inherit;
}

/* line 181, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta__wrap .enviarPergunta {
  width: 100%;
  height: 50px;
  margin: 14px 0 0;
  padding: 0 24px;
  float: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 181, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta__wrap .enviarPergunta {
    height: 82px;
    font-size: 20px;
  }
}

/* line 205, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta_deslogado__wrap {
  gap: 14px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 210, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta_deslogado__wrap .perguntar_link__login {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.5;
  color: #575553;
}

/* line 215, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta_deslogado__wrap .perguntar_link__login:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 640px) {
  /* line 210, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta_deslogado__wrap .perguntar_link__login {
    font-size: 22px;
  }
}

/* line 225, assets/styles/sass/produto_pergunta-resposta.scss */
.perguntas .enviar_pergunta_deslogado__wrap .bt-enviar-pergunta {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 24px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 225, assets/styles/sass/produto_pergunta-resposta.scss */
  .perguntas .enviar_pergunta_deslogado__wrap .bt-enviar-pergunta {
    height: 82px;
    font-size: 20px;
  }
}

/*produtos-relacionados*/
/* line 2027, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados {
  margin-bottom: 50px;
  float: left;
  width: 100%;
}

/* line 2034, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .splide__arrows .splide__arrow {
  top: 0;
  height: calc(100% - 110px);
  transform: none;
  margin: 0;
}

/* line 2040, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .splide__arrows .splide__arrow--prev {
  left: -3em;
}

/* line 2044, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .splide__arrows .splide__arrow--next {
  right: -3em;
}

/* line 2048, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .splide__arrows .splide__arrow svg {
  width: auto;
  height: auto;
}

@media (max-width: 640px) {
  /* line 2032, assets/styles/sass/produto_detalhes.scss */
  .produtos-relacionados .splide__arrows {
    display: none;
  }
}

/* line 2059, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .product-shortview {
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 2059, assets/styles/sass/produto_detalhes.scss */
  .produtos-relacionados .product-shortview {
    width: 280px;
  }
}

/* line 2067, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .product-shortview a {
  float: none;
}

/* line 2071, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .product-shortview figure {
  display: table;
  height: auto;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 2071, assets/styles/sass/produto_detalhes.scss */
  .produtos-relacionados .product-shortview figure {
    width: 280px;
  }
}

/* line 2087, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados figcaption header h2 {
  max-width: 310px;
}

@media (max-width: 1199px) {
  /* line 2087, assets/styles/sass/produto_detalhes.scss */
  .produtos-relacionados figcaption header h2 {
    max-width: 240px;
  }
}

/* line 2100, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .fit__produto-home {
  height: 540px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 2100, assets/styles/sass/produto_detalhes.scss */
  .produtos-relacionados .fit__produto-home {
    height: 420px;
    width: 280px;
  }
}

/* line 2110, assets/styles/sass/produto_detalhes.scss */
.produtos-relacionados .animate_container {
  height: 540px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media (max-width: 640px) {
  /* line 2110, assets/styles/sass/produto_detalhes.scss */
  .produtos-relacionados .animate_container {
    height: 420px;
    width: 280px;
  }
}

/* line 2124, assets/styles/sass/produto_detalhes.scss */
.produtos_relacionados__wrap {
  float: left;
  width: 100%;
}

/*------------------------------------*\
  #CONTADOR OFERTA DO DIA
\*------------------------------------*/
/*------------------------------------*\
  #CRONÔMETRO DA OFERTA DO DIA - redesign 2026

  Era uma pílula preta arredondada com o rótulo pendurado por `bottom: 50px`.
  Agora é uma linha discreta: rótulo em cima e o tempo em fio, sem caixa.

  O container é flex por estilo inline (produto.js e espiar.js aplicam
  `display: flex` ao mostrar), então não há como trocá-lo por grid daqui - o
  desenho trabalha com flex e usa flex-wrap para o rótulo ocupar a linha toda.
\*------------------------------------*/
/* line 2143, assets/styles/sass/produto_detalhes.scss */
.tempo-restante {
  gap: 0 12px;
  width: 100%;
  margin: 16px 0 0 !important;
  padding: 0;
  border-radius: 0px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  /*
      Fica oculto até o produto.js/espiar.js calcular o tempo e aplicar
      display: flex inline. O atributo [hidden] entra no seletor porque o
      display: none do navegador para ele perde de qualquer CSS de autor - e o
      _flex acima declara display: flex.
    */
  /*
      Rótulo. Era um ::before com content, e não tinha como funcionar: o
      global.scss aplica `position: absolute` em TODO pseudo-elemento do projeto
      (*::before, *::after), então o rótulo saía do fluxo e era impresso por cima
      dos números - nenhum flex-basis muda isso, porque elemento absoluto não é
      item flex.

      Agora é um <span> de verdade nos três templates que trazem o contador
      (produto/index, partials/modal-produto e conjunto/index). Texto real também
      é lido por leitor de tela, o que o content nunca garantiu.
    */
}

/* line 2159, assets/styles/sass/produto_detalhes.scss */
.tempo-restante[hidden] {
  display: none;
}

@media (max-width: 640px) {
  /* line 2143, assets/styles/sass/produto_detalhes.scss */
  .tempo-restante {
    gap: 0 16px;
    margin-top: 39px !important;
  }
}

/* line 2179, assets/styles/sass/produto_detalhes.scss */
.tempo-restante__rotulo {
  flex: none;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #96754C;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 2179, assets/styles/sass/produto_detalhes.scss */
  .tempo-restante__rotulo {
    font-size: 18px;
  }
}

/* line 2193, assets/styles/sass/produto_detalhes.scss */
.tempo-restante .horas,
.tempo-restante .minutos,
.tempo-restante .segundos {
  gap: 5px;
  width: auto;
  border: none;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 2193, assets/styles/sass/produto_detalhes.scss */
  .tempo-restante .horas,
  .tempo-restante .minutos,
  .tempo-restante .segundos {
    gap: 8px;
  }
}

/* line 2207, assets/styles/sass/produto_detalhes.scss */
.tempo-restante .horas p,
.tempo-restante .minutos p,
.tempo-restante .segundos p {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 2207, assets/styles/sass/produto_detalhes.scss */
  .tempo-restante .horas p,
  .tempo-restante .minutos p,
  .tempo-restante .segundos p {
    font-size: 26px;
  }
}

/* line 2218, assets/styles/sass/produto_detalhes.scss */
.tempo-restante .horas span,
.tempo-restante .minutos span,
.tempo-restante .segundos span {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2218, assets/styles/sass/produto_detalhes.scss */
  .tempo-restante .horas span,
  .tempo-restante .minutos span,
  .tempo-restante .segundos span {
    font-size: 20px;
  }
}

/* line 2230, assets/styles/sass/produto_detalhes.scss */
.tempo-restante .horas,
.tempo-restante .minutos {
  padding-right: 18px;
  border-right: 1px solid #E4E3E1;
}

@media (max-width: 640px) {
  /* line 2230, assets/styles/sass/produto_detalhes.scss */
  .tempo-restante .horas,
  .tempo-restante .minutos {
    padding-right: 20px;
  }
}

/*------------------------------------*\
  #TECNOLOGIAS - redesign 2026

  Era uma faixa preta de largura cheia com carrossel Splide, entre a caixa de
  compra e o "Compre o look". Duas coisas estavam erradas ali: o preto chapado
  cortava a página no meio com uma cor que não é da tela, e o carrossel escondia
  atrás de setas uma informação curta, que cabe inteira de uma vez.

  Agora é uma aba do acordeão da peça, em grade. As ~104 linhas de CSS da faixa
  (fundo preto, setas brancas, alinhamentos do splide__list) saíram junto com ela.

  DUAS COLUNAS, uma no celular - e por media query, não por auto-fit/minmax: o
  head.tmpl força viewport width=640 no celular, então a coluna tem ~620px ali e
  um minmax(180px, 1fr) caberia TRÊS por linha, o oposto do que se quer. Com
  media query o número de colunas é o que está escrito.
\*------------------------------------*/
/* line 2258, assets/styles/sass/produto_detalhes.scss */
.pdp-tecnologias {
  gap: 22px 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 640px) {
  /* line 2258, assets/styles/sass/produto_detalhes.scss */
  .pdp-tecnologias {
    gap: 32px;
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 2269, assets/styles/sass/produto_detalhes.scss */
.pdp-tecnologia {
  /*
      Ícone: vem do cadastro da tecnologia no admin, quando existe.

      A arte cadastrada é traço PRETO em fundo transparente - e a faixa antiga era
      preta, sem nenhum filtro de inversão no CSS. Ou seja: o ícone estava lá o
      tempo todo e ninguém via. Em superfície branca ele finalmente aparece, sem
      precisar de filtro.

      Se um dia alguém cadastrar arte clara, é aqui que se resolve.
    */
}

/* line 2281, assets/styles/sass/produto_detalhes.scss */
.pdp-tecnologia__icone {
  display: block;
  width: 28px;
  height: auto;
  margin-bottom: 8px;
}

@media (max-width: 640px) {
  /* line 2281, assets/styles/sass/produto_detalhes.scss */
  .pdp-tecnologia__icone {
    width: 46px;
    margin-bottom: 13px;
  }
}

/* line 2293, assets/styles/sass/produto_detalhes.scss */
.pdp-tecnologia__nome {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 2293, assets/styles/sass/produto_detalhes.scss */
  .pdp-tecnologia__nome {
    font-size: 20px;
  }
}

/* line 2305, assets/styles/sass/produto_detalhes.scss */
.pdp-tecnologia__texto {
  margin: 6px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.5;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 2305, assets/styles/sass/produto_detalhes.scss */
  .pdp-tecnologia__texto {
    margin-top: 10px;
    font-size: 22px;
  }
}

/*------------------------------------*\
  #MODAL DE PRODUTO ADICIONADO NO CARRINHO
\*------------------------------------*/
/* line 1, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado {
  background-color: #f1f1f1;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 940px;
  margin-top: -100px !important;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/produto-adicionado_modal.scss */
  #produto-adicionado {
    margin-top: 0px !important;
    min-height: 204px;
    margin-left: 20px;
    width: 600px;
  }
}

/* line 16, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado .continuar-comprando {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 21, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado h3,
#produto-adicionado h4 {
  color: #727272;
  text-align: center;
}

/* line 27, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado h3 {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/produto-adicionado_modal.scss */
  #produto-adicionado h3 {
    font-size: 26px;
    line-height: 26px;
  }
}

/* line 41, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado h4 {
  font-size: 18px;
  margin-bottom: 40px;
}

@media (max-width: 640px) {
  /* line 41, assets/styles/sass/produto-adicionado_modal.scss */
  #produto-adicionado h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* line 51, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado .botoes {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 55, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado .botoes a {
  width: 45%;
}

@media (max-width: 640px) {
  /* line 55, assets/styles/sass/produto-adicionado_modal.scss */
  #produto-adicionado .botoes a {
    width: 47%;
  }
}

/* line 63, assets/styles/sass/produto-adicionado_modal.scss */
#produto-adicionado .botoes .return,
#produto-adicionado .botoes .buy {
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0;
  width: 100%;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 63, assets/styles/sass/produto-adicionado_modal.scss */
  #produto-adicionado .botoes .return,
  #produto-adicionado .botoes .buy {
    font-size: 16px;
    width: 100%;
  }
}

/* line 78, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando {
  background-color: #ffffff;
  margin-bottom: 0;
  padding: 20px 0;
  padding: 0 20px;
}

/* line 83, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .p-name {
  color: #222 !important;
}

/* line 86, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: "larken", "Georgia", "Times New Roman", serif;
  font-size: 22px;
  line-height: normal;
  color: #727272;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 86, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando h2 {
    font-size: 30px;
  }
}

/* line 101, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .thumb-product_list_relateds_modal {
  margin: 0 auto;
  padding-bottom: 30px;
  width: auto;
}

@media (max-width: 640px) {
  /* line 101, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .thumb-product_list_relateds_modal {
    width: 560px;
  }
}

/* line 112, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .splide__arrows .splide__arrow {
  top: 0;
  height: calc(100% - 140px);
  transform: none;
  margin: 0;
}

/* line 118, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .splide__arrows .splide__arrow--prev {
  left: -3em;
}

/* line 122, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .splide__arrows .splide__arrow--next {
  right: -3em;
}

/* line 126, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .splide__arrows .splide__arrow svg {
  width: auto;
  height: auto;
}

@media (max-width: 640px) {
  /* line 110, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .splide__arrows {
    display: none;
  }
}

/* line 143, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .thumb-product_list > li {
  width: 220px;
  margin: 0 5px;
}

@media (max-width: 640px) {
  /* line 143, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .thumb-product_list_relateds_modal .thumb-product_list > li {
    width: 260px;
    margin: 0 10px;
  }
}

/* line 155, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .product-shortview {
  width: 220px;
}

@media (max-width: 640px) {
  /* line 155, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .product-shortview {
    width: 260px;
  }
}

/* line 162, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .product-shortview figure {
  height: 393px;
  width: 220px;
}

@media (max-width: 640px) {
  /* line 162, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .product-shortview figure {
    height: 560px;
    width: 260px;
  }
}

/* line 177, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .product-shortview figcaption header h2 {
  max-width: 200px;
}

@media (max-width: 640px) {
  /* line 177, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .product-shortview figcaption header h2 {
    max-width: 240px;
  }
}

/* line 191, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .product-shortview .cores-produto_wrap ul {
  justify-content: flex-start;
}

/* line 198, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .fit__produto-home {
  height: 330px !important;
  width: 220px !important;
}

@media (max-width: 640px) {
  /* line 198, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .fit__produto-home {
    height: 390px !important;
    width: 260px !important;
  }
}

/* line 208, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .animate_container {
  height: 330px;
  width: 220px;
}

@media (max-width: 640px) {
  /* line 208, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .animate_container {
    height: 390px;
    width: 260px;
  }
}

/* line 220, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .tag {
  height: auto;
  line-height: 12px;
  padding: 4px;
  text-align: center;
  width: auto;
  max-width: 120px;
  white-space: nowrap;
}

@media (max-width: 640px) {
  /* line 220, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .tag {
    line-height: 18px;
    width: auto;
  }
}

/* line 235, assets/styles/sass/produto-adicionado_modal.scss */
.produtos-modal-continuar-comprando .tag-desconto {
  font-size: 12px;
}

@media (max-width: 640px) {
  /* line 235, assets/styles/sass/produto-adicionado_modal.scss */
  .produtos-modal-continuar-comprando .tag-desconto {
    font-size: 18px;
  }
}

/* line 244, assets/styles/sass/produto-adicionado_modal.scss */
.close-reveal-modal {
  color: #858585;
}

/*------------------------------------*\
  #AVALIAÇÕES DA PEÇA - redesign 2026

  Era o par de abas "Avaliações" + "Avaliar", com a lista num quadro de altura
  fixa e rolagem interna (396px no desktop, 700px no celular). Virou seção de
  largura cheia, no padrão .sec do DS: coluna-resumo à esquerda com a nota em
  serifa, lista à direita em cartões sobre $surface-muted.

  A rolagem interna saiu de propósito. Era ela que fazia a página parecer curta e
  as avaliações, um apêndice - e num quadro de 396px o "Ver mais avaliações"
  ficava fora de vista.

  As regras de .avaliar e do cartão .aval-opiniao continuam vindo de
  produto_avaliacao.scss: aquele arquivo também serve o painel do cliente e a
  página /avaliacoes. O que é desta tela fica AQUI, escopado por .aval-lista, para
  não redesenhar as outras duas de tabela.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE).
\*------------------------------------*/
/* line 2342, assets/styles/sass/produto_detalhes.scss */
.aval-in {
  gap: clamp(28px, 3.4vw, 64px);
  align-items: start;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
}

@media (max-width: 1199px) {
  /* line 2342, assets/styles/sass/produto_detalhes.scss */
  .aval-in {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 2353, assets/styles/sass/produto_detalhes.scss */
.aval-resumo {
  position: sticky;
  top: 100px;
  gap: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 2353, assets/styles/sass/produto_detalhes.scss */
  .aval-resumo {
    position: static;
    top: auto;
  }
}

/* line 2366, assets/styles/sass/produto_detalhes.scss */
.aval-resumo__nota {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 64px;
  line-height: 1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 2366, assets/styles/sass/produto_detalhes.scss */
  .aval-resumo__nota {
    font-size: 105px;
  }
}

/* line 2374, assets/styles/sass/produto_detalhes.scss */
.aval-resumo__qtd {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2374, assets/styles/sass/produto_detalhes.scss */
  .aval-resumo__qtd {
    font-size: 21px;
  }
}

/* line 2382, assets/styles/sass/produto_detalhes.scss */
.aval-resumo__vazio {
  margin: 8px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #3A3937;
}

@media (max-width: 640px) {
  /* line 2382, assets/styles/sass/produto_detalhes.scss */
  .aval-resumo__vazio {
    font-size: 23px;
  }
}

/* line 2393, assets/styles/sass/produto_detalhes.scss */
.aval-resumo .avaliacao-anunciante2 {
  float: none;
  line-height: 1;
}

/* line 2399, assets/styles/sass/produto_detalhes.scss */
.aval-lista {
  gap: 4px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  /*
      Cartão de avaliação: superfície cinza-claro, sem moldura nem raio. O
      escopo é obrigatório - .aval-opiniao também é o cartão do painel do
      cliente e da página /avaliacoes, que não entraram neste redesign.
    */
  /*
      "Ver mais avaliações": contorno discreto, alinhado à esquerda. Precisa
      continuar irmão dos .aval-opiniao e depois deles - o main.js insere as
      novas com insertAdjacentHTML("beforebegin") e conta as existentes com
      prevAll(".aval-opiniao").
    */
}

/* line 2409, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  padding: 26px 30px;
  border: none;
  border-radius: 0px;
  background-color: #F2F2F2;
  /*
          Resposta da loja: outra voz, então bloco próprio com fio à esquerda - o
          mesmo tratamento da resposta na aba de perguntas. Antes vinha dentro do
          MESMO <p> do comentário, separada por um <br> e um <img> do og-image
          servindo de marcador.
        */
}

@media (max-width: 640px) {
  /* line 2409, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao {
    padding: 33px 36px;
  }
}

/* line 2425, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 2428, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__topo .avaliacao-anunciante2 {
  float: none;
  line-height: 1;
}

/* line 2434, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__data {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2434, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao__data {
    font-size: 20px;
  }
}

/* line 2442, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao .aval {
  margin: 14px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #232221;
  max-width: 64ch;
}

@media (max-width: 640px) {
  /* line 2442, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao .aval {
    margin-top: 23px;
    font-size: 25px;
  }
}

/* line 2460, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__resposta {
  margin: 14px 0 0;
  padding: 0 0 0 14px;
  border-left: 1.5px solid #CCCCCC;
}

@media (max-width: 640px) {
  /* line 2460, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao__resposta {
    margin-top: 23px;
    padding-left: 23px;
  }
}

/* line 2471, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__resposta span {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #3A3937;
  max-width: 64ch;
}

@media (max-width: 640px) {
  /* line 2471, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao__resposta span {
    font-size: 23px;
  }
}

/* line 2482, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__resposta p {
  margin: 6px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2482, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao__resposta p {
    font-size: 20px;
  }
}

/* line 2491, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__resposta p img {
  height: 20px;
}

/* line 2498, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__autor {
  gap: 5px;
  margin-top: 14px;
  flex-wrap: wrap;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2498, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao__autor {
    margin-top: 23px;
    font-size: 21px;
    flex-wrap: wrap;
  }
}

/* line 2512, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__autor b {
  font-weight: 500;
  color: #232221;
}

/* line 2517, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__autor a {
  color: inherit;
}

/* line 2522, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao__autor a:hover {
  color: #000000;
}

/* line 2529, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao .produto_imagem__wrap {
  margin-top: 18px;
}

/* line 2532, assets/styles/sass/produto_detalhes.scss */
.aval-lista .aval-opiniao .produto_imagem__wrap .img-avaliacao-media {
  display: block;
  width: 110px;
  height: auto;
  cursor: zoom-in;
}

@media (max-width: 640px) {
  /* line 2532, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .aval-opiniao .produto_imagem__wrap .img-avaliacao-media {
    width: 180px;
  }
}

/* line 2551, assets/styles/sass/produto_detalhes.scss */
.aval-lista .carregar-avaliacoes {
  align-self: flex-start;
  width: auto;
  height: 50px;
  margin: 16px 0 0;
  padding: 0 24px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 2551, assets/styles/sass/produto_detalhes.scss */
  .aval-lista .carregar-avaliacoes {
    height: 82px;
    padding: 0 39px;
    font-size: 20px;
  }
}

/*------------------------------------*\
  #AVALIAR ESTA PEÇA

  O BOTÃO está na coluna-resumo (.aval-resumo__avaliar) e o FORMULÁRIO na coluna
  da lista (.aval-escrever), no topo dela. Não é um <details>: as duas colunas são
  células de um grid, e nenhum elemento nativo de abrir/fechar atravessa célula.
  Quem liga os dois é o avaliacao.js, que revela o formulário e rola a tela até
  ele - ver o handler de #painelAvaliar lá.

  O formulário fica na coluna larga porque é lá que ele tem espaço para o campo de
  texto e para a linha de ações; e vem ANTES da lista para a pessoa não precisar
  passar por todas as avaliações para escrever a dela.
\*------------------------------------*/
/* line 2585, assets/styles/sass/produto_detalhes.scss */
.aval-resumo__avaliar {
  width: fit-content;
  height: 50px;
  margin-top: 14px;
  padding: 0 24px;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 50px;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 2585, assets/styles/sass/produto_detalhes.scss */
  .aval-resumo__avaliar {
    width: 100%;
    height: 82px;
    padding: 0 39px;
    font-size: 20px;
    line-height: 82px;
  }
}

/* line 2607, assets/styles/sass/produto_detalhes.scss */
.aval-escrever {
  width: 100%;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E4E3E1;
  /*
      O `display: none` do atributo hidden vem da folha do navegador, e por isso
      perde de QUALQUER regra de autor que declare display neste elemento. Num
      arquivo com 2500 linhas de legado essa regra aparece sem avisar - daí a
      declaração explícita, que não depende de o resto se comportar.
    */
  /*
      O desenho do formulário vem do legado (produto_avaliacao.scss), que também
      serve o painel do cliente. Tudo o que é DESTA tela fica escopado aqui
      dentro - assim o painel não muda de aparência junto.

      O que estava datado ali: uma moldura cinza em volta de tudo, campos em
      float, o contador de caracteres solto no meio, e o "Enviar foto" como um
      retângulo preto colado a uma caixa vazia de 300px (o <span> do nome do
      arquivo, que nasce sem texto).
    */
}

/* line 2620, assets/styles/sass/produto_detalhes.scss */
.aval-escrever[hidden] {
  display: none;
}

/* line 2634, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar {
  display: block;
  margin: 0;
  /*
          Fora a moldura: a seção já separa o formulário da lista com um fio, e
          uma caixa dentro de outra caixa só empilha borda.
        */
  /*
          O campo de arquivo ("Enviar foto") não tem regra aqui: markup e aparência
          são idênticos nesta tela e no painel do cliente, então a definição é única
          e vive em produto_avaliacao.scss (#CAMPO DE ARQUIVO). Era ali também que
          morava o bloco legado que gerava a rolagem lateral desta página.
        */
  /*------------------------------------*\
          #POLÍTICA E ENVIAR
        \*------------------------------------*/
  /*
          DESLOGADO

          O botão "Fazer login" já pega a regra de .bt-enviar-aval acima (é a ação
          do bloco). Aqui só o link, que era cinza com sublinhado fixo do legado.
        */
}

/* line 2642, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_produto_comentario__wrap,
.aval-escrever .avaliar .avaliar_comentario__wrap {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
}

/* line 2651, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_estrelas__wrap {
  gap: 12px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 2657, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_estrelas__wrap #label-titulo-avaliacao {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 2657, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .avaliar_estrelas__wrap #label-titulo-avaliacao {
    font-size: 20px;
  }
}

/* line 2669, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_estrelas__wrap .avaliacao-anunciante3 {
  margin: 0;
  line-height: 1;
}

/* line 2675, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .envia-avaliacao-produto textarea {
  clear: none;
  float: none;
  width: 100%;
  height: 110px;
  margin: 14px 0 0;
  padding: 12px 14px;
  resize: vertical;
}

@media (max-width: 640px) {
  /* line 2675, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .envia-avaliacao-produto textarea {
    height: 200px;
    margin: 23px 0 0;
    padding: 20px 23px;
    font-size: 22px;
  }
}

/* line 2693, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .info-qtd-caracteres {
  display: block;
  margin: 6px 0 0;
  text-align: right;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2693, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .info-qtd-caracteres {
    font-size: 20px;
  }
}

/* line 2715, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .envia-avaliacao_termo_button__wrap {
  gap: 16px;
  float: none;
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 2715, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .envia-avaliacao_termo_button__wrap {
    gap: 26px;
    margin-top: 33px;
    align-items: stretch;
    flex-direction: column;
  }
}

/* line 2731, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .termos_avaliacao__open {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.5;
  color: #7D7B78;
}

/* line 2738, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .termos_avaliacao__open:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 640px) {
  /* line 2731, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .termos_avaliacao__open {
    font-size: 21px;
    text-align: left;
  }
}

/* line 2750, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .bt-enviar-aval,
.aval-escrever .avaliar .remover-comentario-painel {
  width: auto;
  height: 50px;
  margin: 0;
  padding: 0 28px;
  float: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 2750, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .bt-enviar-aval,
  .aval-escrever .avaliar .remover-comentario-painel {
    width: 100%;
    height: 82px;
    font-size: 20px;
  }
}

/* line 2777, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_produto_deslogado__wrap {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 2777, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .avaliar_produto_deslogado__wrap {
    gap: 26px;
    align-items: stretch;
    flex-direction: column;
  }
}

/* line 2788, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_produto_deslogado__wrap .avaliar_link__login {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1.5;
  color: #575553;
  text-decoration: none;
}

/* line 2796, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_produto_deslogado__wrap .avaliar_link__login:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 640px) {
  /* line 2788, assets/styles/sass/produto_detalhes.scss */
  .aval-escrever .avaliar .avaliar_produto_deslogado__wrap .avaliar_link__login {
    margin-bottom: 0;
    font-size: 22px;
  }
}

/* line 2809, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_imagem__wrap {
  margin-top: 18px;
}

/* line 2812, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_imagem__wrap .img-avaliacao-media {
  display: block;
  width: 110px;
  height: auto;
}

/* line 2818, assets/styles/sass/produto_detalhes.scss */
.aval-escrever .avaliar .avaliar_imagem__wrap .remover-imagem-avaliacao {
  margin-top: 10px;
}

/*------------------------------------*\
  #GALERIA NO CELULAR: SCRIM DE TOPO

  No celular a faixa preta do topo não existe (.pdp-faixa-topo sai de cena) e
  quem passa por trás do header transparente é a primeira foto. Sem proteção o
  menu em branco desaparece sobre uma foto clara.

  O gradiente é o $scrim-topo do DS - o mesmo que o banner da listagem usa - e
  vive na FOTO, não no header: é proteção de tipo sobre fotografia, não sombra de
  menu. pointer-events none para não roubar o toque que amplia a imagem.
\*------------------------------------*/
@media (max-width: 640px) {
  /* line 2836, assets/styles/sass/produto_detalhes.scss */
  .page-produto .photo-view,
  .page-conjunto .photo-view {
    /*
          FULL-BLEED

          A foto vai de borda a borda da tela: as margens negativas anulam o recuo
          lateral do .conteudo desta página, e a largura recompõe o que elas tiraram.

          O valor sai de $sec-pad e não de um número fixo - ele é um clamp(), e é o
          MESMO recuo aplicado ao container em #RECUO LATERAL DA PÁGINA. Escrever
          "20px" aqui funcionaria hoje e sairia de sincronia no dia em que o recuo
          mudar.
        */
  }
  /* line 2852, assets/styles/sass/produto_detalhes.scss */
  .page-produto .photo-view #imagem-ampliada,
  .page-conjunto .photo-view #imagem-ampliada {
    position: relative;
    margin: 0 calc(clamp(20px, 3.4vw, 64px) * -1);
    width: calc(100% + clamp(20px, 3.4vw, 64px) * 2);
  }
  /* line 2857, assets/styles/sass/produto_detalhes.scss */
  .page-produto .photo-view #imagem-ampliada::before,
  .page-conjunto .photo-view #imagem-ampliada::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    height: 200px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 45%);
  }
}

/*------------------------------------*\
  #CONJUNTOS
\*------------------------------------*/
/* line 3, assets/styles/sass/conjuntos.scss */
.conjuntos_bread__wrap .conteudo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 7, assets/styles/sass/conjuntos.scss */
.conjuntos_bread__wrap .bread {
  width: auto;
}

/* line 11, assets/styles/sass/conjuntos.scss */
.conjuntos_bread__wrap .grids {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1300px) {
  /* line 11, assets/styles/sass/conjuntos.scss */
  .conjuntos_bread__wrap .grids {
    display: none;
  }
}

/* line 20, assets/styles/sass/conjuntos.scss */
.looks {
  /*busca com 3 produtos por linha*/
  /*busca com 4 produtos por linha*/
}

@media (min-width: 961px) {
  /* line 20, assets/styles/sass/conjuntos.scss */
  .looks {
    padding: 0 20px;
  }
}

/* line 26, assets/styles/sass/conjuntos.scss */
.looks .titulo_padrao {
  margin-bottom: 30px;
  display: table;
}

@media (max-width: 640px) {
  /* line 26, assets/styles/sass/conjuntos.scss */
  .looks .titulo_padrao {
    font-size: 35px;
  }
}

/* line 34, assets/styles/sass/conjuntos.scss */
.looks .titulo_padraoh2 {
  margin-bottom: 40px;
}

/* line 39, assets/styles/sass/conjuntos.scss */
.looks .thumb-product_list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 46, assets/styles/sass/conjuntos.scss */
.looks .grid-4 li {
  width: 400px;
}

@media (max-width: 1199px) {
  /* line 46, assets/styles/sass/conjuntos.scss */
  .looks .grid-4 li {
    width: 400px;
  }
}

@media (max-width: 640px) {
  /* line 46, assets/styles/sass/conjuntos.scss */
  .looks .grid-4 li {
    width: 280px;
  }
}

/* line 61, assets/styles/sass/conjuntos.scss */
.looks .grid-6 li {
  width: 280px;
}

@media (max-width: 1199px) {
  /* line 61, assets/styles/sass/conjuntos.scss */
  .looks .grid-6 li {
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 61, assets/styles/sass/conjuntos.scss */
  .looks .grid-6 li {
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 2, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .conteudo__full {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
  }
}

/* line 11, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .body-monte-look-tamanhos .produto-size {
  align-items: flex-start !important;
  flex-direction: column !important;
}

/* line 17, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .pdp-cabecalho__meta {
  justify-content: flex-end;
}

/* line 21, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .values-atacado__title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
  text-transform: uppercase;
  letter-spacing: .25rem;
  margin-top: 15px;
}

@media (max-width: 640px) {
  /* line 21, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .values-atacado__title {
    width: 100%;
    font-size: 25px;
    margin-bottom: 10px;
  }
}

/* line 39, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .produto-informations .produto-size {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin: 15px 0;
  border-bottom: 1px solid #f1f1f1;
  gap: 10px;
}

@media (max-width: 640px) {
  /* line 39, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .produto-informations .produto-size {
    align-items: flex-start;
  }
}

/* line 52, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .produto-informations .produto-size .um-produto {
  width: 145px;
  height: 175px;
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .produto-informations .produto-size .um-produto {
    width: 214px;
    height: 240px;
  }
}

/* line 62, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .produto-informations .produto-size .full-details_text {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  position: sticky;
  top: 65px;
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .produto-informations .produto-size .full-details_text {
    margin-top: 0;
  }
}

/* line 73, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .produto-informations .produto-size .full-details_text h2 {
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 73, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .produto-informations .produto-size .full-details_text h2 {
    font-size: 25px;
  }
}

/* line 87, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .produto-informations .produto-size .full-details_text .pgto {
  gap: 0;
  border-bottom: none;
  margin: 8px 0;
}

/* line 92, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .produto-informations .produto-size .full-details_text .pgto .pgto__flex {
  margin-bottom: 0;
}

/* line 101, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .ck-content b {
  color: #C4A484;
}

@media (max-width: 640px) {
  /* line 101, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .ck-content b {
    font-size: 25px;
  }
}

/* line 110, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .full-details_text {
  position: sticky;
  top: 80px;
}

@media (max-width: 1199px) {
  /* line 110, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .full-details_text {
    position: static;
    top: auto;
  }
}

/* line 120, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .foto-produto__itens {
  margin-bottom: 10px;
}

/* line 124, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .linhaPorCor {
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 130, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .cor-multiplos__tamanhos .linhaPorCor {
  gap: 10px;
}

@media (max-width: 640px) {
  /* line 130, assets/styles/sass/pagina_conjuntos.scss */
  .page-conjunto .cor-multiplos__tamanhos .linhaPorCor {
    gap: 20px;
  }
}

/* line 139, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .look-item {
  display: flex;
  align-items: center;
}

/* line 144, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .look-item.multiplasCores .c_ui-1 {
  width: 15px !important;
  height: 45px !important;
}

/* line 152, assets/styles/sass/pagina_conjuntos.scss */
.page-conjunto .look-destaque .fit__produto-busca--4,
.page-conjunto .look-destaque .fit__produto-busca--6 {
  height: 100%;
  width: 100%;
}

/*-------------------------------
            LOGIN CADASTRO 
-------------------------------*/
/*------------------------------------*\
  #PAGINA DE LOGIN E CADASTRO

  As duas colunas trazem as classes .left e .right do Foundation, que sao
  `float: left/right !important`. O .user_access nao continha esses floats, e
  entao a secao ficava com altura zero: o rodape subia e imprimia por cima do
  formulario - era o "footer quebra a tela".

  A correcao e o flex aqui. Nao precisa de `float: none !important` para vencer
  o Foundation: pela especificacao, float nao tem efeito em item de um flex
  container. E o container passa a ter a altura do conteudo, o que segura o
  rodape no lugar.
\*------------------------------------*/
/* line 14, assets/styles/sass/login_cadastro.scss */
.user_access {
  margin-top: 30px;
  gap: clamp(32px, 4vw, 64px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  /*
      flex: 1 1 380px em vez de largura fixa: com as duas colunas elas dividem a
      linha, e quando so uma existe (checkout, completar conta) ela ocupa tudo em
      vez de ficar com 48% e metade da tela vazia.
    */
  /*
          Titulo em cima, botoes sociais abaixo em largura cheia.

          Antes era uma linha: titulo a esquerda e os botoes a direita, presos em
          max-width: 250px. Dois problemas - "Entrar com o Facebook" nao cabia em
          250px e vazava da caixa, e as duas colunas nunca alinhavam entre si,
          porque o titulo do cadastro ocupa duas linhas e o do login uma.

          Empilhado, os botoes das duas colunas ficam na mesma altura e cada um
          usa a largura da coluna - o mesmo arranjo do modal de login (.lg-btns).
        */
  /*
              Sem max-width: os botoes ocupam a largura da coluna. O empilhamento e
              o espacamento entre eles vem do proprio componente
              (.btn-social__grupo em botoes-sociais.scss).
            */
  /*
              Google e Facebook lado a lado, dividindo a largura da coluna.

              O componente (.btn-social__grupo) empilha por padrão, o que serve ao
              modal estreito; aqui a coluna e larga o suficiente para os dois na
              mesma linha. O wrap garante que eles quebrem sozinhos quando a coluna
              aperta, em vez de o rotulo vazar - foi o que acontecia antes com o
              max-width fixo.
            */
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/login_cadastro.scss */
  .user_access {
    gap: 56px;
  }
}

/* line 29, assets/styles/sass/login_cadastro.scss */
.user_access .for-users,
.user_access .new-users {
  flex: 1 1 380px;
  min-width: 0;
  width: auto;
}

/* line 35, assets/styles/sass/login_cadastro.scss */
.user_access .for-users .block-login-cadastro-recaptcha,
.user_access .new-users .block-login-cadastro-recaptcha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 0 3rem 0;
}

@media (max-width: 1199px) {
  /* line 35, assets/styles/sass/login_cadastro.scss */
  .user_access .for-users .block-login-cadastro-recaptcha,
  .user_access .new-users .block-login-cadastro-recaptcha {
    flex-direction: column-reverse;
    margin: 1.5rem 0 40px 0;
  }
}

/* line 45, assets/styles/sass/login_cadastro.scss */
.user_access .for-users .block-login-cadastro-recaptcha .g-recaptcha,
.user_access .new-users .block-login-cadastro-recaptcha .g-recaptcha {
  margin: 0px;
}

@media (max-width: 1199px) {
  /* line 45, assets/styles/sass/login_cadastro.scss */
  .user_access .for-users .block-login-cadastro-recaptcha .g-recaptcha,
  .user_access .new-users .block-login-cadastro-recaptcha .g-recaptcha {
    margin-top: 10px;
  }
}

/* line 53, assets/styles/sass/login_cadastro.scss */
.user_access .for-users .block-login-cadastro-recaptcha button,
.user_access .new-users .block-login-cadastro-recaptcha button {
  margin: 0;
}

@media (max-width: 1199px) {
  /* line 53, assets/styles/sass/login_cadastro.scss */
  .user_access .for-users .block-login-cadastro-recaptcha button,
  .user_access .new-users .block-login-cadastro-recaptcha button {
    margin: 1.5rem 0 0 0;
  }
}

@media (max-width: 640px) {
  /* line 53, assets/styles/sass/login_cadastro.scss */
  .user_access .for-users .block-login-cadastro-recaptcha button,
  .user_access .new-users .block-login-cadastro-recaptcha button {
    width: 100%;
    font-size: 20px;
  }
}

/* line 79, assets/styles/sass/login_cadastro.scss */
.user_access .user_title__wrap {
  gap: 20px;
  margin: 20px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  /*
              Titulo da coluna na fonte display, como os titulos de secao do site
              (h2.sec-title no design). Era 20px em $cinza no peso do corpo -
              parecia um rotulo, nao o titulo da area.
            */
}

@media (max-width: 640px) {
  /* line 79, assets/styles/sass/login_cadastro.scss */
  .user_access .user_title__wrap {
    gap: 33px;
  }
}

/* line 94, assets/styles/sass/login_cadastro.scss */
.user_access .user_title__wrap .titulo_padrao {
  margin-bottom: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 94, assets/styles/sass/login_cadastro.scss */
  .user_access .user_title__wrap .titulo_padrao {
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
  }
}

/* line 121, assets/styles/sass/login_cadastro.scss */
.user_access .user_facebook__wrap {
  width: 100%;
}

/* line 124, assets/styles/sass/login_cadastro.scss */
.user_access .user_facebook__wrap .btn-social__grupo {
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 129, assets/styles/sass/login_cadastro.scss */
.user_access .user_facebook__wrap .btn-social {
  flex: 1 1 220px;
  min-width: 0;
}

@media (max-width: 640px) {
  /* line 129, assets/styles/sass/login_cadastro.scss */
  .user_access .user_facebook__wrap .btn-social {
    flex: auto;
  }
}

@media (max-width: 640px) {
  /* line 121, assets/styles/sass/login_cadastro.scss */
  .user_access .user_facebook__wrap {
    max-width: 100%;
  }
  /* line 142, assets/styles/sass/login_cadastro.scss */
  .user_access .user_facebook__wrap .btn-social__grupo {
    flex-direction: column;
  }
}

/* line 148, assets/styles/sass/login_cadastro.scss */
.user_access form {
  margin: 20px;
  /*
          Rotulo de campo no padrao do design (.ck-campo em checkout.css): 11px
          medium em caixa alta, com tracking largo e em $n-500. Era texto corrido
          no tamanho do corpo, que competia com o valor digitado.
        */
}

/* line 156, assets/styles/sass/login_cadastro.scss */
.user_access form label {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.2;
  color: #7D7B78;
  letter-spacing: .14em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 156, assets/styles/sass/login_cadastro.scss */
  .user_access form label {
    margin-bottom: 13px;
    font-size: 18px;
  }
}

/* line 172, assets/styles/sass/login_cadastro.scss */
.user_access form input,
.user_access form select {
  width: 100%;
  margin-bottom: 22px;
}

@media (max-width: 640px) {
  /* line 172, assets/styles/sass/login_cadastro.scss */
  .user_access form input,
  .user_access form select {
    height: 82px;
    margin-bottom: 33px;
    font-size: 24px;
  }
}

/* line 185, assets/styles/sass/login_cadastro.scss */
.user_access form .box_mostrar-senha {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

/* line 189, assets/styles/sass/login_cadastro.scss */
.user_access form .box_mostrar-senha input[type="checkbox"] {
  margin: 0 !important;
  width: 13px;
  height: 13px;
}

@media (max-width: 640px) {
  /* line 189, assets/styles/sass/login_cadastro.scss */
  .user_access form .box_mostrar-senha input[type="checkbox"] {
    width: 35px !important;
    height: 35px !important;
  }
}

/* line 200, assets/styles/sass/login_cadastro.scss */
.user_access form .box_mostrar-senha label[for="checkbox-senha"],
.user_access form .box_mostrar-senha label[for="checkbox-senha-cadastro"] {
  width: auto;
  font-size: 13px;
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/login_cadastro.scss */
  .user_access form .box_mostrar-senha label[for="checkbox-senha"],
  .user_access form .box_mostrar-senha label[for="checkbox-senha-cadastro"] {
    font-size: 24px;
    margin-bottom: 0;
  }
}

/* line 213, assets/styles/sass/login_cadastro.scss */
.user_access form .action-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 213, assets/styles/sass/login_cadastro.scss */
  .user_access form .action-links {
    flex-direction: column;
    align-items: flex-end;
  }
}

/* line 223, assets/styles/sass/login_cadastro.scss */
.user_access form .action-links .login-drop.codigo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 600;
  column-gap: 4px;
  font-size: 13px;
  line-height: 13px;
  font-family: "sofia-pro", sans-serif;
}

@media (max-width: 640px) {
  /* line 223, assets/styles/sass/login_cadastro.scss */
  .user_access form .action-links .login-drop.codigo {
    font-size: 24px;
    line-height: 24px;
    margin-top: 18px;
  }
}

/* line 240, assets/styles/sass/login_cadastro.scss */
.user_access form .action-links .login-drop.codigo:hover {
  text-decoration: none;
}

/* line 244, assets/styles/sass/login_cadastro.scss */
.user_access form .action-links .login-drop.codigo i {
  font-size: 18px;
}

@media (max-width: 640px) {
  /* line 244, assets/styles/sass/login_cadastro.scss */
  .user_access form .action-links .login-drop.codigo i {
    font-size: 22px;
  }
}

/* line 254, assets/styles/sass/login_cadastro.scss */
.user_access form .input-sit-trib {
  /*
              Situacao tributaria: cada opcao e um radio com o seu rotulo. Era
              tudo float com margens de acerto; agora e flex, e o radio nao herda
              a altura de campo de %input-padrao.
            */
}

/* line 256, assets/styles/sass/login_cadastro.scss */
.user_access form .input-sit-trib .tributaria_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 1rem;
}

@media (max-width: 640px) {
  /* line 256, assets/styles/sass/login_cadastro.scss */
  .user_access form .input-sit-trib .tributaria_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  /* line 266, assets/styles/sass/login_cadastro.scss */
  .user_access form .input-sit-trib .tributaria_wrap label {
    font-size: 22px;
  }
}

/* line 278, assets/styles/sass/login_cadastro.scss */
.user_access form .input-sit-trib .situacao {
  gap: 10px;
  margin: 10px 0 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 285, assets/styles/sass/login_cadastro.scss */
.user_access form .input-sit-trib input {
  flex: none;
  width: auto;
  height: auto;
  margin: 0;
}

/* line 292, assets/styles/sass/login_cadastro.scss */
.user_access form .input-sit-trib label {
  width: auto;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #232221;
  letter-spacing: normal;
  text-transform: none;
}

/* line 303, assets/styles/sass/login_cadastro.scss */
.user_access form button {
  margin-bottom: 20px;
}

/* line 308, assets/styles/sass/login_cadastro.scss */
.user_access .for-users {
  /*
          "Esqueci minha senha". Sem float e sem negrito: e um atalho de apoio, e
          o sublinhado no hover e o gesto que o DS adotou para link
          (handoff-ds/MUDANCAS.md).
        */
}

@media (max-width: 640px) {
  /* line 308, assets/styles/sass/login_cadastro.scss */
  .user_access .for-users {
    margin-bottom: 80px;
  }
}

/* line 319, assets/styles/sass/login_cadastro.scss */
.user_access .for-users a {
  display: inline-block;
  margin: 16px 0 10px;
  text-decoration: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 319, assets/styles/sass/login_cadastro.scss */
  .user_access .for-users a {
    font-size: calc(15px + 7px);
  }
}

/* line 331, assets/styles/sass/login_cadastro.scss */
.user_access .for-users a:hover {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 341, assets/styles/sass/login_cadastro.scss */
.user_access .new-users {
  /*
          Aceite dos termos. Saiu o float com margem negativa que alinhava o
          checkbox (`margin: -14px 7px 0 0`) - truque de quando a linha era um
          bloco flutuante. Agora e flex, e o negrito deu lugar ao peso do corpo:
          e texto de apoio, nao chamada.

          .receber-news saiu junto: nao existe mais no markup.
        */
}

/* line 351, assets/styles/sass/login_cadastro.scss */
.user_access .new-users .aceita-termos {
  gap: 10px;
  margin: 10px 0 0;
  width: auto !important;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 351, assets/styles/sass/login_cadastro.scss */
  .user_access .new-users .aceita-termos {
    font-size: 21px;
    flex-wrap: wrap;
  }
}

/* line 364, assets/styles/sass/login_cadastro.scss */
.user_access .new-users .aceita-termos .termosECondicoes {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 369, assets/styles/sass/login_cadastro.scss */
.user_access .new-users .aceita-termos .termosECondicoes:hover {
  color: #96754C;
}

/* line 375, assets/styles/sass/login_cadastro.scss */
.user_access .new-users input[type="checkbox"] {
  border: none;
  flex: none;
  margin: 0;
  width: auto;
}

@media (max-width: 640px) {
  /* line 375, assets/styles/sass/login_cadastro.scss */
  .user_access .new-users input[type="checkbox"] {
    margin-top: -16px !important;
    width: 35px !important;
  }
}

/* line 387, assets/styles/sass/login_cadastro.scss */
.user_access .new-users button {
  /*
              Largura cheia no celular. Era `width: 600px` com float - medida presa
              ao viewport de 640, que estourava a coluna em qualquer outra largura.
            */
}

@media (max-width: 640px) {
  /* line 387, assets/styles/sass/login_cadastro.scss */
  .user_access .new-users button {
    width: 100%;
    height: 85px;
    padding: 0 25px;
    font-size: 20px;
  }
}

/* line 403, assets/styles/sass/login_cadastro.scss */
.complete-account {
  position: relative;
  width: 495px;
}

@media (max-width: 640px) {
  /* line 403, assets/styles/sass/login_cadastro.scss */
  .complete-account {
    left: 0;
    margin: 50px 0 0 0;
  }
}

/* line 411, assets/styles/sass/login_cadastro.scss */
.complete-account .input-sit-trib .situacao {
  float: left;
  margin: 10px 50px 15px 0;
}

@media (max-width: 1199px) {
  /* line 412, assets/styles/sass/login_cadastro.scss */
  .complete-account .input-sit-trib .situacao label {
    font-size: 21px;
  }
}

@media (max-width: 1199px) {
  /* line 411, assets/styles/sass/login_cadastro.scss */
  .complete-account .input-sit-trib .situacao {
    margin-right: 12px;
  }
}

@media (max-width: 640px) {
  /* line 411, assets/styles/sass/login_cadastro.scss */
  .complete-account .input-sit-trib .situacao {
    margin-right: 30px;
  }
}

/* line 426, assets/styles/sass/login_cadastro.scss */
.complete-account .input-sit-trib input {
  float: left;
  height: auto;
  margin-top: 5px;
  margin-bottom: 0;
  width: auto;
}

/* line 433, assets/styles/sass/login_cadastro.scss */
.complete-account .input-sit-trib label {
  width: auto;
}

/*-------------------------------
    BOTOES DE LOGIN SOCIAL
    (modal de login, box do topo, pagina de acesso e checkout)
-------------------------------*/
/*------------------------------------*\
  #BOTOES DE LOGIN SOCIAL - redesign 2026

  Componente unico para Google e Facebook, usado no modal de login, no box de
  login do topo, na pagina de acesso e no checkout.
  Markup: views/partials/elements/botoes-sociais.tmpl

  Traduzido de .lg-out + .lg-social do design system: e a mesma variante de
  contorno dos outros botoes secundarios, so que com rotulo um degrau menor.

  Antes deste arquivo o estilo estava espalhado por global.scss, box_login.scss,
  login_cadastro.scss e carrinho_finalizacao.scss, com larguras fixas de 132px e
  190px, fundo azul, texto branco e varios !important - o que deixava o botao do
  Facebook estreito e com o rotulo invisivel dentro do modal.
\*------------------------------------*/
/* line 17, assets/styles/sass/botoes-sociais.scss */
.btn-social__grupo {
  width: 100%;
  gap: 12px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 17, assets/styles/sass/botoes-sociais.scss */
  .btn-social__grupo {
    gap: 20px;
  }
}

/* line 28, assets/styles/sass/botoes-sociais.scss */
.btn-social {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 18px;
  gap: 10px;
  background-color: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  box-shadow: none;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 49, assets/styles/sass/botoes-sociais.scss */
.btn-social:hover, .btn-social:focus {
  background-color: #F2F2F2;
  border-color: #000000;
  color: #000000;
}

/* line 57, assets/styles/sass/botoes-sociais.scss */
.btn-social span {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  white-space: nowrap;
  min-width: 0;
}

/* line 67, assets/styles/sass/botoes-sociais.scss */
.btn-social__marca {
  width: 18px;
  height: 18px;
  flex: none;
  display: block;
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/botoes-sociais.scss */
  .btn-social {
    height: 82px;
    padding: 0 30px;
    gap: 16px;
    font-size: 18px;
  }
  /* line 80, assets/styles/sass/botoes-sociais.scss */
  .btn-social .btn-social__marca {
    width: 30px;
    height: 30px;
  }
}

/*-------------------------------
            BUSCA
-------------------------------*/
/*------------------------------------*\
  #LISTAGEM (busca, categoria e hotsite) - redesign 2026 (DS Hagler)

  O .bread aqui volta a ser so o rastro de navegacao: a identidade da listagem
  e as acoes moram na .fbar, logo abaixo. Oferta do dia, cupom e conjuntos
  seguem com as acoes dentro do proprio .bread.
\*------------------------------------*/
/* line 8, assets/styles/sass/busca.scss */
.page-oferta-do-dia .bread .conteudo,
.page-oferta-do-dia .bread .conteudo__full {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
}

/*
  O rastro de navegacao usa a MESMA margem lateral do menu e da barra de acoes
  ($container-max + $sec-pad). O .conteudo__full do template traz padding fixo de
  100px, e por isso o "INICIO / PRODUTOS / ..." nascia mais para dentro que o
  titulo logo abaixo dele. O !important vence o padding do proprio container.

  .bread--listagem e o mesmo alinhamento para qualquer tela que use a barra .fbar
  sem ser a listagem - hoje os favoritos (views/cliente/_layout.tmpl). A regra era
  exclusiva da .page-busca, e por isso lah o breadcrumb alinhava e nos favoritos
  nao.
*/
/* line 24, assets/styles/sass/busca.scss */
.page-busca .bread .conteudo__full,
.bread--listagem .conteudo__full {
  max-width: 1800px;
  padding: 0 clamp(20px, 3.4vw, 64px) !important;
}

/* line 30, assets/styles/sass/busca.scss */
.page-cupom .bread .conteudo__1800 {
  padding: 0 100px;
}

@media (max-width: 640px) {
  /* line 30, assets/styles/sass/busca.scss */
  .page-cupom .bread .conteudo__1800 {
    padding: 0 20px;
  }
}

/*------------------------------------*\
  #BARRA DE IDENTIDADE E ACOES (.fbar)

  Gruda no topo ao rolar, logo abaixo do header: nome da listagem a esquerda;
  chips ativos, ordenacao, densidade da grade e o botao de filtro a direita.

  Substitui a barra legada, que era um bloco dentro do .bread com dropdowns
  (.filtros-wrap, .filtrar-produtos, .select-categoria, .menu-ordenar) e um
  select de ordenacao com raio de 5px e seta em PNG.
\*------------------------------------*/
/* line 49, assets/styles/sass/busca.scss */
.fbar {
  background-color: #FFFFFF;
  position: sticky;
  top: 75px;
  z-index: 40;
}

@media (max-width: 640px) {
  /* line 49, assets/styles/sass/busca.scss */
  .fbar {
    top: 95px;
  }
}

/* line 69, assets/styles/sass/busca.scss */
.fbar-in {
  gap: 24px;
  max-width: 1800px;
  padding: 22px clamp(20px, 3.4vw, 64px) 18px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 69, assets/styles/sass/busca.scss */
  .fbar-in {
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 26px;
    padding-top: 26px;
  }
}

/* line 86, assets/styles/sass/busca.scss */
.fb-id {
  flex: 0 1 auto;
  gap: 16px;
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 86, assets/styles/sass/busca.scss */
  .fb-id {
    flex: 1 1 0;
    order: 1;
    margin-top: 15px;
  }
}

/* line 103, assets/styles/sass/busca.scss */
.fb-id h1 {
  margin: 0;
  text-wrap: pretty;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: 1.02;
  color: #000000;
  letter-spacing: 0em;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 103, assets/styles/sass/busca.scss */
  .fb-id h1 {
    font-size: 46px;
  }
}

/* "N peças" ao lado do nome, em label estrutural */
/* line 118, assets/styles/sass/busca.scss */
.fb-count {
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/busca.scss */
  .fb-count {
    font-size: 20px;
  }
}

/* line 130, assets/styles/sass/busca.scss */
.fb-acts {
  flex: 0 1 auto;
  gap: 20px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 130, assets/styles/sass/busca.scss */
  .fb-acts {
    display: contents;
  }
}

/**
 * Densidade da grade. Fica ao lado do botao de filtro; some quando nao ha
 * largura para 4 colunas, que e o ponto em que a escolha perde sentido.
 *
 * Icones do Iconoir no lugar dos seis PNGs (grid-on/off-3/4/5/6.png), que
 * mudavam de arte por breakpoint so para insinuar a contagem de colunas.
 */
/* line 151, assets/styles/sass/busca.scss */
.grids {
  flex: none;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1300px) {
  /* line 151, assets/styles/sass/busca.scss */
  .grids {
    display: none;
  }
}

/* line 162, assets/styles/sass/busca.scss */
.show-grid-4,
.show-grid-6 {
  background: none;
  border: 1px solid transparent;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 0;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: border-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  color: #7D7B78;
}

/* line 177, assets/styles/sass/busca.scss */
.show-grid-4 i,
.show-grid-6 i {
  font-size: 20px;
  line-height: 1;
}

/* line 182, assets/styles/sass/busca.scss */
.show-grid-4:hover,
.show-grid-6:hover {
  color: #000000;
}

/* line 188, assets/styles/sass/busca.scss */
.show-grid-4.active,
.show-grid-6.active {
  border-color: #CCCCCC;
  color: #000000;
}

/**
 * Filtro
 */
/*------------------------------------*\
  #FILTRO DA LISTAGEM - redesign 2026 (DS Hagler)

  Duas partes, ambas em partials/filtro.tmpl:

  1. .filter  - a linha de acoes que vive na .fbar, na ordem botao de filtro ->
                densidade da grade -> ordenacao, com os chips do que esta
                filtrado a esquerda.
  2. .fdraw   - o painel lateral (drawer) com os grupos de filtro. Desliza da
                esquerda sobre o scrim de 42%, uma das tres unicas
                transparencias do DS.

  O que saiu daqui: os dropdowns .categoria-filtro (h4 clicavel + ul absoluta),
  .filtro-busca, .tipos-tamanho, .faixa-preco e .filtro-cor. As tres ultimas
  nao eram referenciadas por nenhum template desde antes deste redesign - eram
  ~330 linhas de CSS para markup que nao existe mais.

  ATENCAO ao global.scss: ele forca *::before/*::after { position: absolute }.
  Por isso a marca de selecao e um <span class="fd-mark"> de verdade no HTML e
  o "tique" dentro dela e centralizado por absolute - um pseudo-elemento solto
  na linha da opcao flutuaria para fora dela.

  MOBILE: valores dentro de @media (max-width: 640px) ja convertidos pela escala do
  site (fator 1,64x sobre o design). Ver ESCALA DO MOBILE em variaveis.scss.
\*------------------------------------*/
/*------------------------------------*\
  #LINHA DE ACOES
\*------------------------------------*/
/* line 30, assets/styles/sass/busca_filtro.scss */
.filter {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 30, assets/styles/sass/busca_filtro.scss */
  .filter {
    display: contents;
  }
}

/* Chips do que esta filtrado agora */
/* line 43, assets/styles/sass/busca_filtro.scss */
.filtros-ativos {
  min-width: 0;
}

/* line 46, assets/styles/sass/busca_filtro.scss */
.filtros-ativos__wrapper {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 46, assets/styles/sass/busca_filtro.scss */
  .filtros-ativos__wrapper {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/busca_filtro.scss */
  .filtros-ativos {
    order: 4;
    width: 100%;
  }
}

/* line 61, assets/styles/sass/busca_filtro.scss */
.filtros-ativos .selecionado {
  background: none;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  cursor: pointer;
  gap: 7px;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 75, assets/styles/sass/busca_filtro.scss */
.filtros-ativos .selecionado:hover {
  border-color: #000000;
}

@media (max-width: 640px) {
  /* line 61, assets/styles/sass/busca_filtro.scss */
  .filtros-ativos .selecionado {
    gap: 11px;
    height: 52px;
    padding: 0 20px;
  }
}

/* line 85, assets/styles/sass/busca_filtro.scss */
.filtros-ativos .selecionado label {
  cursor: pointer;
  margin: 0;
  text-transform: capitalize;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 85, assets/styles/sass/busca_filtro.scss */
  .filtros-ativos .selecionado label {
    font-size: 20px;
  }
}

/* line 98, assets/styles/sass/busca_filtro.scss */
.filtros-ativos .selecionado i {
  font-size: 12px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 98, assets/styles/sass/busca_filtro.scss */
  .filtros-ativos .selecionado i {
    font-size: 20px;
  }
}

/*------------------------------------*\
  #BOTAO QUE ABRE O PAINEL
\*------------------------------------*/
/* line 112, assets/styles/sass/busca_filtro.scss */
.fb-filter {
  background: none;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  cursor: pointer;
  flex: none;
  gap: 9px;
  height: 44px;
  margin: 0;
  padding: 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 130, assets/styles/sass/busca_filtro.scss */
.fb-filter:hover {
  border-color: #000000;
}

/* line 134, assets/styles/sass/busca_filtro.scss */
.fb-filter i {
  font-size: 17px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 112, assets/styles/sass/busca_filtro.scss */
  .fb-filter {
    border: 0;
    height: 66px;
    order: 2;
    padding: 0;
    width: 66px;
  }
  /* line 147, assets/styles/sass/busca_filtro.scss */
  .fb-filter i {
    font-size: 30px;
  }
}

@media (max-width: 640px) {
  /* line 153, assets/styles/sass/busca_filtro.scss */
  .fb-flabel {
    display: none;
  }
}

/* Quantos filtros estao ativos. Unico momento de lavanda da barra. */
/* line 160, assets/styles/sass/busca_filtro.scss */
.fb-badge {
  background-color: #C4A484;
  color: #000000;
  flex: none;
  height: 17px;
  min-width: 17px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0;
}

@media (max-width: 640px) {
  /* line 160, assets/styles/sass/busca_filtro.scss */
  .fb-badge {
    height: 22px;
    min-width: 22px;
    position: absolute;
    right: 4px;
    top: 8px;
    font-size: 16px;
  }
}

/* line 186, assets/styles/sass/busca_filtro.scss */
.fb-badge[hidden] {
  display: none;
}

/*------------------------------------*\
  #ORDENACAO

  Dropdown proprio: o <select> nativo nao aceita o desenho do DS e a doc pede
  chevron em borda CSS rotacionada 45 graus, nao glifo. O select segue no DOM
  (hidden) porque e ele que o JS escuta.
\*------------------------------------*/
/* line 198, assets/styles/sass/busca_filtro.scss */
.fb-sort {
  flex: none;
  gap: 12px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 205, assets/styles/sass/busca_filtro.scss */
.fb-sort__label {
  margin: 0;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 214, assets/styles/sass/busca_filtro.scss */
.fb-sort__box {
  position: relative;
}

/* line 218, assets/styles/sass/busca_filtro.scss */
.fb-sort__btn {
  background: none;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  cursor: pointer;
  gap: 12px;
  height: 44px;
  margin: 0;
  min-width: 190px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 235, assets/styles/sass/busca_filtro.scss */
.fb-sort__btn:hover {
  border-color: #000000;
}

/* line 239, assets/styles/sass/busca_filtro.scss */
.fb-sort__btn:focus-visible {
  outline: 2px solid #96754C;
  outline-offset: 2px;
}

/* line 246, assets/styles/sass/busca_filtro.scss */
.fb-sort__chevron {
  border-bottom: 1px solid currentColor;
  border-right: 1px solid currentColor;
  flex: none;
  height: 7px;
  margin-top: -3px;
  transform: rotate(45deg);
  width: 7px;
  transition-property: transform;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 258, assets/styles/sass/busca_filtro.scss */
.fb-sort.is-open .fb-sort__chevron,
.fb-sort__box.is-open .fb-sort__chevron {
  margin-top: 2px;
  transform: rotate(225deg);
}

/* line 264, assets/styles/sass/busca_filtro.scss */
.fb-sort__menu {
  background-color: #FFFFFF;
  border: 1px solid #E4E3E1;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  left: 0;
  list-style: none;
  margin: 0;
  min-width: 100%;
  opacity: 0;
  padding: 4px 0;
  position: absolute;
  top: calc(100% + 6px);
  transform: translateY(-6px);
  visibility: hidden;
  z-index: 60;
  transition-property: opacity, transform, visibility;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 283, assets/styles/sass/busca_filtro.scss */
.fb-sort__box.is-open .fb-sort__menu {
  opacity: 1;
  transform: none;
  visibility: visible;
}

/* line 289, assets/styles/sass/busca_filtro.scss */
.fb-sort__opt {
  cursor: pointer;
  padding: 9px 16px;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: normal;
  color: #232221;
  transition-property: background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 297, assets/styles/sass/busca_filtro.scss */
.fb-sort__opt:hover {
  color: #000000;
}

/* line 301, assets/styles/sass/busca_filtro.scss */
.fb-sort__opt.active {
  color: #000000;
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 198, assets/styles/sass/busca_filtro.scss */
  .fb-sort {
    display: none;
  }
}

/*------------------------------------*\
  #PAINEL LATERAL
\*------------------------------------*/
/* line 317, assets/styles/sass/busca_filtro.scss */
.fdraw {
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 10000;
}

/* line 325, assets/styles/sass/busca_filtro.scss */
.fdraw .fd-ov {
  background-color: rgba(0, 0, 0, 0.42);
  inset: 0;
  opacity: 0;
  position: absolute;
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 335, assets/styles/sass/busca_filtro.scss */
.fdraw.open .fd-ov {
  opacity: 1;
  pointer-events: auto;
}

/* line 340, assets/styles/sass/busca_filtro.scss */
.fdraw.open .fd {
  transform: none;
}

/* line 346, assets/styles/sass/busca_filtro.scss */
.fd {
  background-color: #FFFFFF;
  bottom: 0;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  left: 0;
  pointer-events: auto;
  position: absolute;
  top: 0;
  transform: translateX(-102%);
  width: min(400px, 92vw);
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  transition-property: transform;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 346, assets/styles/sass/busca_filtro.scss */
  .fd {
    width: min(560px, 92vw);
  }
}

/* line 366, assets/styles/sass/busca_filtro.scss */
.fd-head {
  flex: none;
  padding: 26px 28px 12px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 366, assets/styles/sass/busca_filtro.scss */
  .fd-head {
    padding: 34px 30px 16px;
  }
}

/* line 376, assets/styles/sass/busca_filtro.scss */
.fd-head__t {
  gap: 12px;
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 383, assets/styles/sass/busca_filtro.scss */
.fd-head h3 {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.18;
  color: #000000;
  letter-spacing: 0em;
}

@media (max-width: 640px) {
  /* line 383, assets/styles/sass/busca_filtro.scss */
  .fd-head h3 {
    font-size: 43px;
  }
}

/* line 395, assets/styles/sass/busca_filtro.scss */
.fd-count {
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 395, assets/styles/sass/busca_filtro.scss */
  .fd-count {
    font-size: 20px;
  }
}

/* line 407, assets/styles/sass/busca_filtro.scss */
.fd-x {
  background: none;
  border: 0;
  cursor: pointer;
  flex: none;
  margin: 0;
  padding: 0;
}

/* line 415, assets/styles/sass/busca_filtro.scss */
.fd-x i {
  color: #000000;
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 415, assets/styles/sass/busca_filtro.scss */
  .fd-x i {
    font-size: 33px;
  }
}

/* line 426, assets/styles/sass/busca_filtro.scss */
.fd-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 6px 28px 20px;
  scrollbar-color: #CCCCCC transparent;
  scrollbar-width: thin;
}

/* line 435, assets/styles/sass/busca_filtro.scss */
.fd-body::-webkit-scrollbar {
  width: 5px;
}

/* line 439, assets/styles/sass/busca_filtro.scss */
.fd-body::-webkit-scrollbar-track {
  background: transparent;
}

/* line 443, assets/styles/sass/busca_filtro.scss */
.fd-body::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
}

/* line 447, assets/styles/sass/busca_filtro.scss */
.fd-body::-webkit-scrollbar-thumb:hover {
  background-color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 426, assets/styles/sass/busca_filtro.scss */
  .fd-body {
    padding: 10px 30px 33px;
  }
}

/* line 455, assets/styles/sass/busca_filtro.scss */
.fd-body ul {
  list-style: none;
  margin: 0;
}

/* Grupo de filtro: um fio separa um do outro, nada de caixa. */
/* line 462, assets/styles/sass/busca_filtro.scss */
.fd-group-wrap {
  border-bottom: 1px solid #E4E3E1;
  padding: 20px 0;
}

/* line 466, assets/styles/sass/busca_filtro.scss */
.fd-group-wrap:last-child {
  border-bottom: 0;
}

/* line 471, assets/styles/sass/busca_filtro.scss */
.fd-group-wrap--aplicados:not(:has(.selecionado)) {
  display: none;
}

@media (max-width: 640px) {
  /* line 462, assets/styles/sass/busca_filtro.scss */
  .fd-group-wrap {
    padding: 33px 0;
  }
}

/* line 480, assets/styles/sass/busca_filtro.scss */
.fd-group {
  margin: 0 0 12px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 480, assets/styles/sass/busca_filtro.scss */
  .fd-group {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/* line 493, assets/styles/sass/busca_filtro.scss */
.fd-chips {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/*------------------------------------*\
  #OPCAO COM MARCA DE SELECAO
\*------------------------------------*/
/* line 502, assets/styles/sass/busca_filtro.scss */
.fd-opt {
  cursor: pointer;
  gap: 11px;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.45;
  color: #232221;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 511, assets/styles/sass/busca_filtro.scss */
.fd-opt:hover {
  color: #000000;
}

/* line 515, assets/styles/sass/busca_filtro.scss */
.fd-opt.active {
  color: #000000;
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 502, assets/styles/sass/busca_filtro.scss */
  .fd-opt {
    font-size: 24px;
    gap: 18px;
    padding: 13px 0;
  }
}

/* A caixa de marcar, no padrao do DS (.ck-radio do checkout): quadrado de fio
   fino e, quando marcado, um quadrado de tinta por dentro. Nao e um tique
   desenhado - a documentacao resolve selecao por preenchimento. Quadrada porque
   a unica forma arredondada do sistema e a pilula da Tag. */
/* line 531, assets/styles/sass/busca_filtro.scss */
.fd-mark {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  flex: none;
  height: 18px;
  position: relative;
  width: 18px;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 531, assets/styles/sass/busca_filtro.scss */
  .fd-mark {
    height: 30px;
    width: 30px;
  }
}

/* line 547, assets/styles/sass/busca_filtro.scss */
.fd-opt:hover .fd-mark {
  border-color: #000000;
}

/* line 551, assets/styles/sass/busca_filtro.scss */
.fd-opt.active .fd-mark {
  border-color: #000000;
}

/* line 556, assets/styles/sass/busca_filtro.scss */
.fd-opt.active .fd-mark:after {
  background-color: #000000;
  content: "";
  inset: 3px;
}

@media (max-width: 640px) {
  /* line 556, assets/styles/sass/busca_filtro.scss */
  .fd-opt.active .fd-mark:after {
    inset: 5px;
  }
}

/*------------------------------------*\
  #CATEGORIA

  Links de verdade: ao escolher, a pagina navega e o titulo, o breadcrumb e a
  contagem vem prontos do servidor.
\*------------------------------------*/
/* line 575, assets/styles/sass/busca_filtro.scss */
.fd-catlist li {
  margin: 0;
}

/* line 580, assets/styles/sass/busca_filtro.scss */
.fd-catlink {
  display: block;
  padding: 8px 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.45;
  color: #232221;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 587, assets/styles/sass/busca_filtro.scss */
.fd-catlink:hover {
  color: #000000;
}

/* line 591, assets/styles/sass/busca_filtro.scss */
.fd-catlink.active {
  color: #000000;
  font-weight: 500;
}

/* line 597, assets/styles/sass/busca_filtro.scss */
.fd-catlink--filha {
  padding-left: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  color: #7D7B78;
}

/* line 602, assets/styles/sass/busca_filtro.scss */
.fd-catlink--filha:hover, .fd-catlink--filha.active {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 580, assets/styles/sass/busca_filtro.scss */
  .fd-catlink {
    font-size: 24px;
    padding: 13px 0;
  }
  /* line 612, assets/styles/sass/busca_filtro.scss */
  .fd-catlink--filha {
    font-size: 21px;
    padding-left: 26px;
  }
}

/*------------------------------------*\
  #TAMANHO E COR
\*------------------------------------*/
/* line 622, assets/styles/sass/busca_filtro.scss */
.fd-sizes {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 628, assets/styles/sass/busca_filtro.scss */
.fd-size {
  border: 1px solid #CCCCCC;
  cursor: pointer;
  height: 40px;
  min-width: 44px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #000000;
  transition-property: border-color, background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 639, assets/styles/sass/busca_filtro.scss */
.fd-size:hover {
  border-color: #000000;
  color: #000000;
}

/* line 644, assets/styles/sass/busca_filtro.scss */
.fd-size.active {
  background-color: #000000;
  border-color: #000000;
  color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 628, assets/styles/sass/busca_filtro.scss */
  .fd-size {
    font-size: 21px;
    height: 66px;
    min-width: 72px;
  }
}

/* Cor: a amostra e so um selo ao lado do nome - a marca de selecao e a mesma
   das outras opcoes (.fd-mark), entao o filtro se le igual em todos os grupos.
   O interior vem do writeHTML do model Cor. */
/* line 660, assets/styles/sass/busca_filtro.scss */
.fd-swatch {
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  flex: none;
  height: 20px;
  overflow: hidden;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 660, assets/styles/sass/busca_filtro.scss */
  .fd-swatch {
    height: 33px;
    width: 33px;
  }
}

/* line 682, assets/styles/sass/busca_filtro.scss */
.fd-swatch article {
  border: 0 !important;
  display: flex !important;
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}

/* line 690, assets/styles/sass/busca_filtro.scss */
.fd-swatch article span {
  display: block !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  margin: 0 !important;
}

/*------------------------------------*\
  #RODAPE DO PAINEL
\*------------------------------------*/
/* line 701, assets/styles/sass/busca_filtro.scss */
.fd-foot {
  display: grid;
  flex: none;
  gap: 12px;
  grid-template-columns: 1fr 1.4fr;
  padding: 18px 28px 26px;
}

@media (max-width: 640px) {
  /* line 701, assets/styles/sass/busca_filtro.scss */
  .fd-foot {
    gap: 20px;
    padding: 30px 30px 43px;
  }
}

/* line 716, assets/styles/sass/busca_filtro.scss */
.fd-foot button {
  border-radius: 0px;
  cursor: pointer;
  height: 50px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: inherit;
  transition-property: background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 716, assets/styles/sass/busca_filtro.scss */
  .fd-foot button {
    font-size: 20px;
    height: 82px;
  }
}

/* line 735, assets/styles/sass/busca_filtro.scss */
.fd-clear {
  background: none;
  border: 1px solid #CCCCCC;
  color: #000000;
}

/* line 740, assets/styles/sass/busca_filtro.scss */
.fd-clear:hover {
  border-color: #000000;
}

/* line 745, assets/styles/sass/busca_filtro.scss */
.fd-apply {
  background-color: #000000;
  border: 0;
  color: #F2F2F2;
  gap: 4px;
}

/* line 754, assets/styles/sass/busca_filtro.scss */
.fd-apply:hover {
  background-color: #C4A484;
  color: #000000;
}

/**
 * Oferta do dia, cupom, conjuntos e favoritos ainda trazem as acoes dentro do
 * .bread. Aqui elas so precisam encostar a direita - o resto vem de .filter.
 *
 * O :not(.fb-acts) e obrigatorio: a .fb-acts da .fbar tambem carrega esta classe,
 * porque ela e o gancho de delegacao do busca.js para #show-grid-4/6. Como esta
 * regra vem DEPOIS na cascata e sem media query, o display: flex + width: 100%
 * daqui venciam o display: contents mobile da .fb-acts - e no celular o botao de
 * filtro tomava uma linha inteira ACIMA do titulo da listagem.
 */
/* line 209, assets/styles/sass/busca.scss */
.filtros-wrap:not(.fb-acts) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
}

/**
 * Container para a página de busca
 */
/* line 218, assets/styles/sass/busca.scss */
.conteudo_busca {
  display: table;
  float: initial;
  margin: 0 auto;
  margin-bottom: 25px;
  position: relative;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 218, assets/styles/sass/busca.scss */
  .conteudo_busca {
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    width: 960px;
  }
}

@media (max-width: 640px) {
  /* line 218, assets/styles/sass/busca.scss */
  .conteudo_busca {
    padding-left: 20px;
    padding-right: 20px;
    width: 640px;
  }
}

/**
 * Lista de produtos na busca
 */
/* line 244, assets/styles/sass/busca.scss */
.category_list-ui {
  /*produto na busca */
  /*------------------------------------*\
      #TEXTO DA LISTAGEM

      Descricao da colecao (hotsite) ou da categoria, no pe da pagina. Substitui
      .categoria__texto__wrap + .categoria__texto, que vinham com 14px em $cinza,
      `text-align: justify` e uma largura de 600px FIXOS no celular - a mesma
      medida que estourava a tela nas outras telas do painel.

      Alinhado a esquerda, e nao justificado: justify abre rios de espaco em
      coluna larga. A largura de leitura vem de um limite em ch no conteudo, para
      a linha nao atravessar os 1800px do container.
    \*------------------------------------*/
  /*categoria/busca sem resultado*/
}

@media (min-width: 961px) {
  /* line 244, assets/styles/sass/busca.scss */
  .category_list-ui {
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

/* line 252, assets/styles/sass/busca.scss */
.category_list-ui .lista-produtos {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 252, assets/styles/sass/busca.scss */
  .category_list-ui .lista-produtos {
    margin-top: 20px;
    width: 600px;
  }
}

/* line 273, assets/styles/sass/busca.scss */
.category_list-ui .product-shortview {
  display: table;
  width: 100%;
}

/* line 277, assets/styles/sass/busca.scss */
.category_list-ui .product-shortview figure {
  display: table;
  height: auto;
  width: 100%;
}

/* line 282, assets/styles/sass/busca.scss */
.category_list-ui .product-shortview figure img {
  position: relative;
}

/* line 288, assets/styles/sass/busca.scss */
.category_list-ui .animate_container {
  display: table;
  height: auto;
  position: relative;
  width: 100%;
}

/* line 294, assets/styles/sass/busca.scss */
.category_list-ui .animate_container .face {
  display: table;
  height: auto;
  position: relative;
  width: 100%;
}

/* line 301, assets/styles/sass/busca.scss */
.category_list-ui .animate_container .back {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 310, assets/styles/sass/busca.scss */
.category_list-ui .categoria_seo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 310, assets/styles/sass/busca.scss */
  .category_list-ui .categoria_seo {
    padding: 0;
    width: 600px;
  }
}

/* line 320, assets/styles/sass/busca.scss */
.category_list-ui .categoria_seo__observacao {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 320, assets/styles/sass/busca.scss */
  .category_list-ui .categoria_seo__observacao {
    font-size: 20px;
    line-height: 22px;
  }
}

@media (max-width: 640px) {
  /* line 330, assets/styles/sass/busca.scss */
  .category_list-ui .combo_observacao {
    margin-top: 5px;
  }
}

/* line 349, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto {
  max-width: 1800px;
  margin: 0 auto;
  padding: clamp(40px, 4.5vh, 72px) clamp(20px, 3.4vw, 64px) 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #575553;
  text-align: left;
  /* o campo aceita HTML do admin: o texto pode vir solto, em <p>, com
           destaques e links */
}

@media (max-width: 640px) {
  /* line 349, assets/styles/sass/busca.scss */
  .category_list-ui .listagem__texto {
    padding-top: 52px;
    font-size: 25px;
  }
}

/* line 364, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto > * {
  max-width: 78ch;
}

/* line 368, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto p {
  margin: 0 0 16px;
  font: inherit;
  color: inherit;
  text-align: inherit;
}

/* line 375, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto p:last-child {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* line 368, assets/styles/sass/busca.scss */
  .category_list-ui .listagem__texto p {
    margin-bottom: 26px;
  }
}

/* line 384, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto h1, .category_list-ui .listagem__texto h2, .category_list-ui .listagem__texto h3, .category_list-ui .listagem__texto h4 {
  margin: 24px 0 12px;
  text-transform: none;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.18;
  color: #000000;
}

/* line 390, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto h1:first-child, .category_list-ui .listagem__texto h2:first-child, .category_list-ui .listagem__texto h3:first-child, .category_list-ui .listagem__texto h4:first-child {
  margin-top: 0;
}

@media (max-width: 640px) {
  /* line 384, assets/styles/sass/busca.scss */
  .category_list-ui .listagem__texto h1, .category_list-ui .listagem__texto h2, .category_list-ui .listagem__texto h3, .category_list-ui .listagem__texto h4 {
    font-size: 36px;
  }
}

/* line 399, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto strong, .category_list-ui .listagem__texto b {
  font-weight: 500;
  color: #232221;
}

/* line 404, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto ul, .category_list-ui .listagem__texto ol {
  margin: 0 0 16px 20px;
}

/* line 407, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto ul li, .category_list-ui .listagem__texto ol li {
  margin-bottom: 4px;
}

/* line 412, assets/styles/sass/busca.scss */
.category_list-ui .listagem__texto a {
  color: inherit;
}

/* line 421, assets/styles/sass/busca.scss */
.category_list-ui .without-result {
  background-color: #ffffff;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 421, assets/styles/sass/busca.scss */
  .category_list-ui .without-result {
    padding: 0 20px;
  }
}

/* line 430, assets/styles/sass/busca.scss */
.category_list-ui .no-results {
  border: 1px solid #858585;
  margin-bottom: 80px;
  padding: 2rem;
  width: 100%;
}

/* line 436, assets/styles/sass/busca.scss */
.category_list-ui .no-results h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: normal;
  color: #858585;
  margin-bottom: 2rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 436, assets/styles/sass/busca.scss */
  .category_list-ui .no-results h2 {
    font-size: 28px;
  }
}

/* line 448, assets/styles/sass/busca.scss */
.category_list-ui .no-results h4 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 448, assets/styles/sass/busca.scss */
  .category_list-ui .no-results h4 {
    font-size: 24px;
  }
}

/* line 458, assets/styles/sass/busca.scss */
.category_list-ui .no-results ul {
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

/* line 464, assets/styles/sass/busca.scss */
.category_list-ui .no-results ul li {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7rem;
  color: #858585;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 464, assets/styles/sass/busca.scss */
  .category_list-ui .no-results ul li {
    font-size: 24px;
  }
}

/* line 477, assets/styles/sass/busca.scss */
.looks {
  width: 100%;
  /*look /busca sem resultado*/
}

@media (min-width: 961px) {
  /* line 477, assets/styles/sass/busca.scss */
  .looks {
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

/* line 486, assets/styles/sass/busca.scss */
.looks .categoria_seo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 486, assets/styles/sass/busca.scss */
  .looks .categoria_seo {
    padding: 0;
  }
}

/* line 495, assets/styles/sass/busca.scss */
.looks .lista-conjuntos {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 495, assets/styles/sass/busca.scss */
  .looks .lista-conjuntos {
    margin-top: 20px;
  }
}

/* line 506, assets/styles/sass/busca.scss */
.looks .without-result {
  background-color: #ffffff;
  width: 100%;
}

/* line 511, assets/styles/sass/busca.scss */
.looks .no-results {
  border: 1px solid #858585;
  margin-bottom: 80px;
  padding: 2rem;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 511, assets/styles/sass/busca.scss */
  .looks .no-results {
    margin-top: 0;
    width: 600px;
  }
}

/* line 522, assets/styles/sass/busca.scss */
.looks .no-results h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: normal;
  color: #858585;
  margin-bottom: 2rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 522, assets/styles/sass/busca.scss */
  .looks .no-results h2 {
    font-size: 28px;
  }
}

/* line 534, assets/styles/sass/busca.scss */
.looks .no-results h4 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 534, assets/styles/sass/busca.scss */
  .looks .no-results h4 {
    font-size: 24px;
  }
}

/* line 544, assets/styles/sass/busca.scss */
.looks .no-results ul {
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

/* line 550, assets/styles/sass/busca.scss */
.looks .no-results ul li {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7rem;
  color: #858585;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 550, assets/styles/sass/busca.scss */
  .looks .no-results ul li {
    font-size: 24px;
  }
}

/*------------------------------------*\
  #HOTSITE
\*------------------------------------*/
/*---------------banner fixo----------------*/
/* line 567, assets/styles/sass/busca.scss */
.banner-listagem {
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1920 / 400;
  background-size: cover;
  display: block;
  float: none;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 567, assets/styles/sass/busca.scss */
  .banner-listagem {
    aspect-ratio: 640 / 400;
  }
}

/* line 587, assets/styles/sass/busca.scss */
.banner-listagem:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 45%);
  content: "";
  inset: 0;
  pointer-events: none;
}

/*-----------slide-----------*/
/* line 596, assets/styles/sass/busca.scss */
.slideshow_hotsite {
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

/* line 606, assets/styles/sass/busca.scss */
.slideshow_hotsite .link-slide {
  aspect-ratio: 1920 / 400;
  background: #FFFFFF;
  cursor: default;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 606, assets/styles/sass/busca.scss */
  .slideshow_hotsite .link-slide {
    aspect-ratio: 640 / 400;
  }
}

/* line 619, assets/styles/sass/busca.scss */
.slideshow_hotsite .link-slide img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 628, assets/styles/sass/busca.scss */
.slideshow_hotsite .link-slide:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 45%);
  content: "";
  inset: 0;
  pointer-events: none;
}

/* line 636, assets/styles/sass/busca.scss */
.slideshow_hotsite .cycle-pager {
  text-align: center;
  width: 100%;
  z-index: 500;
  position: absolute;
  bottom: 45px;
}

@media (max-width: 640px) {
  /* line 636, assets/styles/sass/busca.scss */
  .slideshow_hotsite .cycle-pager {
    bottom: 55px;
  }
}

/* line 646, assets/styles/sass/busca.scss */
.slideshow_hotsite .cycle-pager span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: normal;
  color: #000;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}

@media (max-width: 640px) {
  /* line 646, assets/styles/sass/busca.scss */
  .slideshow_hotsite .cycle-pager span {
    font-size: 80px;
    height: 30px;
    width: 30px;
  }
}

/* line 659, assets/styles/sass/busca.scss */
.slideshow_hotsite .cycle-pager span.cycle-pager-active {
  color: #000;
}

/* line 664, assets/styles/sass/busca.scss */
.slideshow_hotsite .cycle-pager > * {
  cursor: pointer;
}

/* line 671, assets/styles/sass/busca.scss */
.slideshow_hotsite .setas .prev,
.slideshow_hotsite .setas .next {
  background-repeat: no-repeat;
  height: 60px;
  width: 32px;
  z-index: 999;
  position: absolute;
  top: 43%;
}

/* line 679, assets/styles/sass/busca.scss */
.slideshow_hotsite .setas .prev:hover,
.slideshow_hotsite .setas .next:hover {
  opacity: 0.6;
}

/* line 684, assets/styles/sass/busca.scss */
.slideshow_hotsite .setas .prev {
  background-image: url(../images/icons/arrow-left.png);
  background-position: left center;
  float: left;
  left: 2%;
}

/* line 691, assets/styles/sass/busca.scss */
.slideshow_hotsite .setas .next {
  background-image: url(../images/icons/arrow-right.png);
  background-position: right center;
  float: right;
  right: 2%;
}

/**
 * Lista de produtos na busca
 */
/* line 704, assets/styles/sass/busca.scss */
.category_list-ui {
  /*busca com 3 produtos por linha*/
  /*busca com 4 produtos por linha*/
}

/* line 705, assets/styles/sass/busca.scss */
.category_list-ui .conteudo {
  height: auto;
}

@media (max-width: 640px) {
  /* line 708, assets/styles/sass/busca.scss */
  .category_list-ui .conteudo .categoria_seo__titulo {
    font-size: calc(15px + 25px);
  }
}

/* line 715, assets/styles/sass/busca.scss */
.category_list-ui .lista-produtos {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 1199px) {
  /* line 715, assets/styles/sass/busca.scss */
  .category_list-ui .lista-produtos {
    justify-content: space-around;
  }
}

@media (max-width: 640px) {
  /* line 715, assets/styles/sass/busca.scss */
  .category_list-ui .lista-produtos {
    margin: 20px auto 0 auto;
    width: 600px;
    justify-content: space-around;
  }
}

/* line 733, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 .mask {
  height: 600px;
  width: 400px;
}

@media (max-width: 1199px) {
  /* line 733, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .mask {
    height: 600px;
    width: 400px;
  }
}

@media (max-width: 640px) {
  /* line 733, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .mask {
    height: 420px;
  }
}

/* line 748, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 .product-shortview {
  width: 400px !important;
}

@media (max-width: 1199px) {
  /* line 748, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .product-shortview {
    width: 400px !important;
  }
}

@media (max-width: 640px) {
  /* line 748, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .product-shortview {
    width: 280px !important;
  }
}

/* line 762, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 .product-shortview figcaption header h2 {
  max-width: 380px;
}

@media (max-width: 640px) {
  /* line 762, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .product-shortview figcaption header h2 {
    max-width: 260px;
  }
}

@media (max-width: 640px) {
  /* line 775, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .product-shortview .produto__preco-geral {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
  }
  /* line 780, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .product-shortview .produto__preco-geral p {
    width: 100%;
  }
}

/* line 787, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 figure {
  overflow: hidden;
}

@media (max-width: 1199px) {
  /* line 787, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 figure {
    width: 400px;
  }
}

@media (max-width: 640px) {
  /* line 787, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 figure {
    width: 280px;
  }
}

/* line 799, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 .animate_container {
  height: 600px;
  width: 400px;
}

@media (max-width: 1199px) {
  /* line 799, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .animate_container {
    height: 600px;
    width: 400px;
  }
}

@media (max-width: 640px) {
  /* line 799, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 .animate_container {
    height: 420px;
    width: 280px;
  }
}

/* line 818, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .product-shortview {
  width: 280px;
}

@media (max-width: 1199px) {
  /* line 818, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .product-shortview {
    width: 280px !important;
  }
}

@media (max-width: 640px) {
  /* line 818, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .product-shortview {
    width: 280px !important;
  }
}

/* line 830, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .product-shortview .tarja-desconto {
  top: 320px;
}

/* line 834, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .product-shortview .mask {
  height: 420px;
  width: 280px;
}

@media (max-width: 1199px) {
  /* line 834, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .product-shortview .mask {
    height: 420px;
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 834, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .product-shortview .mask {
    height: 420px;
    width: 280px;
  }
}

/* line 849, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .product-shortview figure {
  overflow: hidden;
  width: 280px;
}

@media (max-width: 1199px) {
  /* line 849, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .product-shortview figure {
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 849, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .product-shortview figure {
    width: 280px;
  }
}

/* line 863, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .animate_container {
  height: 420px;
  width: 280px;
}

@media (max-width: 640px) {
  /* line 863, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .animate_container {
    height: height-img-busca__6--tablet;
    width: 280px;
  }
}

@media (max-width: 640px) {
  /* line 863, assets/styles/sass/busca.scss */
  .category_list-ui .grid-6 .animate_container {
    height: height-img-busca__6--mobile;
    width: 280px;
  }
}

/* line 878, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .produto__button-adicionar {
  font-size: 13px;
  width: 180px;
}

/* line 885, assets/styles/sass/busca.scss */
.category_list-ui .grid-6 .cores-produto_wrap ul .color-box {
  width: 28px;
  height: 28px;
  padding: 1px;
}

/* line 897, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 > li,
.category_list-ui .grid-6 > li {
  margin-bottom: 30px;
}

@media (max-width: 640px) {
  /* line 897, assets/styles/sass/busca.scss */
  .category_list-ui .grid-4 > li,
  .category_list-ui .grid-6 > li {
    margin-bottom: 45px;
  }
}

/* line 906, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 .produto-info,
.category_list-ui .grid-6 .produto-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 909, assets/styles/sass/busca.scss */
.category_list-ui .grid-4 .produto-info .produto-info__boleto, .category_list-ui .grid-4 .produto-info .parcelamento,
.category_list-ui .grid-6 .produto-info .produto-info__boleto,
.category_list-ui .grid-6 .produto-info .parcelamento {
  widows: 100%;
}

/* line 915, assets/styles/sass/busca.scss */
.category_list-ui .animate_card {
  height: 100%;
  width: 100%;
}

/*lista de produtos hotsite*/
/* line 925, assets/styles/sass/busca.scss */
.category_list-ui_hotsite .conteudo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 929, assets/styles/sass/busca.scss */
.category_list-ui_hotsite .categoria_seo {
  display: none;
}

@media (max-width: 640px) {
  /* line 933, assets/styles/sass/busca.scss */
  .category_list-ui_hotsite .ordenar-hotsite {
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 938, assets/styles/sass/busca.scss */
  .category_list-ui_hotsite .ordenar-hotsite select {
    background: url(../images/icons/icon-seta-baixo3.png) no-repeat;
    background-color: #ffffff;
    background-position: 96% center;
    border: 1px solid #000;
    color: #000;
  }
}

/**
 * Vitrine visual de filtros associados à categoria.
 * Renderizado no topo da listagem por `partials/filtro-visual-categoria.tmpl`.
 * Compatível com filtros já existentes — quando o valor não possui imagem,
 * mostra o caractere inicial como fallback (mantém a navegação utilizável).
 */
/* line 956, assets/styles/sass/busca.scss */
.filtro-visual-categoria {
  margin: 0 0 24px;
  padding: 0 20px;
}

@media (max-width: 640px) {
  /* line 956, assets/styles/sass/busca.scss */
  .filtro-visual-categoria {
    padding: 0;
  }
}

/* line 965, assets/styles/sass/busca.scss */
.filtro-visual-categoria__grupo {
  margin-bottom: 18px;
}

/* line 978, assets/styles/sass/busca.scss */
.filtro-visual-categoria__lista {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 5px;
  padding: 4px 0 6px;
  list-style: none;
  margin: 0;
  scrollbar-width: 0px;
}

@media (max-width: 640px) {
  /* line 978, assets/styles/sass/busca.scss */
  .filtro-visual-categoria__lista {
    gap: 5px;
    overflow-x: scroll;
    max-width: 640px;
    padding-left: 65px;
    padding-right: 12px;
    scrollbar-width: 1px;
  }
  /* line 996, assets/styles/sass/busca.scss */
  .filtro-visual-categoria__lista::-webkit-scrollbar {
    width: 1px;
  }
  /* line 1000, assets/styles/sass/busca.scss */
  .filtro-visual-categoria__lista::-webkit-scrollbar-track {
    background: #ffffff;
  }
  /* line 1004, assets/styles/sass/busca.scss */
  .filtro-visual-categoria__lista::-webkit-scrollbar-thumb {
    background: #ffffff;
  }
}

/* line 1010, assets/styles/sass/busca.scss */
.filtro-visual-categoria__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  text-align: center;
  transition: transform 0.300s ease;
}

/* line 1018, assets/styles/sass/busca.scss */
.filtro-visual-categoria__item:hover {
  transform: translateY(-2px);
}

/* line 1022, assets/styles/sass/busca.scss */
.filtro-visual-categoria__item.active .filtro-visual-categoria__imagem {
  border-color: #000;
  box-shadow: 0 0 0 2px #000 inset;
}

@media (max-width: 640px) {
  /* line 1010, assets/styles/sass/busca.scss */
  .filtro-visual-categoria__item {
    flex: 0 0 auto;
  }
}

/* line 1033, assets/styles/sass/busca.scss */
.filtro-visual-categoria__imagem {
  max-width: 130px;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}

/* line 1046, assets/styles/sass/busca.scss */
.filtro-visual-categoria__imagem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 1059, assets/styles/sass/busca.scss */
.filtro-visual-categoria__imagem-fallback {
  font-size: 22px;
  font-weight: 600;
  color: #888;
  line-height: 1;
}

/* line 1066, assets/styles/sass/busca.scss */
.filtro-visual-categoria__legenda {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #000;
  letter-spacing: 1px;
  word-break: break-word;
}

@media (max-width: 640px) {
  /* line 1066, assets/styles/sass/busca.scss */
  .filtro-visual-categoria__legenda {
    font-size: 20px;
  }
}

/*------------------------------------*\
  #GRADE DA LISTAGEM

  A vitrine passa a ser um CSS grid alinhado ao mesmo container do header e da
  .fbar ($container-max + $sec-pad) - era isso que deixava a grade "solta" das
  margens do resto da pagina.

  Mesmo principio adotado no app-maluan (busca_categoria.scss), inclusive nos
  pontos abaixo, que sao a razao dos !important:

  - o legado dimensiona o card em px fixos com !important
    (.category_list-ui .grid-4 .product-shortview { width: 400px !important }
    mais adiante neste arquivo, e o mesmo em .grid-6): contra !important a
    especificidade sozinha nao ganha, so !important + seletor mais forte. O
    escopo aqui e o ancestral #lista-produtos.lista-produtos, entao nada vaza
    para as outras vitrines que reusam o mesmo card (home, produto, cupom).

  - a proporcao 3:4 vem de height: 0 + padding-top, NAO de aspect-ratio: no
    Safari/iOS a altura percentual de um filho nao resolve contra altura
    derivada de aspect-ratio, e as .face usam height: 100% - a foto voltava a
    mandar na altura e o card ficava quadrado so no iPhone.

  - minmax(0, 1fr) em vez de 1fr: coluna 1fr tem minimo implicito min-content,
    entao um item largo (o .box-loader de texto, por exemplo) infla aquela
    coluna para toda a grade.
\*------------------------------------*/
@media (min-width: 961px) {
  /* line 1103, assets/styles/sass/busca.scss */
  .category_list-ui,
  .looks {
    padding: 0;
  }
}

/* line 1111, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos {
  display: grid;
  gap: 52px 4px;
  list-style: none;
  margin: 0 auto;
  max-width: 1800px;
  padding: 26px clamp(20px, 3.4vw, 64px) 0;
  float: none;
}

/* line 1122, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos.grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 1126, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos.grid-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1280px) {
  /* line 1131, assets/styles/sass/busca.scss */
  #lista-produtos.lista-produtos.grid-4, #lista-produtos.lista-produtos.grid-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* line 1137, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos > li.list-product {
  float: none;
  margin: 0;
  min-width: 0;
  width: auto;
}

/* line 1145, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos .product-shortview {
  width: 100% !important;
}

/* line 1149, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos .animate_container {
  display: block !important;
  height: 0 !important;
  overflow: hidden !important;
  padding-top: 133.3333% !important;
  width: 100% !important;
}

/* line 1157, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos .animate_container .face {
  display: block !important;
  height: 100% !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}

/* line 1166, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos .js-fit__container-img {
  float: none !important;
  height: 100% !important;
  width: 100% !important;
}

/* line 1172, assets/styles/sass/busca.scss */
#lista-produtos.lista-produtos .fit__img-produto {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

@media (max-width: 640px) {
  /* line 1180, assets/styles/sass/busca.scss */
  #lista-produtos.lista-produtos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 4px;
    margin: 0;
    max-width: 100%;
    padding: 20px 0 0;
  }
}

/*-------------------------------
 #MODAIS - PADROES LEGADOS
 (aparencia comum dos modais ainda nao redesenhados;
  precisa vir antes dos modais novos, como modal_login)
-------------------------------*/
/*------------------------------------*\
  #MODAIS - PADROES LEGADOS

  Aparencia comum dos modais que ainda NAO foram redesenhados. Estas regras
  moravam em esqueci_senha.scss, apesar de valerem para o site inteiro; o nome
  errado escondia o alcance delas.

  Sao ~12 templates com id="modalTitle" e 4 com a classe .tiny dependendo daqui,
  entao o bloco continua generico de proposito. O que mudou foi:

  1. .reveal-modal { background-color } saiu: o Foundation ja aplica #fff.
  2. O !important de top/right do botao de fechar saiu. Ele existia para vencer
     o .close-reveal-modal do Foundation, mas .reveal-modal .close-reveal-modal
     ja e (0,2,0) contra (0,1,0) - vencia sem forcar. Com o !important, nenhum
     modal redesenhado conseguia reposicionar o proprio botao.
  3. As regras que usam #modalTitle ou seletor de elemento (p, h5, li) ganharam
     :not(.modal_login). Sao as unicas que um componente novo nao consegue
     sobrescrever com classe simples: ID vale 100 e .reveal-modal p e (0,1,1).
     Conforme cada modal for redesenhado, acrescente a classe dele a lista.
\*------------------------------------*/
@media (max-width: 640px) {
  /* line 22, assets/styles/sass/modais-legado.scss */
  .reveal-modal {
    left: 5%;
    box-shadow: none;
    min-height: auto;
  }
}

/* line 29, assets/styles/sass/modais-legado.scss */
.reveal-modal .close-reveal-modal {
  color: #000;
  right: 10px;
  top: -4px;
}

/* line 38, assets/styles/sass/modais-legado.scss */
.reveal-modal:not(.modal_login):not(.monte-look-tamanhos):not(.mpc) #modalTitle {
  color: #000;
  font-size: 18px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 38, assets/styles/sass/modais-legado.scss */
  .reveal-modal:not(.modal_login):not(.monte-look-tamanhos):not(.mpc) #modalTitle {
    font-size: 26px;
  }
}

/* line 48, assets/styles/sass/modais-legado.scss */
.reveal-modal:not(.modal_login):not(.monte-look-tamanhos):not(.mpc) p,
.reveal-modal:not(.modal_login):not(.monte-look-tamanhos):not(.mpc) h5,
.reveal-modal:not(.modal_login):not(.monte-look-tamanhos):not(.mpc) li {
  color: #858585;
  font-weight: 400;
}

/* line 55, assets/styles/sass/modais-legado.scss */
.reveal-modal:not(.modal_login):not(.monte-look-tamanhos):not(.mpc) h5 {
  font-weight: 600;
}

@media (max-width: 1199px) {
  /* line 61, assets/styles/sass/modais-legado.scss */
  .reveal-modal.tiny {
    width: 50%;
    z-index: 10003;
  }
}

@media (max-width: 640px) {
  /* line 61, assets/styles/sass/modais-legado.scss */
  .reveal-modal.tiny {
    width: 90%;
  }
}

/*-------------------------------
 #MODAIS DE SENHA (esqueci-senha e nova-senha)
-------------------------------*/
/*------------------------------------*\
  #MODAIS DE SENHA (esqueci-senha e nova-senha)

  Este arquivo estilizava .reveal-modal generico - ou seja, TODO modal do site -
  apesar do nome. Isso derrubava o titulo de qualquer modal para 18px (via
  .reveal-modal #modalTitle, especificidade 110) e prendia o botao de fechar em
  top: -4px com !important.

  O que era padrao de modal foi para "modais-legado.scss", com o nome do que
  realmente e. Aqui ficou so o que pertence aos dois modais de senha, que
  compartilham o bloco .password:
    views/partials/esqueci-senha.tmpl
    views/partials/nova-senha.tmpl
\*------------------------------------*/
/* line 16, assets/styles/sass/esqueci_senha.scss */
.esqueci-senha {
  position: fixed;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0 !important;
}

/* line 23, assets/styles/sass/esqueci_senha.scss */
.password {
  height: auto;
  margin-top: 20px;
  width: 100%;
}

/* line 28, assets/styles/sass/esqueci_senha.scss */
.password span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/esqueci_senha.scss */
  .password span {
    font-size: 26px;
    line-height: 26px;
  }
}

/* line 41, assets/styles/sass/mixins.scss */
.password form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #727272;
  font-style: normal;
}

/* line 45, assets/styles/sass/mixins.scss */
.password form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #727272;
  font-style: normal;
}

/* line 49, assets/styles/sass/mixins.scss */
.password form :-ms-input-placeholder {
  /* IE 10+ */
  color: #727272;
  font-style: normal;
}

/* line 53, assets/styles/sass/mixins.scss */
.password form :-moz-placeholder {
  /* Firefox 18- */
  color: #727272;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 37, assets/styles/sass/esqueci_senha.scss */
  .password form {
    margin-top: 10px;
  }
}

/* line 45, assets/styles/sass/esqueci_senha.scss */
.password form input {
  height: 46px;
  margin-bottom: 1rem;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 45, assets/styles/sass/esqueci_senha.scss */
  .password form input {
    font-size: 26px;
    height: 65px;
  }
}

/* line 57, assets/styles/sass/esqueci_senha.scss */
.password button {
  margin: 0 0 0 0;
  padding: 6px 20px;
}

@media (max-width: 640px) {
  /* line 57, assets/styles/sass/esqueci_senha.scss */
  .password button {
    font-size: 24px;
  }
}

/*-------------------------------
    RECUPERAÇÃO DE SENHA
-------------------------------*/
/* line 1, assets/styles/sass/recuperacao_senha.scss */
.recuperacao {
  display: table;
  margin-top: 40px;
  margin-left: 302px;
  width: 495px;
}

@media (max-width: 1199px) {
  /* line 1, assets/styles/sass/recuperacao_senha.scss */
  .recuperacao {
    margin-left: 207px;
  }
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/recuperacao_senha.scss */
  .recuperacao {
    margin-left: 0;
    width: 600px;
  }
}

/* line 17, assets/styles/sass/recuperacao_senha.scss */
.recovery {
  display: table;
  margin-top: 30px;
  width: 100%;
}

/* line 22, assets/styles/sass/recuperacao_senha.scss */
.recovery aside {
  float: left;
  margin-top: 1.5rem;
  width: 100%;
}

/* line 27, assets/styles/sass/recuperacao_senha.scss */
.recovery aside h4 {
  color: #000;
  font-size: 1rem;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/recuperacao_senha.scss */
  .recovery aside h4 {
    font-size: 24px;
  }
}

/* line 38, assets/styles/sass/recuperacao_senha.scss */
.recovery form {
  float: left;
  margin-top: 25px;
  position: relative;
  width: 100%;
}

/* line 44, assets/styles/sass/recuperacao_senha.scss */
.recovery form label {
  color: #000;
  font-weight: 400;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 44, assets/styles/sass/recuperacao_senha.scss */
  .recovery form label {
    font-size: 26px;
  }
}

/* line 54, assets/styles/sass/recuperacao_senha.scss */
.recovery form input {
  height: 46px;
  margin-bottom: 1rem;
  padding: 0 10px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 54, assets/styles/sass/recuperacao_senha.scss */
  .recovery form input {
    font-size: 24px;
    height: 60px;
  }
}

/* line 67, assets/styles/sass/recuperacao_senha.scss */
.recovery form .box_mostrar-senha {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

/* line 71, assets/styles/sass/recuperacao_senha.scss */
.recovery form .box_mostrar-senha input[type="checkbox"] {
  margin: 0;
  width: 13px;
  height: 13px;
}

@media (max-width: 640px) {
  /* line 71, assets/styles/sass/recuperacao_senha.scss */
  .recovery form .box_mostrar-senha input[type="checkbox"] {
    margin: 0 !important;
    width: 35px;
    height: 35px;
  }
}

/* line 83, assets/styles/sass/recuperacao_senha.scss */
.recovery form .box_mostrar-senha label[for="checkbox-senha"] {
  width: auto;
  font-size: 13px;
}

@media (max-width: 640px) {
  /* line 83, assets/styles/sass/recuperacao_senha.scss */
  .recovery form .box_mostrar-senha label[for="checkbox-senha"] {
    font-size: 24px;
  }
}

/* line 93, assets/styles/sass/recuperacao_senha.scss */
.recovery form .bt-recuperar {
  float: right;
  font-size: 1rem;
  margin: 0;
  padding: 10px 50px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 93, assets/styles/sass/recuperacao_senha.scss */
  .recovery form .bt-recuperar {
    font-size: 28px;
    margin-top: 15px;
    padding: 20px;
    width: 100%;
  }
}

/* line 109, assets/styles/sass/recuperacao_senha.scss */
.recovery small {
  color: #000;
  display: table;
  font-size: 0.75rem;
  font-style: italic;
  margin-top: 3rem;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 109, assets/styles/sass/recuperacao_senha.scss */
  .recovery small {
    font-size: 1.25rem;
    margin-bottom: 30px;
  }
}

/*-------------------------------
            TERMOS DE USO
-------------------------------*/
/* line 127, assets/styles/sass/main.scss */
.termos {
  font-size: 1rem;
  text-align: justify;
}

@media (max-width: 640px) {
  /* line 127, assets/styles/sass/main.scss */
  .termos {
    max-width: 580px;
  }
}

/* line 136, assets/styles/sass/main.scss */
.reveal-modal h5 {
  text-transform: uppercase;
}

/* line 140, assets/styles/sass/main.scss */
.reveal-modal ul li {
  color: #000;
  font-weight: 400;
}

/*-------------------------------
       PAINEL DO CLIENTE
-------------------------------*/
/* line 1, assets/styles/sass/cliente.scss */
.client-panel {
  /*
      Largura e recuo padrao do site, como nas demais telas do redesign: o
      .conteudo trava em 1200px com 25px de recuo, mais estreito e desalinhado do
      menu. Aqui vale o $sec-pad, o mesmo do .first-header e do .sec__in.
    */
  /*------------------------------------*\
      #ABAS

      Eram nove caixas de mesma largura com borda, e no celular uma coluna de
      600px FIXOS - o que estourava a tela e criava a rolagem horizontal.

      Agora e um trilho de rotulos: hairline embaixo da faixa, ativo em tinta
      forte com traco de 2px. No celular o trilho ROLA na horizontal em vez de
      empilhar, que e o padrao para navegacao de aba com muitos itens.
    \*------------------------------------*/
  /*------------------------------------*\
      #FAIXA DE AÇÕES DOS FORMULÁRIOS

      "Salvar ou Cancelar" aparece em TRÊS formulários - Seus dados, Dados do
      Influenciador e Squad - e estava escrito duas vezes, quase igual, em
      cliente_dados.scss e cliente_influenciador-squad.scss. Aqui é uma cópia só,
      no nível do painel, que os três herdam.

      O estado desligado vem de CLASSE, não do atributo `disabled`: o cliente.js
      põe e tira `.desativado` conforme o formulário tem ou não alteração. Por
      isso o estado normal fica dentro de `:not(.desativado)` - se os dois
      @extend caíssem no mesmo seletor, o `!important` do fundo de %button-preto
      venceria o cinza do desabilitado e o botão nunca pareceria desligado.
    \*------------------------------------*/
  /**
     * Seus dados
     */
  /**
     * Seus endereços
     */
  /**
     * Seus pedidos
     */
  /**
     * Seus carrinhos
     */
  /**
     * Créditos
     */
  /**
     * Cashback
     */
  /**
     * Influenciador / Revendedor
     */
  /**
     * Avaliações
     */
  /*
      As larguras fixas de 560px que estavam aqui sairam: o trilho de abas agora
      rola na horizontal e os paineis ocupam 100% - a medida fixa era a mesma
      receita que estourava a tela no nivel de cima.
    */
}

/* line 8, assets/styles/sass/cliente.scss */
.client-panel > .conteudo {
  max-width: 1800px;
  padding: 0 clamp(20px, 3.4vw, 64px);
}

/* line 13, assets/styles/sass/cliente.scss */
.client-panel h2 {
  margin: 24px 0 0;
  text-transform: none;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(26px, 2vw, 34px);
  line-height: 1.18;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 13, assets/styles/sass/cliente.scss */
  .client-panel h2 {
    font-size: 43px;
  }
}

/* line 23, assets/styles/sass/cliente.scss */
.client-panel h2 span {
  float: initial;
  font-weight: inherit;
  color: #000000;
}

/* line 40, assets/styles/sass/cliente.scss */
.client-panel .tabs {
  margin: 32px 0 0;
  width: 100%;
  border-bottom: 1px solid #E4E3E1;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  /* rola em vez de empilhar; -webkit-overflow-scrolling deixa o toque solto */
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* "Sair" e acao, nao aba: vai para a ponta oposta e nao ganha o traco */
  /*
          No celular o trilho EMPILHA, uma aba por linha.

          Rolagem horizontal so funciona quando as abas sao poucas: aqui sao nove
          neste nivel e outras seis dentro de "Influenciador", e o que fica fora
          da tela nao se anuncia - na pratica as ultimas abas nunca eram
          encontradas. Cada aba agora e uma linha de largura cheia separada por
          hairline, e a ativa marca com traco na ESQUERDA: na vertical, traco
          embaixo seria apenas mais um separador.
        */
}

/* line 54, assets/styles/sass/cliente.scss */
.client-panel .tabs::-webkit-scrollbar {
  display: none;
}

/* line 56, assets/styles/sass/cliente.scss */
.client-panel .tabs .tab-title,
.client-panel .tabs #link-sair {
  flex: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

/* line 66, assets/styles/sass/cliente.scss */
.client-panel .tabs .tab-title a,
.client-panel .tabs #link-sair a {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 14px;
  background-color: transparent;
  border-bottom: 1.5px solid transparent;
  white-space: nowrap;
  text-align: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 66, assets/styles/sass/cliente.scss */
  .client-panel .tabs .tab-title a,
  .client-panel .tabs #link-sair a {
    font-size: 18px;
    padding: 24px;
  }
}

/* line 87, assets/styles/sass/cliente.scss */
.client-panel .tabs .tab-title:hover a,
.client-panel .tabs #link-sair:hover a {
  color: #000000;
}

/* line 89, assets/styles/sass/cliente.scss */
.client-panel .tabs .tab-title.active a,
.client-panel .tabs #link-sair.active a {
  color: #000000;
  border-bottom-color: #000000;
}

/* line 96, assets/styles/sass/cliente.scss */
.client-panel .tabs #link-sair {
  margin-left: auto;
}

/* line 99, assets/styles/sass/cliente.scss */
.client-panel .tabs #link-sair .tab-title {
  width: auto;
}

@media (max-width: 640px) {
  /* line 40, assets/styles/sass/cliente.scss */
  .client-panel .tabs {
    flex-direction: column;
    gap: 0;
    overflow-x: visible;
    border-bottom: none;
  }
  /* line 118, assets/styles/sass/cliente.scss */
  .client-panel .tabs .tab-title {
    width: 100%;
    border-bottom: 1px solid #E4E3E1;
  }
  /* line 122, assets/styles/sass/cliente.scss */
  .client-panel .tabs .tab-title a {
    padding: 26px 0 26px 20px;
    border-bottom: none;
    /* 3px, e nao $border-width-strong (1.5px): a viewport do
                       celular e forcada em 640, entao a medida do desktop sairia
                       fina demais aqui */
    border-left: 3px solid transparent;
  }
  /* line 132, assets/styles/sass/cliente.scss */
  .client-panel .tabs .tab-title.active a {
    border-left-color: #000000;
  }
  /* line 137, assets/styles/sass/cliente.scss */
  .client-panel .tabs #link-sair {
    width: 100%;
    margin-left: 0;
  }
  /* line 141, assets/styles/sass/cliente.scss */
  .client-panel .tabs #link-sair .tab-title {
    width: 100%;
  }
}

/* line 146, assets/styles/sass/cliente.scss */
.client-panel .tabs-content {
  /*
          float REMOVIDO. Era `float: left` sem largura, aqui e no .content: os
          dois encolhiam para o tamanho do conteudo e, como nada limpava o float,
          o rodape subia e passava POR CIMA do painel - era o que quebrava a tela.
        */
  width: 100%;
  margin-bottom: 80px;
}

/* line 155, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content {
  width: 100%;
  border: none;
  padding: 32px 0 0;
  font-size: 15px;
  line-height: 1.45;
  /* justificado abria rios de espaco nos formularios */
  text-align: left;
}

@media (max-width: 640px) {
  /* line 155, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content {
    margin-top: 0;
    padding-top: 40px;
  }
}

/* line 168, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 clamp(40px, 4.5vw, 72px);
  /*
                  Duas colunas de metade exata. Antes nao tinham base nenhuma e
                  se dimensionavam pelo conteudo - o alinhamento entre esquerda e
                  direita era coincidencia.
                */
  /*
                  A foto ocupa uma FAIXA PROPRIA acima das colunas. Antes era o
                  primeiro filho do .cliente__left, e empurrava a coluna esquerda
                  uns 155px para baixo: "Pais de Origem" nascia muito abaixo de
                  "Celular" e os dois lados nunca se encontravam.
                */
  /*
                  So a foto. O rotulo saiu daqui para a faixa de cima, e o
                  .imagem-cliente__wrap saiu por completo: era um nivel a mais que
                  existia apenas para ancorar o X. Quem ancora agora e este
                  elemento, que o cliente.js ja precisa manter de pe -
                  $(".imagem-cliente").find("img, a").toggle().
                */
  /*
                  Trocar a foto e um BOTAO DISCRETO. Era uma caixa contornada de
                  240px com sombra no hover - peso de acao principal para o que e
                  um ajuste de perfil, e competia com o proprio avatar. Agora
                  reaproveita %button-contorno-preto (contorno, hover e transicao do
                  DS) com padding reduzido, do tamanho do texto.
                */
  /*
                  Wrapper e <div>, nao mais <label>: o par e input + <label for>,
                  como no .box_mostrar-senha desta aba. O cursor de mao fica nos
                  dois elementos clicaveis, nao na faixa toda.
                */
}

/* line 179, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .cliente__left,
.client-panel .tabs-content .content #form-dados .cliente__right {
  flex: 1 1 calc(50% - clamp(40px, 4.5vw, 72px) / 2);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
}

@media (max-width: 1199px) {
  /* line 179, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .cliente__left,
  .client-panel .tabs-content .content #form-dados .cliente__right {
    flex-basis: 100%;
  }
}

/* line 198, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente {
  flex: 0 0 100%;
  margin: 0 0 32px;
  /*
                      Rotulo na faixa 1, ocupando as duas colunas. Abaixo, a foto
                      na coluna 1 atravessando as linhas 2 e 3, e do lado direito
                      "Selecionar a imagem" e o "nao mostrar" empilhados.

                      Sem align-self em nenhum deles: o nome do arquivo aparece
                      DENTRO do .customFileInput ao escolher uma foto, e um
                      align-self:end fazia o bloco crescer para CIMA e invadir a
                      faixa do rotulo.
                    */
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 20px;
  /*
                      Loja que exibe o painel sem avatar (cliente.mostrarImagemPerfil
                      falso) nao renderiza foto nem "selecionar": ai o checkbox
                      atravessa as duas colunas, em vez de ficar indentado sob uma
                      coluna 1 vazia. O seletor de irmao adjacente resolve o outro
                      caso - quando ha avatar, ele volta para a coluna 2.
                    */
}

/* line 217, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente > .painel__imagem-cliente-rotulo {
  grid-column: 1 / -1;
  grid-row: 1;
}

/* line 218, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente > .imagem-cliente {
  grid-column: 1;
  grid-row: 2 / 4;
}

/* line 219, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente > .customFileInput {
  grid-column: 2;
  grid-row: 2;
}

/* line 228, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente > .nao-mostrar-imagem {
  grid-column: 1 / -1;
  grid-row: 2;
}

/* line 230, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente > .customFileInput + .nao-mostrar-imagem {
  grid-column: 2;
  grid-row: 3;
}

/* line 236, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .painel__imagem-cliente-rotulo {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 236, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .painel__imagem-cliente-rotulo {
    font-size: 18px;
  }
}

/* line 255, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente {
  position: relative;
  width: auto;
  margin: 0;
  line-height: 0;
  /* tira o espaco fantasma sob a <img> inline */
  /*
                      X de remover, ancorado no canto superior direito da foto.
                      Agora que ha um caminho unico no template, o .imagem-cliente
                      encolhe exatamente para a largura do avatar - por isso
                      `right` funciona e acompanha qualquer mudanca de tamanho da
                      foto, sem numero magico.
                    */
  /* o nome do arquivo escolhido NAO vive aqui: no template ele e
                       filho do .customFileInput, junto do link. Estilo dele mais
                       abaixo, naquele bloco. */
}

/* line 261, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .avatar-av-loja,
.client-panel .tabs-content .content #form-dados .imagem-cliente .avatar {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0;
  border-radius: 999px;
  object-fit: cover;
  background-color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 261, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .imagem-cliente .avatar-av-loja,
  .client-panel .tabs-content .content #form-dados .imagem-cliente .avatar {
    width: 105px;
    height: 105px;
  }
}

/* line 285, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 500;
  font-size: 11px;
  color: #F2F2F2;
  /* tinta forte, nao vermelho puro: remover a foto e uma
                           acao reversivel - o vermelho fica para excluir a conta */
  background-color: #000000;
  border-radius: 999px;
}

@media (max-width: 640px) {
  /* line 285, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil {
    top: -6px;
    right: -6px;
    width: 32px;
    height: 32px;
  }
}

/* line 311, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil .tooltip__remover-imagem {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}

@media (max-width: 640px) {
  /* line 311, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil .tooltip__remover-imagem {
    font-size: 16px;
    line-height: 30px;
  }
}

/* line 327, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil .tooltip__remover-imagem--text {
  visibility: hidden;
  width: max-content;
  height: auto;
  line-height: 20px;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  padding: 5px;
  /* Posição do Tooltip */
  position: absolute;
  left: 30px;
  top: -5px;
  z-index: 1;
}

/* line 346, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil .tooltip__remover-imagem--text::before {
  border: 5px solid transparent;
  border-right-color: #000;
  content: "";
  left: -10px;
  top: 9px;
}

@media (max-width: 640px) {
  /* line 327, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil .tooltip__remover-imagem--text {
    display: none;
  }
}

/* line 360, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .remover-imagem-perfil .tooltip__remover-imagem:hover .tooltip__remover-imagem--text {
  visibility: visible;
}

/* line 369, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .imagem-cliente .mensagemInputErro {
  font-size: 22px;
}

/* line 380, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .customFileInput {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  width: fit-content;
  margin: 0;
  line-height: 1.45;
  cursor: pointer;
  /*
                      Nome do arquivo escolhido, abaixo do link. Fica oculto ate o
                      cliente.js preencher o texto - e e ele que aplica
                      display:-webkit-box inline, por isso aqui so existe o estado
                      inicial `display: none`.

                      O max-width e o clamp de uma linha impedem que um nome
                      comprido estique a coluna: era o que mais mexia no layout ao
                      escolher a foto.
                    */
}

/* line 389, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .customFileInput .selecionar-imagem {
  /*
                          `height: auto` e `padding` NAO sao redundantes: em
                          cliente_dados.scss:24 todo `span` desta aba recebe
                          %input-padrao - 46px de altura (65px no mobile) e o
                          contorno de campo. Sem isto o botao nasce com a altura de
                          um input.
                        */
  display: inline-flex;
  width: auto;
  height: auto;
  margin: 0;
  padding: 9px 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 389, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .customFileInput .selecionar-imagem {
    padding: 15px 26px;
    font-size: 18px;
  }
}

/* line 415, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .customFileInput input {
  height: auto;
}

/* line 429, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .customFileInput .nome-imagem-perfil {
  display: none;
  border: none;
  height: auto;
  margin: 4px 0 0;
  max-width: 22ch;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.18;
  color: #7D7B78;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 429, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .customFileInput .nome-imagem-perfil {
    font-size: 20px;
    max-width: 18ch;
    word-break: break-all;
  }
}

/* line 459, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .nao-mostrar-imagem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  width: auto;
  /* sem margin-bottom: o respiro agora vem do gap do grid */
  margin: 0;
  /*
                      `.dados label` (cliente_dados.scss:12) da 16px cinza a todo
                      rotulo desta aba - e o tamanho dos rotulos de campo. Aqui o
                      texto e uma opcao ao lado da caixa, entao volta para o corpo
                      miudo.
                    */
}

/* line 466, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .nao-mostrar-imagem input {
  width: 13px;
  height: 13px;
  margin: 0;
  cursor: pointer;
}

@media (max-width: 640px) {
  /* line 466, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .nao-mostrar-imagem input {
    height: 26px;
    width: 26px;
  }
}

/* line 484, assets/styles/sass/cliente.scss */
.client-panel .tabs-content .content #form-dados .nao-mostrar-imagem label {
  margin: 0;
  text-align: start;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: normal;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 484, assets/styles/sass/cliente.scss */
  .client-panel .tabs-content .content #form-dados .nao-mostrar-imagem label {
    font-size: 20px;
  }
}

/* line 502, assets/styles/sass/cliente.scss */
.client-panel .painel_subtitulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 502, assets/styles/sass/cliente.scss */
  .client-panel .painel_subtitulo {
    font-size: 25px;
    line-height: 35px;
  }
}

/* line 511, assets/styles/sass/cliente.scss */
.client-panel .painel_subtitulo span {
  color: #000;
  float: initial;
  font-weight: 700;
}

/* line 532, assets/styles/sass/cliente.scss */
.client-panel .botoes {
  width: 100%;
  margin: 40px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  /* o "ou" é só uma conjunção: tinta apagada, e desaparece no celular,
           onde os dois itens ficam empilhados e a palavra não liga mais nada */
}

@media (max-width: 640px) {
  /* line 532, assets/styles/sass/cliente.scss */
  .client-panel .botoes {
    flex-direction: column;
    gap: 26px;
    margin-top: 66px;
  }
}

/* line 545, assets/styles/sass/cliente.scss */
.client-panel .botoes button {
  width: 232px;
  height: 50px;
  margin: 0;
  padding: 0 24px;
  /* %button-desabilitado traz cursor: not-allowed e pointer-events:
               none - o clique morre no CSS, e o cliente.js ainda barra o submit
               pela mesma classe */
}

@media (max-width: 640px) {
  /* line 545, assets/styles/sass/cliente.scss */
  .client-panel .botoes button {
    width: 100%;
    height: 82px;
    font-size: 20px;
  }
}

/* line 571, assets/styles/sass/cliente.scss */
.client-panel .botoes span {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  color: #A8A6A3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 571, assets/styles/sass/cliente.scss */
  .client-panel .botoes span {
    display: none;
  }
}

/* line 583, assets/styles/sass/cliente.scss */
.client-panel .botoes a {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #232221;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 592, assets/styles/sass/cliente.scss */
.client-panel .botoes a.desativado {
  color: #A8A6A3;
  cursor: default;
  pointer-events: none;
  /* mata o sublinhado que cresce no hover do %f-underline */
  background-image: none;
}

@media (max-width: 640px) {
  /* line 583, assets/styles/sass/cliente.scss */
  .client-panel .botoes a {
    font-size: 18px;
  }
}

/* line 3, assets/styles/sass/cliente_dados.scss */
.client-panel .dados fieldset {
  width: 49%;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados fieldset {
    margin-bottom: 20px;
    width: 100%;
  }
}

/* line 12, assets/styles/sass/cliente_dados.scss */
.client-panel .dados label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  color: #858585;
}

@media (max-width: 1199px) {
  /* line 12, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados label {
    font-size: 15px;
  }
}

@media (max-width: 640px) {
  /* line 12, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados label {
    font-size: 24px;
  }
}

/* line 24, assets/styles/sass/cliente_dados.scss */
.client-panel .dados input,
.client-panel .dados select,
.client-panel .dados span:not(.asterisco):not(.mensagemInputErro):not(.mensagemInputAlerta) {
  height: 46px;
}

@media (max-width: 640px) {
  /* line 24, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados input,
  .client-panel .dados select,
  .client-panel .dados span:not(.asterisco):not(.mensagemInputErro):not(.mensagemInputAlerta) {
    border-width: 2px;
    font-size: 24px;
    height: 65px;
  }
}

/* line 37, assets/styles/sass/cliente_dados.scss */
.client-panel .dados span {
  background-color: #ffffff;
  font-weight: 400;
  border: 0;
}

/* line 43, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .btn-atacadista {
  margin-bottom: 12px;
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .btn-atacadista {
    margin-bottom: 16px;
  }
}

/* line 51, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .bloco-excluir-conta {
  clear: both;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 51, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .bloco-excluir-conta {
    justify-content: center;
    margin: 20px 0;
  }
}

/* line 61, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .bloco-excluir-conta .button-excluir-conta {
  width: 100%;
  padding: 10px 24px;
  font-size: 14px;
  color: #ffffff;
}

/* line 67, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .bloco-excluir-conta .button-excluir-conta:hover, .client-panel .dados .bloco-excluir-conta .button-excluir-conta:focus {
  color: #ffffff;
}

@media (max-width: 640px) {
  /* line 61, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .bloco-excluir-conta .button-excluir-conta {
    font-size: 20px;
    padding: 14px 28px;
  }
}

/* line 78, assets/styles/sass/cliente_dados.scss */
.client-panel .dados label.receber-news {
  font-size: 1rem;
}

/* line 81, assets/styles/sass/cliente_dados.scss */
.client-panel .dados label.receber-news input[type="checkbox"] {
  float: left;
  margin-top: -9px !important;
  margin-right: 5px;
  width: 15px !important;
}

@media (max-width: 640px) {
  /* line 81, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados label.receber-news input[type="checkbox"] {
    margin-top: -16px !important;
    width: 20px !important;
  }
}

/* line 94, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .box_mostrar-senha {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

/* line 98, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .box_mostrar-senha input[type="checkbox"] {
  margin: 0;
  width: 13px;
  height: 13px;
}

@media (max-width: 640px) {
  /* line 98, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .box_mostrar-senha input[type="checkbox"] {
    height: 35px;
    width: 35px;
  }
}

/* line 109, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .box_mostrar-senha label[for="checkbox-senha"] {
  font-size: 13px;
}

@media (max-width: 640px) {
  /* line 109, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .box_mostrar-senha label[for="checkbox-senha"] {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .btn-atacadista {
    font-size: 1.5rem;
  }
}

/* line 125, assets/styles/sass/cliente_dados.scss */
.client-panel .dados .aviso-atacadista {
  position: relative;
  margin-top: 5px;
}

@media (max-width: 640px) {
  /* line 125, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .aviso-atacadista {
    font-size: 1.25rem;
    float: right;
  }
  /* line 133, assets/styles/sass/cliente_dados.scss */
  .client-panel .dados .aviso-atacadista:last-of-type {
    margin-bottom: 2rem;
  }
}

/* line 145, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-insc, .client-panel #form-dados .cliente__left .input-estado, .client-panel #form-dados .cliente__left .input-insc, .client-panel #form-dados .cliente__left .input-sit-trib {
  margin-bottom: 15px;
}

/* line 148, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-insc span:not(.asterisco), .client-panel #form-dados .cliente__left .input-estado span:not(.asterisco), .client-panel #form-dados .cliente__left .input-insc span:not(.asterisco), .client-panel #form-dados .cliente__left .input-sit-trib span:not(.asterisco) {
  display: flex;
  width: 100%;
  background: #ffffff;
  align-items: center;
  padding-left: 8px;
  cursor: default;
}

/* line 158, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .cpf-nao-editavel {
  display: block;
  line-height: 30px;
  padding: 8px;
  margin-bottom: 16px;
}

@media (max-width: 640px) {
  /* line 158, assets/styles/sass/cliente_dados.scss */
  .client-panel #form-dados .cliente__left .cpf-nao-editavel {
    line-height: 49px;
  }
}

/* line 169, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-sit-trib {
  width: 100%;
  margin-bottom: 15px;
}

/* line 173, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-sit-trib .block-situacao-radio {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 176, assets/styles/sass/cliente_dados.scss */
  .client-panel #form-dados .cliente__left .input-sit-trib .block-situacao-radio label {
    font-size: 22px;
  }
}

/* line 183, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-sit-trib .situacao {
  float: left;
  margin: 10px 0 15px 0;
}

/* line 188, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-sit-trib input {
  float: left;
  height: auto;
  margin-top: 5px;
  margin-bottom: 0;
  width: auto;
}

/* line 196, assets/styles/sass/cliente_dados.scss */
.client-panel #form-dados .cliente__left .input-sit-trib label {
  width: auto;
}

/* line 3, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco ul {
  width: 100%;
}

/* line 6, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco ul li {
  width: 49%;
}

@media (max-width: 640px) {
  /* line 6, assets/styles/sass/cliente_enderecos.scss */
  .client-panel .endereco ul li {
    width: 100%;
  }
}

/* line 13, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco ul li address {
  border-bottom: none;
  padding-bottom: 0;
}

@media (max-width: 1199px) {
  /* line 13, assets/styles/sass/cliente_enderecos.scss */
  .client-panel .endereco ul li address {
    width: 92%;
  }
}

/* line 24, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco .box-post_id {
  min-height: 115px;
}

@media (max-width: 640px) {
  /* line 24, assets/styles/sass/cliente_enderecos.scss */
  .client-panel .endereco .box-post_id {
    min-height: 110px;
    width: 100%;
  }
}

/* line 33, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco .box-post_id-add {
  min-height: 117px;
}

@media (max-width: 640px) {
  /* line 33, assets/styles/sass/cliente_enderecos.scss */
  .client-panel .endereco .box-post_id-add {
    width: 100%;
  }
}

/* line 41, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco .aviso-solicitacao-atacado-pendente {
  background: #e8f4fd;
  border-left: 4px solid #5189b8;
  padding: 1rem;
  margin: 1rem 0;
  float: left;
  width: 100%;
}

/* line 49, assets/styles/sass/cliente_enderecos.scss */
.client-panel .endereco .aviso-solicitacao-atacado-pendente p {
  margin-bottom: 0.75rem;
}

/* line 3, assets/styles/sass/cliente_pedidos.scss */
.client-panel .orders {
  border: 1px solid #f1f1f1;
  margin: 20px 0 50px;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .orders {
    width: 100%;
  }
  /* line 11, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .orders .detalhes-reduzir-button {
    font-size: 24px;
    margin: 0;
    padding: 12px;
    width: 520px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    display: none;
  }
}

/* line 25, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido {
  font-size: 1rem;
  height: 210px;
  padding: 20px 0px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 25, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido {
    height: auto;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* line 41, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido section,
.client-panel .topo-pedido aside {
  color: #858585;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 52, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido section p {
  color: #858585;
  font-weight: 400;
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido section p {
    font-size: 24px;
    line-height: 25px;
  }
}

/* line 62, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido section .pac_reverso {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #858585;
  margin-top: 10px;
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido section .pac_reverso {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
  }
}

/* line 73, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido section:nth-of-type(1) {
  width: 300px;
}

@media (max-width: 1199px) {
  /* line 73, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido section:nth-of-type(1) {
    width: 220px;
  }
}

@media (max-width: 640px) {
  /* line 73, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido section:nth-of-type(1) {
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
  }
}

/* line 86, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido section:nth-of-type(1) span {
  float: initial;
}

@media (max-width: 640px) {
  /* line 92, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside {
    border: 0;
    padding: 0;
  }
}

/* line 99, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside:nth-of-type(1) {
  border-right: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  width: 290px;
}

@media (max-width: 1199px) {
  /* line 99, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside:nth-of-type(1) {
    width: 220px;
  }
}

@media (max-width: 640px) {
  /* line 99, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside:nth-of-type(1) {
    border: 0;
    text-align: left;
    width: 100%;
    align-self: flex-start;
  }
}

/* line 115, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside:nth-of-type(1) a {
  color: #858585;
  text-decoration: underline;
}

/* line 121, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside:nth-of-type(2) {
  width: 100px;
}

@media (max-width: 640px) {
  /* line 121, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside:nth-of-type(2) {
    margin-top: 15px;
    width: 100%;
  }
}

/* line 130, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside:nth-of-type(3) {
  border-left: 1px solid #f1f1f1;
  padding-left: 80px;
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 130, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside:nth-of-type(3) {
    padding-left: 40px;
    width: 319px;
  }
}

@media (max-width: 640px) {
  /* line 130, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside:nth-of-type(3) {
    border-left: 0;
    margin-top: 30px;
    padding-left: 0;
    width: 520px;
  }
}

/* line 149, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside.comprovante {
  padding: 18px .8rem;
}

@media (max-width: 1199px) {
  /* line 149, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante {
    padding: 0;
  }
}

@media (max-width: 640px) {
  /* line 149, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante {
    padding: 0 .8rem;
    width: 100%;
  }
  /* line 160, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante input {
    font-size: 20px;
    height: 50px;
  }
}

/* line 166, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside.comprovante .form-comprovante {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 640px) {
  /* line 166, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante .form-comprovante {
    margin-bottom: 30px;
  }
}

/* line 174, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside.comprovante .form-comprovante input {
  margin: 0;
}

@media (max-width: 640px) {
  /* line 178, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante .form-comprovante .divComprovanteNumero {
    width: 60%;
  }
}

@media (max-width: 640px) {
  /* line 188, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante .form-comprovante .divComprovanteArquivo span, .client-panel .topo-pedido aside.comprovante .form-comprovante .divComprovanteArquivo a {
    display: flex;
    font-size: 22px;
    text-align: center;
    justify-content: center;
  }
  /* line 195, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante .form-comprovante .divComprovanteArquivo a {
    margin-top: -10px;
  }
}

/* line 202, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside.comprovante .bt-informar {
  left: 0;
  margin: 0;
  padding: 7px 10px;
  width: 147px;
}

@media (max-width: 1199px) {
  /* line 202, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante .bt-informar {
    width: 85%;
  }
}

@media (max-width: 640px) {
  /* line 202, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside.comprovante .bt-informar {
    font-size: 20px;
    padding: 10px;
    width: 60%;
  }
}

/* line 220, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .customFileInput {
  float: left;
  width: 147px;
}

@media (max-width: 1199px) {
  /* line 220, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .customFileInput {
    width: 100%;
    width: 85%;
  }
}

@media (max-width: 640px) {
  /* line 220, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .customFileInput {
    width: 100%;
  }
}

/* line 233, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .customFileInput input {
  position: absolute;
  visibility: hidden;
  width: 200px;
}

/* line 239, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .customFileInput .button,
.client-panel .topo-pedido aside .customFileInput .fileName {
  float: left;
  cursor: pointer;
  font-size: 0.9em;
  line-height: 29px;
}

/* line 247, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .customFileInput .button {
  width: 100%;
  padding: 0 5px;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

@media (max-width: 1199px) {
  /* line 247, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .customFileInput .button {
    margin-bottom: 10px;
  }
}

@media (max-width: 640px) {
  /* line 247, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .customFileInput .button {
    font-size: 20px;
    padding: 10px;
    margin-top: 10px;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    left: 20%;
  }
}

/* line 269, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .customFileInput .fileName {
  color: #858585;
  float: left;
  line-height: 16px;
  margin-top: -10px;
  text-align: left;
  width: 100%;
}

/* line 279, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside button.pag-boleto-painel {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #000;
  padding: 5px 0;
  width: 180px;
}

@media (max-width: 640px) {
  /* line 279, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside button.pag-boleto-painel {
    float: right;
    font-size: 20px;
    margin: 10px 0 0 0;
    padding: 12px;
    width: auto;
  }
}

/* line 296, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside button {
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 10px;
  text-align: center;
  width: 240px;
}

@media (max-width: 640px) {
  /* line 296, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside button {
    font-size: 24px;
    left: 0;
    margin: 0 0 20px 0;
    padding: 12px;
    width: 520px;
  }
}

/* line 312, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside button i {
  max-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 319, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .detalhes-reduzir-button {
  display: none;
}

@media (max-width: 640px) {
  /* line 319, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .detalhes-reduzir-button {
    margin: 0;
    margin-bottom: 20px;
  }
}

/* line 328, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .refazer-carrinho-cliente__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 328, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .refazer-carrinho-cliente__wrap {
    margin-bottom: 20px;
  }
}

/* line 336, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .refazer-carrinho-cliente {
  margin: 0;
}

/* line 340, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-pedido aside .img-doubt {
  margin-left: 15px;
}

@media (max-width: 640px) {
  /* line 340, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-pedido aside .img-doubt {
    display: none;
  }
}

/* line 350, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-carrinho {
  background-color: #f1f1f1;
  height: 3rem;
  line-height: 34px;
  padding: 8px 20px;
  width: 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 350, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-carrinho {
    font-size: 1.25rem;
    padding-right: 0;
    padding-left: 0;
  }
}

/* line 365, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-carrinho section,
.client-panel .topo-carrinho aside {
  float: left;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 374, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-carrinho section:nth-of-type(1) {
    padding-top: 4px;
    width: 100%;
  }
}

/* line 381, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-carrinho .list-product {
  width: 530px;
}

@media (max-width: 1199px) {
  /* line 381, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-carrinho .list-product {
    width: 400px;
  }
}

/* line 388, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-carrinho .list-product span {
  float: initial;
}

/* line 393, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-carrinho .price-product,
.client-panel .topo-carrinho .count-product,
.client-panel .topo-carrinho .price-partial {
  width: 178px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1199px) {
  /* line 393, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-carrinho .price-product,
  .client-panel .topo-carrinho .count-product,
  .client-panel .topo-carrinho .price-partial {
    width: 142px;
  }
}

@media (max-width: 640px) {
  /* line 393, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .topo-carrinho .price-product,
  .client-panel .topo-carrinho .count-product,
  .client-panel .topo-carrinho .price-partial {
    display: none !important;
  }
}

/* line 410, assets/styles/sass/cliente_pedidos.scss */
.client-panel .topo-carrinho .list-product {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media (max-width: 640px) {
  /* line 418, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes {
    float: left;
    width: 100%;
  }
}

/* line 425, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul {
  width: 100%;
}

/* line 428, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul .list-product {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 530px;
}

@media (max-width: 1199px) {
  /* line 428, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul .list-product {
    width: 400px;
    flex-direction: column;
    justify-content: end;
  }
}

@media (max-width: 640px) {
  /* line 428, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul .list-product {
    width: 100%;
  }
}

/* line 443, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul .price-product,
.client-panel .produto-detalhes ul .count-product,
.client-panel .produto-detalhes ul .price-partial {
  justify-content: center;
  width: 178px;
}

@media (max-width: 1199px) {
  /* line 443, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul .price-product,
  .client-panel .produto-detalhes ul .count-product,
  .client-panel .produto-detalhes ul .price-partial {
    width: 140px;
  }
}

@media (max-width: 640px) {
  /* line 443, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul .price-product,
  .client-panel .produto-detalhes ul .count-product,
  .client-panel .produto-detalhes ul .price-partial {
    width: 50%;
  }
}

@media (max-width: 640px) {
  /* line 460, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul .pedido-personalizacao .item-personalizacao textarea {
    width: 516px;
    height: 100px;
  }
}

/* line 469, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #f1f1f1;
  padding: 20px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 469, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li {
    flex-direction: row-reverse;
  }
}

/* line 479, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li:last-child {
  margin-bottom: 20px;
}

/* line 483, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li figure {
  width: 100%;
  display: flex;
}

@media (max-width: 640px) {
  /* line 488, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li figure figcaption header {
    min-width: 420px;
  }
}

/* line 496, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li figure > a {
  border: 1px solid #f1f1f1;
  float: left;
}

/* line 501, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li figcaption {
  float: left;
  margin-left: 15px;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 501, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li figcaption {
    width: 288px;
  }
}

@media (max-width: 640px) {
  /* line 501, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li figcaption {
    width: 366px;
  }
}

/* line 515, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li header {
  float: left;
}

/* line 518, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li header h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #858585;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  /* line 518, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li header h2 {
    font-size: 21px;
    line-height: 23px;
  }
}

/* line 528, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li header small {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: #858585;
  margin-top: 5px;
  position: relative;
}

@media (max-width: 640px) {
  /* line 528, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li header small {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 540, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li header .cor,
.client-panel .produto-detalhes ul li header .tamanho {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #858585;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 540, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li header .cor,
  .client-panel .produto-detalhes ul li header .tamanho {
    font-size: 22px;
    line-height: 26px;
  }
}

@media (max-width: 640px) {
  /* line 552, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li header .cor {
    margin-top: 10px;
  }
}

/* line 558, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li header .tag.tag-personalizacao {
  float: left;
  width: fit-content;
  margin: 10px 0 0;
  padding: 4px 8px;
}

@media (max-width: 640px) {
  /* line 566, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] {
    float: right !important;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
  }
}

/* line 575, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] p {
  font-size: 28px;
  line-height: 135px;
  margin: 0;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 575, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] p {
    font-size: 28px;
    height: 68px;
    line-height: 40px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 589, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] p::before {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #858585;
    content: "Preço unitário:";
    text-align: right;
    right: 0;
    top: 0;
  }
}

/* line 600, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] {
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 600, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] {
    height: auto;
    margin-top: 15px;
    flex-direction: row;
    justify-content: flex-start;
  }
}

/* line 611, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod {
  color: #858585;
  font-size: 1.25rem;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 611, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod {
    font-size: 28px;
    height: 68px;
    line-height: 40px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 624, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod::before {
    content: "Quantidade:";
    font-size: 20px;
    left: 0;
    line-height: 20px;
    top: 0;
  }
}

/* line 634, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao {
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 634, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao {
    margin-left: 20px;
    text-align: left;
  }
}

/* line 643, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 643, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao label {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 7px;
  }
}

/* line 653, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao span {
  color: #858585;
  font-size: 16px;
}

@media (max-width: 640px) {
  /* line 653, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao span {
    font-size: 26px;
    line-height: 26px;
  }
}

/* line 665, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes ul li aside[data-cart-partial-value="action-price_partial-cart"] .price {
  font-size: 28px;
  line-height: 135px;
  margin: 0;
  text-align: center;
}

/* line 674, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer {
  background: #ffffff;
  border-top: none;
  display: table;
  margin-top: -20px;
}

/* line 680, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer header,
.client-panel .produto-detalhes footer .valor-frete,
.client-panel .produto-detalhes footer .end-values {
  border-bottom: 1px solid #f1f1f1;
  height: 5rem;
  width: 100%;
}

/* line 688, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer header {
  background-color: #f1f1f1;
}

@media (max-width: 640px) {
  /* line 688, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer header {
    padding: 20px;
  }
}

/* line 695, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer header aside {
  width: 100%;
}

/* line 698, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer header aside h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
  color: #000;
  float: right;
  padding: 0 20px 0 0;
  position: relative;
}

@media (max-width: 640px) {
  /* line 698, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer header aside h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 0;
    text-align: right;
    width: 100%;
  }
}

/* line 713, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer header aside h2:after {
  content: 'Subtotal:';
  font-size: 24px;
  font-weight: 400;
  left: -120px;
}

@media (max-width: 640px) {
  /* line 713, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer header aside h2:after {
    font-size: 22px;
    left: 0;
  }
}

/* line 729, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .valor-frete div {
  float: right;
  margin: 20px 20px 0 0;
}

/* line 733, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .valor-frete .abre-frete-gratis span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: normal;
  color: #000;
  float: left;
  margin-top: 0rem;
}

/* line 738, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .valor-frete span > strong {
  float: initial;
}

/* line 742, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .valor-frete p label {
  color: #858585;
  float: left;
  font-size: 1.25rem;
  margin: 5px 0 0 -145px;
}

/* line 748, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .valor-frete p .price {
  color: #858585;
  font-size: 1.5rem;
  margin: 0 0 0 0;
  position: relative;
}

/* line 754, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .valor-frete p .price:before {
  content: "R$";
  margin: 0 0 0 -32px;
  position: absolute;
}

/* line 763, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .totais {
  min-height: 90px;
  padding: 20px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 763, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer .totais {
    min-height: 70px;
  }
}

/* line 772, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .totais p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #858585;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 772, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer .totais p {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 786, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .end-values {
  background-color: #f1f1f1;
  padding: 20px;
}

/* line 790, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .end-values p.price {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: #000;
  float: right;
  position: relative;
}

@media (max-width: 640px) {
  /* line 790, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer .end-values p.price {
    font-size: 30px;
    text-align: right;
    width: 100%;
  }
}

/* line 802, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .end-values p.price:after {
  content: "Valor total:";
  font-size: 1.5rem;
  left: -180px;
}

@media (max-width: 640px) {
  /* line 802, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer .end-values p.price:after {
    content: "Valor total do pedido:";
    font-size: 22px;
    left: 0;
  }
}

/* line 816, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .delivery-address p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #858585;
  float: right;
  margin-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
  text-align: right;
}

@media (max-width: 640px) {
  /* line 816, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer .delivery-address p {
    font-size: 1.5rem;
    line-height: 30px;
    padding-top: 3rem;
  }
}

/* line 831, assets/styles/sass/cliente_pedidos.scss */
.client-panel .produto-detalhes footer .delivery-address p:before {
  content: "Endereço de entrega:";
  font-size: 1rem;
  left: -180px;
}

@media (max-width: 640px) {
  /* line 831, assets/styles/sass/cliente_pedidos.scss */
  .client-panel .produto-detalhes footer .delivery-address p:before {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: -32px;
    margin-left: 0;
    right: 0;
  }
}

/* line 3, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .orders {
  border: 1px solid #f1f1f1;
  margin: 20px 0 50px;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .orders {
    width: 100%;
  }
  /* line 11, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .orders .detalhes-reduzir-button {
    font-size: 24px;
    margin: 0;
    padding: 12px;
    width: 520px;
    margin: 0 35px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    display: none;
  }
}

/* line 25, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos {
  font-size: 1rem;
  height: 210px;
  padding: 20px 0px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 25, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos {
    height: auto;
    padding: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* line 41, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos section,
.client-panel .topo-carrinhos aside {
  color: #858585;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 52, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos section p {
  color: #858585;
  font-weight: 400;
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos section p {
    font-size: 24px;
    line-height: 25px;
  }
}

/* line 62, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos section:nth-of-type(1) {
  width: 300px;
}

@media (max-width: 1199px) {
  /* line 62, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos section:nth-of-type(1) {
    width: 220px;
  }
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos section:nth-of-type(1) {
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
  }
}

/* line 75, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos section:nth-of-type(1) span {
  float: initial;
}

@media (max-width: 640px) {
  /* line 81, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside {
    border: 0;
    padding: 0;
  }
}

/* line 87, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside:nth-of-type(1) {
  border-right: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  width: 290px;
}

@media (max-width: 1199px) {
  /* line 87, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside:nth-of-type(1) {
    width: 220px;
  }
}

@media (max-width: 640px) {
  /* line 87, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside:nth-of-type(1) {
    border: 0;
    text-align: left;
    width: 100%;
    align-self: flex-start;
  }
}

/* line 103, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside:nth-of-type(1) a {
  color: #858585;
  text-decoration: underline;
}

/* line 109, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside:nth-of-type(2) {
  width: 100px;
}

@media (max-width: 640px) {
  /* line 109, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside:nth-of-type(2) {
    margin-top: 15px;
    width: 100%;
  }
}

/* line 118, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside:nth-of-type(3) {
  border-left: 1px solid #f1f1f1;
  padding-left: 80px;
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 118, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside:nth-of-type(3) {
    padding-left: 40px;
    width: 319px;
  }
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside:nth-of-type(3) {
    border-left: 0;
    margin-top: 30px;
    padding-left: 0;
    width: 520px;
  }
}

/* line 137, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside button {
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 10px;
  text-align: center;
  width: 240px;
}

@media (max-width: 640px) {
  /* line 137, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside button {
    font-size: 24px;
    left: 0;
    margin: 0 0 20px 0;
    padding: 12px;
    width: 520px;
  }
}

/* line 153, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside button i {
  max-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 160, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside .detalhes-reduzir-button {
  display: none;
}

@media (max-width: 640px) {
  /* line 160, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside .detalhes-reduzir-button {
    margin: 0;
    margin-bottom: 20px;
  }
}

/* line 169, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside .recuperar-carrinho-cliente__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 169, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside .recuperar-carrinho-cliente__wrap {
    margin-bottom: 20px;
  }
}

/* line 177, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside .recuperar-carrinho-cliente {
  margin: 0;
}

/* line 181, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinhos aside .img-doubt {
  margin-left: 15px;
}

@media (max-width: 640px) {
  /* line 181, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinhos aside .img-doubt {
    display: none;
  }
}

/* line 191, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinho {
  background-color: #f1f1f1;
  height: 3rem;
  line-height: 34px;
  padding: 8px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 191, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinho {
    font-size: 1.25rem;
    padding-right: 0;
    padding-left: 0;
  }
}

/* line 207, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinho section,
.client-panel .topo-carrinho aside {
  float: left;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 216, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinho section:nth-of-type(1) {
    padding-top: 4px;
    width: 100%;
  }
}

/* line 223, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinho .list-product {
  width: 530px;
}

@media (max-width: 1199px) {
  /* line 223, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinho .list-product {
    width: 400px;
  }
}

/* line 230, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinho .list-product span {
  float: initial;
}

/* line 235, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinho .price-product,
.client-panel .topo-carrinho .count-product,
.client-panel .topo-carrinho .price-partial {
  width: 178px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1199px) {
  /* line 235, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinho .price-product,
  .client-panel .topo-carrinho .count-product,
  .client-panel .topo-carrinho .price-partial {
    width: 142px;
  }
}

@media (max-width: 640px) {
  /* line 235, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .topo-carrinho .price-product,
  .client-panel .topo-carrinho .count-product,
  .client-panel .topo-carrinho .price-partial {
    display: none !important;
  }
}

/* line 252, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .topo-carrinho .list-product {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media (max-width: 640px) {
  /* line 260, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
}

/* line 267, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul {
  width: 100%;
}

/* line 270, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul .list-product {
  width: 530px;
}

@media (max-width: 1199px) {
  /* line 270, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul .list-product {
    width: 400px;
  }
}

@media (max-width: 640px) {
  /* line 270, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul .list-product {
    width: 100%;
  }
}

/* line 282, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul .price-product,
.client-panel .carrinho-detalhes ul .count-product,
.client-panel .carrinho-detalhes ul .price-partial {
  width: 178px;
  justify-content: center;
}

@media (max-width: 1199px) {
  /* line 282, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul .price-product,
  .client-panel .carrinho-detalhes ul .count-product,
  .client-panel .carrinho-detalhes ul .price-partial {
    width: 140px;
  }
}

@media (max-width: 640px) {
  /* line 282, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul .price-product,
  .client-panel .carrinho-detalhes ul .count-product,
  .client-panel .carrinho-detalhes ul .price-partial {
    width: 50%;
  }
}

/* line 297, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li {
  border-bottom: 1px solid #f1f1f1;
  float: left;
  padding: 20px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/* line 306, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li figure > a {
  border: 1px solid #f1f1f1;
  float: left;
}

/* line 311, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li figcaption {
  float: left;
  margin-left: 15px;
  width: 423px;
}

@media (max-width: 1199px) {
  /* line 311, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li figcaption {
    width: 288px;
  }
}

@media (max-width: 640px) {
  /* line 311, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li figcaption {
    width: 366px;
  }
}

/* line 325, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li header {
  float: left;
}

/* line 328, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li header h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #858585;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  /* line 328, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li header h2 {
    font-size: 21px;
    line-height: 23px;
  }
}

/* line 338, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li header small {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: #858585;
  margin-top: 5px;
  position: relative;
}

@media (max-width: 640px) {
  /* line 338, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li header small {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 350, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li header .cor,
.client-panel .carrinho-detalhes ul li header .tamanho {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #858585;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 350, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li header .cor,
  .client-panel .carrinho-detalhes ul li header .tamanho {
    font-size: 22px;
    line-height: 26px;
  }
}

@media (max-width: 640px) {
  /* line 362, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li header .cor {
    margin-top: 10px;
  }
}

@media (max-width: 640px) {
  /* line 369, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li aside[data-cart-price="action-price_product"] {
    float: right !important;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
  }
}

/* line 378, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li aside[data-cart-price="action-price_product"] p {
  font-size: 28px;
  line-height: 135px;
  margin: 0;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 378, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li aside[data-cart-price="action-price_product"] p {
    font-size: 28px;
    height: 68px;
    line-height: 40px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 392, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li aside[data-cart-price="action-price_product"] p::before {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #858585;
    content: "Preço unitário:";
    text-align: right;
    right: 0;
    top: 0;
  }
}

/* line 403, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li aside[data-cart-count="action-count_product"] {
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 403, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li aside[data-cart-count="action-count_product"] {
    height: auto;
    margin-top: 15px;
    flex-direction: row;
    justify-content: flex-start;
  }
}

/* line 414, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod {
  color: #858585;
  font-size: 1.25rem;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 414, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod {
    font-size: 28px;
    height: 68px;
    line-height: 40px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* line 427, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod::before {
    content: "Quantidade:";
    font-size: 20px;
    left: 0;
    line-height: 20px;
    top: 0;
  }
}

/* line 438, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes ul li aside[data-cart-partial-value="action-price_partial-cart"] .price {
  font-size: 28px;
  line-height: 135px;
  margin: 0;
  text-align: center;
}

/* line 447, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer {
  background: #ffffff;
  border-top: none;
  display: table;
  margin-top: -20px;
}

/* line 453, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer header,
.client-panel .carrinho-detalhes footer .end-values {
  border-bottom: 1px solid #f1f1f1;
  height: 5rem;
  width: 100%;
}

/* line 460, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer header {
  background-color: #f1f1f1;
}

@media (max-width: 640px) {
  /* line 460, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer header {
    padding: 20px;
  }
}

/* line 467, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer header aside {
  width: 100%;
}

/* line 470, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer header aside h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
  color: #000;
  float: right;
  padding: 0 20px 0 0;
  position: relative;
}

@media (max-width: 640px) {
  /* line 470, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer header aside h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 0;
    text-align: right;
    width: 100%;
  }
}

/* line 485, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer header aside h2:after {
  content: 'Subtotal:';
  font-size: 24px;
  font-weight: 400;
  left: -120px;
}

@media (max-width: 640px) {
  /* line 485, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer header aside h2:after {
    font-size: 22px;
    left: 0;
  }
}

/* line 500, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer .totais {
  min-height: 90px;
  padding: 20px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 500, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer .totais {
    min-height: 70px;
  }
}

/* line 509, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer .totais p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #858585;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 509, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer .totais p {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 523, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer .end-values {
  background-color: #f1f1f1;
  padding: 20px;
}

/* line 527, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer .end-values p.price {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: #000;
  float: right;
  position: relative;
}

@media (max-width: 640px) {
  /* line 527, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer .end-values p.price {
    font-size: 30px;
    text-align: right;
    width: 100%;
  }
}

/* line 539, assets/styles/sass/cliente_carrinhos.scss */
.client-panel .carrinho-detalhes footer .end-values p.price:after {
  content: "Valor total:";
  font-size: 1.5rem;
  left: -180px;
}

@media (max-width: 640px) {
  /* line 539, assets/styles/sass/cliente_carrinhos.scss */
  .client-panel .carrinho-detalhes footer .end-values p.price:after {
    content: "Valor total do carrinho:";
    font-size: 22px;
    left: 0;
  }
}

/* line 3, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos h4 {
  color: #858585;
  font-size: 18px;
  margin: 20px 0 15px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/cliente_creditos.scss */
  .client-panel .creditos h4 {
    font-size: 26px;
  }
}

/* line 15, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos {
  background-color: transparent;
  border: 1px solid #000;
  margin-bottom: 0;
  width: 100%;
}

/* line 21, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos thead {
  background-color: #000;
  text-transform: uppercase;
}

/* line 25, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos thead th {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;
  color: #ffffff;
  padding: 10px 15px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 25, assets/styles/sass/cliente_creditos.scss */
  .client-panel .creditos .extrato-creditos thead th {
    font-size: 20px;
  }
}

/* line 34, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos thead th:first-of-type {
  text-align: left;
}

/* line 40, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos tr {
  border-bottom: 1px solid #000;
}

/* line 43, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos tr:nth-of-type(even) {
  background: transparent;
}

/* line 47, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos tr:last-of-type {
  border-bottom: 0;
}

/* line 52, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos td {
  border-right: 1px solid #000;
  border-bottom: 1px solid #858585;
  color: #858585;
  font-size: 16px;
  padding: 10px 15px;
  text-align: center;
  width: 13%;
}

@media (max-width: 640px) {
  /* line 52, assets/styles/sass/cliente_creditos.scss */
  .client-panel .creditos .extrato-creditos td {
    font-size: 18px;
    line-height: 24px;
    width: 25%;
  }
}

/* line 67, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos td:first-of-type {
  text-align: left;
  width: 34%;
}

@media (max-width: 640px) {
  /* line 67, assets/styles/sass/cliente_creditos.scss */
  .client-panel .creditos .extrato-creditos td:first-of-type {
    width: 25%;
  }
}

/* line 76, assets/styles/sass/cliente_creditos.scss */
.client-panel .creditos .extrato-creditos td:last-of-type {
  border-right: 0;
}

@media (max-width: 640px) {
  /* line 2, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .pedido-analise {
    width: 50%;
    height: 80px;
  }
  /* line 7, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .pedido-analise p {
    font-size: 18px;
  }
}

/* line 13, assets/styles/sass/cliente_cashback.scss */
.client-panel #cashbacks .cashback-info {
  width: 200px;
}

@media (max-width: 640px) {
  /* line 13, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .cashback-info {
    width: 50%;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    margin: 0;
  }
  /* line 23, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .cashback-info p {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  /* line 29, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .cashback-value {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* line 38, assets/styles/sass/cliente_cashback.scss */
.client-panel #cashbacks .cashback-value p {
  font-size: 1rem;
}

@media (max-width: 640px) {
  /* line 38, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .cashback-value p {
    font-size: 18px;
  }
}

/* line 45, assets/styles/sass/cliente_cashback.scss */
.client-panel #cashbacks .cashback-value p:first-child {
  font-size: 1.8rem;
}

@media (max-width: 640px) {
  /* line 45, assets/styles/sass/cliente_cashback.scss */
  .client-panel #cashbacks .cashback-value p:first-child {
    font-size: 40px;
  }
}

/* line 1, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador {
  /*
      O recuo de 20px saia do alinhamento das margens da tela; o respiro agora vem
      da margem. Ela precisa ser generosa nos DOIS lados: este titulo fica
      entalado entre o trilho de abas de fora e o de dentro, e sem folga os tres
      viram um bloco so.
    */
  /*
      Abas internas. O trilho de fora (cliente.scss) ja resolve fio, rolagem e
      estado ativo - aqui so cai o recuo de 20px, que tirava as abas do
      alinhamento das margens, e o centralizado: os dois niveis alinham a
      esquerda, senao a hierarquia entre eles se perde.
    */
  /*------------------------------------*\
      #AVISOS DE SITUAÇÃO

      "Você precisa enviar seus dados", "Os dados estão disponíveis para
      avaliação", "precisa haver um ajuste de dados", "Você não tem um Squad".

      Eram 18px vermelhos centralizados, soltos sobre o formulário - texto longo
      inteiro em vermelho é o que menos se lê. Agora é uma FAIXA de aviso:
      superfície apagada, o vermelho no traço da borda esquerda e o texto de
      volta em tinta de corpo.
    \*------------------------------------*/
  /* o primeiro aviso é um <h3> que carrega .painel_subtitulo junto: sem isto
       ele herdaria os 16px cinza do subtítulo do painel */
  /*------------------------------------*\
      #FORMULÁRIO EM DUAS COLUNAS
    \*------------------------------------*/
  /*------------------------------------*\
      #RÓTULOS E CAMPOS
    \*------------------------------------*/
  /* a caixa de cor não tem texto dentro: recuo interno mínimo */
  /*
      PREFIXO FIXO DA URL (https://www.instagram.com/ …)

      Antes o alvo era `input:first-child`, e isso pintava de cinza QUALQUER
      primeiro input do bloco - inclusive o campo "Nº de seguidores", que é o
      único do seu bloco e aparecia cinza como se estivesse desabilitado. O alvo
      agora é a classe `.prefixo`, que o markup já põe em todo prefixo.
    */
  /* dica sob o campo: chave Pix e url do vídeo */
  /*------------------------------------*\
      #BIOGRAFIA, OBSERVAÇÕES E CONTADOR
    \*------------------------------------*/
  /*------------------------------------*\
      #SQUAD
    \*------------------------------------*/
  /*------------------------------------*\
      #SQUAD EM DUAS COLUNAS

      O formulario do squad era uma coluna so, e cada campo ocupava metade da
      faixa deixando a outra metade vazia. Os campos que cabem em meia largura
      passam a se emparelhar, na ordem em que estao no HTML:

          nome do squad        | link do squad
          cor da fonte         | cor de fundo
          url do video         | descricao do video
          reproduzir automaticamente        (faixa toda)
          salvar / cancelar                 (faixa toda)

      Sem propriedade order: a sequencia acima e a propria ordem do markup, o que mantem a
      leitura por teclado igual a leitura visual.
    \*------------------------------------*/
  /*------------------------------------*\
      #DADOS DEFINIDOS PELA LOJA

      Lista de leitura: código, modo e porcentagem de comissão, situação. Eram
      faixas cinza de 20px centralizadas, uma embaixo da outra. Agora é um
      resumo de duas colunas com fio hairline entre as linhas - rótulo apagado à
      esquerda, valor em tinta forte à direita, o mesmo padrão de resumo das
      telas novas.
    \*------------------------------------*/
  /*------------------------------------*\
      #RELATÓRIOS

      Uma faixa de filtros, uma de botões e as tabelas. Os botões eram VERDE
      WHATSAPP ($botao_whatsapp), cor que não existe no DS: "Gerar" virou o botão
      de tinta cheia e "Imprimir" o de contorno, que é a hierarquia certa entre
      produzir o relatório e reimprimi-lo.

      As classes .btn-success e .btn-inverse são herança do admin (não há
      Bootstrap aqui, elas não pintavam nada) - servem de gancho para separar as
      duas ações sem depender de id.
    \*------------------------------------*/
  /* mensagens que o JS preenche quando o período não tem dados */
  /*------------------------------------*\
      #TABELAS DE RELATÓRIO

      Uma regra para as sete tabelas (detalhes do pedido, resumo, dedução de
      comissão, produtos, região, estado e ranking). Antes só duas tinham
      estilo - e por id -, então as outras cinco saíam com o cinza padrão do
      navegador. Cabeçalho em rótulo miúdo sobre fio forte, linhas separadas por
      hairline; a rolagem horizontal vale para todas, não só no celular, porque
      são sete colunas em coluna estreita.
    \*------------------------------------*/
  /*
      Titulo de secao ("Dados do seu Squad", "Seus dados", "Produtos no seu
      Squad"). Eram 25px centralizados com 3px de espacamento - peso de titulo de
      pagina dentro de um cartao. Agora e o rotulo de secao do DS: miudo,
      maiusculo, alinhado a esquerda e apoiado num fio.
    */
}

/* line 2, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador.content {
  border: none;
  padding: 0;
}

@media (max-width: 640px) {
  /* line 7, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .content {
    width: auto;
    position: relative;
  }
}

/* line 20, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .painel_subtitulo {
  margin: 40px 0 32px;
  padding: 0;
}

@media (max-width: 640px) {
  /* line 20, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .painel_subtitulo {
    margin: 66px 0 52px;
  }
}

/* line 35, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs {
  margin: 0 0 32px;
  padding: 0;
  justify-content: flex-start;
}

/* line 41, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content {
  /*
          O formulario mora num cartao de fio hairline. Era $cinza-claro
          (#f1f1f1), quase invisivel contra o branco - a caixa nao parecia
          existir. Mesmo tratamento do cartao de dados do squad.
        */
  /*
          As quatro abas de relatorio moram no mesmo cartao das outras duas. Eram
          as unicas sem moldura: filtros, botoes e tabelas ficavam soltos no
          branco da pagina, sem nada dizendo onde a aba comeca e termina.
        */
}

/* line 48, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #dados-influenciador > form {
  padding: 32px;
  border: 1px solid #E4E3E1;
}

@media (max-width: 640px) {
  /* line 48, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #dados-influenciador > form {
    padding: 26px;
  }
}

/* line 63, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #relatorio-pedidos,
.client-panel .influenciador .tabs-content #relatorio-produtos,
.client-panel .influenciador .tabs-content #relatorio-localidades,
.client-panel .influenciador .tabs-content #ranking {
  padding: 32px;
  border: 1px solid #E4E3E1;
}

@media (max-width: 640px) {
  /* line 63, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #relatorio-pedidos,
  .client-panel .influenciador .tabs-content #relatorio-produtos,
  .client-panel .influenciador .tabs-content #relatorio-localidades,
  .client-panel .influenciador .tabs-content #ranking {
    padding: 26px;
  }
}

/* line 75, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos {
  /*
              A grade e a MESMA da listagem: #lista-produtos.lista-produtos, em
              busca.scss. O <ul> daqui ganhou a classe grid-4 e com ela vem tudo -
              as colunas (4, 3 abaixo de 1280px, 2 no celular), o gap de 4px entre
              as fotos e a neutralizacao das medidas fixas do card legado.

              O QUE SAIU DAQUI: overrides de um card que NAO EXISTE MAIS. Eram
              medidas da estrutura antiga - figure > .animate_container, .mask,
              .fit__favoritos - e larguras fixas de 360/290px no .product-shortview.
              O card do redesign monta a foto em .pcard__midia, entao aquelas regras
              nao tinham o que dimensionar e ainda brigavam com a grade: a lista caia
              numa coluna so, com as celulas vazias.

              Fica so o encaixe no painel. A grade da listagem traz recuo lateral
              proprio ($sec-pad) porque la ela sangra a tela inteira; aqui a aba ja
              esta dentro das margens, e esse recuo indentaria a lista em relacao ao
              resto do painel.
            */
}

/* line 76, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--dados {
  padding: 32px;
  border: 1px solid #E4E3E1;
}

@media (max-width: 640px) {
  /* line 76, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--dados {
    padding: 26px;
  }
}

/* line 103, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos {
  padding: 32px 0 0;
}

/* line 106, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca {
  padding: 0;
}

@media (max-width: 1199px) {
  /* line 106, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca {
    width: auto;
  }
}

/* line 113, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca #lista-produtos.lista-produtos {
  margin: 0;
  max-width: none;
  padding: 0;
}

/* line 119, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .no-wish {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
}

/* line 123, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .no-wish p {
  text-align: center;
}

@media (max-width: 640px) {
  /* line 123, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .no-wish p {
    font-size: 22px;
  }
}

/* line 131, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .no-wish .bt-squad {
  margin: 0;
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  padding: 13px 0;
  background: #ffffff;
  width: 232px;
  height: 45px;
}

@media (max-width: 640px) {
  /* line 131, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .no-wish .bt-squad {
    font-size: 22px;
    height: 60px;
  }
}

/* line 147, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .no-wish .bt-squad:hover {
  background: #000;
  color: #ffffff;
}

/* line 154, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .favoritar_curtir-wrap {
  bottom: 40px;
}

@media (max-width: 640px) {
  /* line 154, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .favoritar_curtir-wrap {
    bottom: 20px;
  }
}

/* line 161, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .favoritar_curtir-wrap .produto__curtir {
  width: 100%;
}

/* line 165, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabs-content #squad-produtos .squad-produtos--lista-produtos .conteudo_busca .favoritar_curtir-wrap .produto__espiar {
  display: none;
}

/* line 176, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .button-copy-influenciador,
.client-panel .influenciador .button-copy-squad {
  width: auto;
  height: 50px;
  margin: 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}

/* line 188, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .button-copy-influenciador i,
.client-panel .influenciador .button-copy-squad i {
  font-size: 16px;
}

@media (max-width: 640px) {
  /* line 176, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .button-copy-influenciador,
  .client-panel .influenciador .button-copy-squad {
    width: 100%;
    height: 66px;
    padding: 0 26px;
    font-size: 20px;
  }
  /* line 198, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .button-copy-influenciador .mdi,
  .client-panel .influenciador .button-copy-squad .mdi {
    font-size: 26px;
  }
}

/* line 215, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador legend,
.client-panel .influenciador .destaque-situacao {
  display: block;
  width: 100%;
  margin: 0 0 24px;
  padding: 16px 20px;
  background-color: #F2F2F2;
  border-left: 2px solid #A32B2B;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: #232221;
  text-align: left;
}

/* line 228, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador legend b,
.client-panel .influenciador .destaque-situacao b {
  font-weight: 500;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 215, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador legend,
  .client-panel .influenciador .destaque-situacao {
    margin-bottom: 39px;
    padding: 26px 33px;
    font-size: 25px;
  }
}

/* line 242, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .painel_subtitulo__dados {
  padding: 16px 20px;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 242, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .painel_subtitulo__dados {
    padding: 26px 33px;
  }
}

/* line 251, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .contato-loja-influ {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}

/* line 258, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .contato-loja-influ legend {
  margin-bottom: 0;
}

/* line 262, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .contato-loja-influ a {
  width: auto;
  min-width: 240px;
  height: 50px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 262, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .contato-loja-influ a {
    width: 100%;
    height: 82px;
    font-size: 20px;
  }
}

/* line 281, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador #dados-influenciador > form,
.client-panel .influenciador .squad-produtos--dados > form {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: clamp(40px, 4.5vw, 72px);
  row-gap: 24px;
}

/* line 287, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador #dados-influenciador > form > *,
.client-panel .influenciador .squad-produtos--dados > form > * {
  flex: 0 0 100%;
  min-width: 0;
}

/* line 292, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador #dados-influenciador > form > fieldset.left,
.client-panel .influenciador #dados-influenciador > form > fieldset.right,
.client-panel .influenciador .squad-produtos--dados > form > fieldset.left,
.client-panel .influenciador .squad-produtos--dados > form > fieldset.right {
  flex: 1 1 calc(50% - clamp(40px, 4.5vw, 72px) / 2);
  float: none !important;
}

@media (max-width: 1199px) {
  /* line 292, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador #dados-influenciador > form > fieldset.left,
  .client-panel .influenciador #dados-influenciador > form > fieldset.right,
  .client-panel .influenciador .squad-produtos--dados > form > fieldset.left,
  .client-panel .influenciador .squad-produtos--dados > form > fieldset.right {
    flex-basis: 100%;
  }
}

@media (max-width: 640px) {
  /* line 281, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador #dados-influenciador > form,
  .client-panel .influenciador .squad-produtos--dados > form {
    row-gap: 39px;
  }
}

/* line 307, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador fieldset {
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
}

/* line 317, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador [class*="block-"] > p,
.client-panel .influenciador label {
  display: block;
  margin: 0 0 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.18;
  color: #858585;
}

@media (max-width: 1199px) {
  /* line 317, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador [class*="block-"] > p,
  .client-panel .influenciador label {
    font-size: 15px;
  }
}

@media (max-width: 640px) {
  /* line 317, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador [class*="block-"] > p,
  .client-panel .influenciador label {
    font-size: 24px;
  }
}

/* line 333, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador input,
.client-panel .influenciador select,
.client-panel .influenciador textarea {
  width: 100%;
}

@media (max-width: 640px) {
  /* line 333, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador input,
  .client-panel .influenciador select,
  .client-panel .influenciador textarea {
    height: 82px;
    padding: 0 23px;
    font-size: 24px;
  }
}

/* line 348, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador input[type="color"] {
  height: 50px;
  padding: 4px;
  cursor: pointer;
}

@media (max-width: 640px) {
  /* line 348, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador input[type="color"] {
    height: 82px;
    padding: 6px;
  }
}

/* line 359, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin-right: 8px;
  padding: 0;
}

@media (max-width: 640px) {
  /* line 359, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador input[type="checkbox"] {
    width: 26px;
    height: 26px;
  }
}

/* line 371, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador textarea {
  height: 150px;
  padding: 16px;
  line-height: 1.45;
  resize: vertical;
}

@media (max-width: 640px) {
  /* line 371, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador textarea {
    height: 246px;
    padding: 26px;
  }
}

/* line 391, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .prefixo {
  flex: 0 1 auto;
  width: auto;
  max-width: 55%;
  min-width: 0;
  background-color: #F2F2F2;
  color: #7D7B78;
  cursor: default;
  /* os dois campos dividem um fio só, em vez de exibir dois colados */
  margin-right: -1px;
}

/* line 405, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-chave-pix-influenciador,
.client-panel .influenciador .block-url-amigavel-influenciador,
.client-panel .influenciador .block-url-fb-influenciador,
.client-panel .influenciador .block-url-ig-influenciador,
.client-panel .influenciador .block-url-yt-influenciador,
.client-panel .influenciador .block-influenciador,
.client-panel .influenciador .block-observacoes {
  margin-bottom: 24px;
}

@media (max-width: 640px) {
  /* line 405, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-chave-pix-influenciador,
  .client-panel .influenciador .block-url-amigavel-influenciador,
  .client-panel .influenciador .block-url-fb-influenciador,
  .client-panel .influenciador .block-url-ig-influenciador,
  .client-panel .influenciador .block-url-yt-influenciador,
  .client-panel .influenciador .block-influenciador,
  .client-panel .influenciador .block-observacoes {
    margin-bottom: 39px;
  }
}

/* line 418, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-chave-pix-influenciador:last-child,
.client-panel .influenciador .block-url-amigavel-influenciador:last-child,
.client-panel .influenciador .block-url-fb-influenciador:last-child,
.client-panel .influenciador .block-url-ig-influenciador:last-child,
.client-panel .influenciador .block-url-yt-influenciador:last-child,
.client-panel .influenciador .block-influenciador:last-child,
.client-panel .influenciador .block-observacoes:last-child {
  margin-bottom: 0;
}

/* line 424, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-chave-pix-influenciador > span,
.client-panel .influenciador .block-url-video > span {
  display: block;
  margin-top: 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: #7D7B78;
  text-align: left;
}

@media (max-width: 640px) {
  /* line 424, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-chave-pix-influenciador > span,
  .client-panel .influenciador .block-url-video > span {
    margin-top: 13px;
    font-size: 20px;
  }
}

/* line 442, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador > label,
.client-panel .influenciador .block-url-fb-influenciador > label,
.client-panel .influenciador .block-url-ig-influenciador > label {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

/* line 446, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador > label > input:not(.prefixo),
.client-panel .influenciador .block-url-fb-influenciador > label > input:not(.prefixo),
.client-panel .influenciador .block-url-ig-influenciador > label > input:not(.prefixo) {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

/* line 454, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador {
  /* mensagem de validação que o JS injeta dentro do label */
  /*
          Clone invisível: o botão "Copie o Link" lê o valor DELE (prefixo +
          código já concatenados) para jogar na área de transferência. Fica fora
          do fluxo, não recebe clique e não é tabulável.
        */
}

/* line 456, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador > label {
  flex-wrap: wrap;
}

/* line 461, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador .mensagemInputErro {
  flex: 0 0 100%;
  margin-bottom: 8px;
}

/* line 471, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador #link-influenciador {
  position: absolute;
  width: 20%;
  opacity: 0;
  pointer-events: none;
}

/* line 478, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-amigavel-influenciador .buttons__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}

@media (max-width: 640px) {
  /* line 478, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-url-amigavel-influenciador .buttons__wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    margin-top: 20px;
  }
}

/* line 495, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-biografia {
  width: 100%;
}

/* line 498, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-biografia textarea {
  height: 180px;
}

@media (max-width: 640px) {
  /* line 498, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-biografia textarea {
    height: 295px;
  }
}

/* line 507, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .info-qtd-caracteres {
  display: block;
  margin-top: 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: #7D7B78;
  /*
          O cliente.js alterna os dois <span> pelo atributo [hidden]. Sem esta
          linha o `display: block` acima venceria o atributo e os dois
          apareceriam grudados - que era exatamente o "Restam caracteresLimite de
          300 caracteres atingido!" da tela.
        */
}

/* line 519, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .info-qtd-caracteres[hidden] {
  display: none;
}

@media (max-width: 640px) {
  /* line 507, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .info-qtd-caracteres {
    margin-top: 13px;
    font-size: 20px;
  }
}

/* line 528, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .info-qtd-caracteres--limite {
  color: #A32B2B;
}

/* line 554, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .squad-produtos--dados > form > label[for="nomeSquad"],
.client-panel .influenciador .squad-produtos--dados > form > .block-url-squad,
.client-panel .influenciador .squad-produtos--dados > form > .block-url-video,
.client-panel .influenciador .squad-produtos--dados > form > label[for="descricaoVideo"] {
  flex: 1 1 calc(50% - clamp(40px, 4.5vw, 72px) / 2);
}

@media (max-width: 1199px) {
  /* line 554, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .squad-produtos--dados > form > label[for="nomeSquad"],
  .client-panel .influenciador .squad-produtos--dados > form > .block-url-squad,
  .client-panel .influenciador .squad-produtos--dados > form > .block-url-video,
  .client-panel .influenciador .squad-produtos--dados > form > label[for="descricaoVideo"] {
    flex-basis: 100%;
  }
}

/* line 566, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-squad {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 0;
}

/* line 571, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-squad .prefixo {
  flex: 1 1 auto;
  max-width: none;
  margin-right: 0;
}

/* line 577, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-squad button {
  flex: 0 0 auto;
  width: auto;
}

@media (max-width: 640px) {
  /* line 566, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-url-squad {
    flex-direction: column;
    gap: 20px;
  }
}

/* line 588, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-input-colors {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  /* a coluna usa a MESMA calha do formulario, senao as duas cores nao
           alinham com os campos da linha de cima */
  gap: 24px clamp(40px, 4.5vw, 72px);
  margin-bottom: 0;
}

/* line 596, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-input-colors label {
  flex: 1 1 calc(50% - clamp(40px, 4.5vw, 72px) / 2);
  margin: 0;
}

@media (max-width: 640px) {
  /* line 588, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-input-colors {
    flex-direction: column;
    align-items: stretch;
    gap: 39px;
    margin-bottom: 39px;
  }
}

/* line 609, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-video {
  margin-bottom: 0;
}

/* line 612, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-video .campo-url-video {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  /*
              A dica fica abaixo do campo no desktop. Os !important respondem ao
              Foundation, que declara `display: inherit !important` para
              .hide-for-small-only - e herdar `flex` num <p> quebraria a linha.
            */
}

/* line 616, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-video .campo-url-video > input:not(.prefixo) {
  flex: 1 1 120px;
  width: auto;
  min-width: 0;
}

/* line 627, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-url-video .campo-url-video > p {
  flex: 0 0 100%;
  margin: 8px 0 0;
  display: block !important;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: #7D7B78;
  text-align: left;
}

@media (max-width: 640px) {
  /* line 627, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-url-video .campo-url-video > p {
    display: none !important;
  }
}

/* line 651, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-dados-right-influenciador {
  width: 100%;
  margin-bottom: 40px;
}

/* line 655, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-dados-right-influenciador h4 {
  text-align: left;
}

/* line 659, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-dados-right-influenciador > label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 12px 0;
  background-color: transparent;
  border-bottom: 1px solid #E4E3E1;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 673, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-dados-right-influenciador > label > span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.45;
  color: #000000;
  text-align: right;
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 640px) {
  /* line 659, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-dados-right-influenciador > label {
    padding: 20px 0;
    font-size: 20px;
  }
  /* line 684, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-dados-right-influenciador > label > span {
    font-size: 25px;
  }
}

/* line 703, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-relatorios-influenciador,
.client-panel .influenciador .block-ranking-influenciador {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}

/* line 709, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-relatorios-influenciador label,
.client-panel .influenciador .block-ranking-influenciador label {
  flex: 1 1 220px;
  max-width: 320px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 709, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-relatorios-influenciador label,
  .client-panel .influenciador .block-ranking-influenciador label {
    flex-basis: 100%;
    max-width: none;
  }
}

@media (max-width: 640px) {
  /* line 703, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-relatorios-influenciador,
  .client-panel .influenciador .block-ranking-influenciador {
    gap: 26px;
    margin-bottom: 39px;
  }
}

/* line 726, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}

/* line 731, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-buttons button {
  width: auto;
  min-width: 200px;
  height: 50px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 731, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-buttons button {
    flex: 1 1 100%;
    height: 82px;
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  /* line 726, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-buttons {
    gap: 26px;
    margin-bottom: 52px;
  }
}

/* line 759, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .info-sem-dados,
.client-panel .influenciador #info-sem-pedidos,
.client-panel .influenciador #info-sem-resumo-geral-periodo {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: #7D7B78;
}

/* line 766, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .info-sem-dados:empty,
.client-panel .influenciador #info-sem-pedidos:empty,
.client-panel .influenciador #info-sem-resumo-geral-periodo:empty {
  display: none;
}

@media (max-width: 640px) {
  /* line 759, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .info-sem-dados,
  .client-panel .influenciador #info-sem-pedidos,
  .client-panel .influenciador #info-sem-resumo-geral-periodo {
    font-size: 24px;
  }
}

/* line 775, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .observacoes-valores-comissao,
.client-panel .influenciador .observacoes-relatorio-influenciador {
  margin: 24px 0;
}

/* line 779, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .observacoes-valores-comissao p,
.client-panel .influenciador .observacoes-valores-comissao > span,
.client-panel .influenciador .observacoes-relatorio-influenciador p,
.client-panel .influenciador .observacoes-relatorio-influenciador > span {
  margin: 0 0 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 779, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .observacoes-valores-comissao p,
  .client-panel .influenciador .observacoes-valores-comissao > span,
  .client-panel .influenciador .observacoes-relatorio-influenciador p,
  .client-panel .influenciador .observacoes-relatorio-influenciador > span {
    font-size: 22px;
  }
}

/* line 790, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .observacoes-valores-comissao .titulo-observacao,
.client-panel .influenciador .observacoes-valores-comissao p:first-child,
.client-panel .influenciador .observacoes-relatorio-influenciador .titulo-observacao,
.client-panel .influenciador .observacoes-relatorio-influenciador p:first-child {
  font-weight: 500;
  color: #000000;
}

/* line 807, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio,
.client-panel .influenciador .div-tabela-ranking {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* aviso "deslize a tabela", só no celular */
  /* a linha do próprio influenciador no ranking */
}

/* line 814, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio > p:first-child,
.client-panel .influenciador .div-tabela-ranking > p:first-child {
  margin: 0 0 12px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 814, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio > p:first-child,
  .client-panel .influenciador .div-tabela-ranking > p:first-child {
    font-size: 20px;
  }
}

/* line 824, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio table,
.client-panel .influenciador .div-tabela-ranking table {
  width: 100%;
  margin: 0 0 32px;
  background-color: transparent;
  border: none;
  border-collapse: collapse;
}

@media (max-width: 640px) {
  /* line 824, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio table,
  .client-panel .influenciador .div-tabela-ranking table {
    margin-bottom: 52px;
  }
}

/* line 837, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio caption,
.client-panel .influenciador .div-tabela-ranking caption {
  padding: 0 0 12px;
  text-align: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 837, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio caption,
  .client-panel .influenciador .div-tabela-ranking caption {
    font-size: 20px;
  }
}

/* line 850, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio th,
.client-panel .influenciador .tabelas-relatorio td,
.client-panel .influenciador .div-tabela-ranking th,
.client-panel .influenciador .div-tabela-ranking td {
  padding: 12px 16px;
  border-bottom: 1px solid #E4E3E1;
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 640px) {
  /* line 850, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio th,
  .client-panel .influenciador .tabelas-relatorio td,
  .client-panel .influenciador .div-tabela-ranking th,
  .client-panel .influenciador .div-tabela-ranking td {
    padding: 20px 26px;
  }
}

/* line 863, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio thead th,
.client-panel .influenciador .tabelas-relatorio .tr-title th,
.client-panel .influenciador .div-tabela-ranking thead th,
.client-panel .influenciador .div-tabela-ranking .tr-title th {
  background-color: transparent;
  border-bottom: 1px solid #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 863, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio thead th,
  .client-panel .influenciador .tabelas-relatorio .tr-title th,
  .client-panel .influenciador .div-tabela-ranking thead th,
  .client-panel .influenciador .div-tabela-ranking .tr-title th {
    font-size: 18px;
  }
}

/* line 877, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio tbody td,
.client-panel .influenciador .div-tabela-ranking tbody td {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 877, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio tbody td,
  .client-panel .influenciador .div-tabela-ranking tbody td {
    font-size: 22px;
  }
}

/* line 885, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio tfoot th,
.client-panel .influenciador .tabelas-relatorio tbody th,
.client-panel .influenciador .div-tabela-ranking tfoot th,
.client-panel .influenciador .div-tabela-ranking tbody th {
  border-bottom: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.45;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 885, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .tabelas-relatorio tfoot th,
  .client-panel .influenciador .tabelas-relatorio tbody th,
  .client-panel .influenciador .div-tabela-ranking tfoot th,
  .client-panel .influenciador .div-tabela-ranking tbody th {
    font-size: 22px;
  }
}

/* line 897, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .tabelas-relatorio #minha-colocacao td,
.client-panel .influenciador .div-tabela-ranking #minha-colocacao td {
  background-color: #F2F2F2;
  font-weight: 500;
  color: #000000;
}

/* line 912, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .title-squad {
  display: block;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 0 12px;
  border-bottom: 1px solid #E4E3E1;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: left;
}

@media (max-width: 640px) {
  /* line 912, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .title-squad {
    margin-bottom: 39px;
    padding-bottom: 20px;
    font-size: 20px;
  }
}

/* line 931, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-produtosSquad-vazio {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 934, assets/styles/sass/cliente_influenciador-squad.scss */
.client-panel .influenciador .block-produtosSquad-vazio span {
  color: #000;
  font-weight: 300;
  float: initial;
  font-size: 18px;
  margin-bottom: 25px;
}

@media (max-width: 640px) {
  /* line 934, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-produtosSquad-vazio span {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  /* line 946, assets/styles/sass/cliente_influenciador-squad.scss */
  .client-panel .influenciador .block-produtosSquad-vazio .btn-add-produto-squad {
    font-size: 22px;
    height: 70px;
    width: 100%;
  }
}

/* line 3, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes .produto-detalhes ul li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 6, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes .produto-detalhes ul li .list-product {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

@media (max-width: 640px) {
  /* line 6, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes .produto-detalhes ul li .list-product {
    align-items: unset;
    flex-direction: column;
  }
}

/* line 21, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-basis: 100%;
  flex-shrink: 4;
}

/* line 27, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap figure {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 31, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap figure figcaption {
  width: 87% !important;
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap figure figcaption {
    width: 368px !important;
  }
}

/* line 41, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap {
  border-top: 1px solid #f1f1f1;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 15px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 41, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap {
    flex-direction: column;
  }
}

/* line 54, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao {
  margin-right: 20px;
}

@media (max-width: 640px) {
  /* line 54, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao {
    margin-right: 0;
    width: 100%;
  }
}

/* line 62, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .nome-data {
  color: #000;
  line-height: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 67, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .nome-data .data-hora {
  font-size: 12px;
  font-style: italic;
  margin: 7px 0 0 0;
}

@media (max-width: 640px) {
  /* line 67, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .nome-data .data-hora {
    font-size: 18px;
  }
}

/* line 78, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  margin: 10px 0px 0px 0px;
  width: 100%;
  word-break: break-all;
}

@media (max-width: 640px) {
  /* line 78, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval {
    font-size: 22px;
    line-height: 24px;
  }
}

/* line 90, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval span {
  color: #777;
  margin-left: 20px;
  margin-top: 15px;
  font-style: italic;
  display: block;
}

/* line 97, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval span img {
  width: 40px;
  float: left;
  margin-right: 5px;
}

/* line 107, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario {
  width: 100%;
  /* a {
                                color: $preto;
                                font-size: 1rem;
                            
                                @media (max-width: 640px) {
                                    font-size: 22px;
                                }
                            }*/
  /* .envia-avaliacao_termo_button__wrap {
                                //margin-top: 15px;
                                width: 100%;
                                @include _flex(space-between, flex-end);
                            
                                @media (max-width: 640px) {
                                    margin-top: 20px;
                            
                                    align-items: center;
                                    flex-direction: column;
                                }
                            }
                            
                                .termos_avaliacao__open {
                                    color: $preto;
                                    font-size: 14px;
                                    font-style: normal;
                                    margin: -2px 0px 0px 0px;
                            
                                    @media (max-width: 640px) {
                                        font-size: 20px;
                                        margin: 0 0 15px 0;
                                    }
                            
                                    &:hover {
                                        text-decoration: underline;
                                    }
                                }
                            
                                .bt-enviar-aval {
                                    color: $branco;
                                    float: right;
                                    font-size: 14px;
                                    margin: 0;
                                    padding: 8px 20px;
                                    text-transform: uppercase;
                            
                                    @media (max-width: 640px) {
                                        font-size: 24px;
                                        width: 100%;
                                    }
                                } */
}

/* line 119, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario p {
  float: left;
  margin: 0 0 5px 0;
}

@media (max-width: 640px) {
  /* line 119, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario p {
    font-size: 20px;
  }
}

/* line 128, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario .avaliacao-anunciante3 {
  float: left;
  margin: -1px 0 0 8px;
}

/* line 133, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea {
  clear: left;
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #000;
  height: 90px;
  margin: 5px 0 0 0;
  padding: 8px 10px;
  resize: none;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 133, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea {
    font-size: 22px;
    line-height: 25px;
    height: 150px;
  }
}

/* line 194, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario .termos-avaliacao {
  padding: 20px;
  text-align: justify;
}

/* line 198, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario .termos-avaliacao ul {
  margin: 0px 0px 0px 20px;
}

/* line 207, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_imagem__wrap {
  border-left: 1px solid #f1f1f1;
  margin-left: 20px;
  padding: 10px 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-basis: 350px;
  flex-shrink: 1;
}

@media (max-width: 640px) {
  /* line 207, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .avaliacoes_imagem__wrap {
    margin-top: 25px;
    margin-left: 0;
  }
}

/* line 221, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacoes_imagem__wrap .img-avaliacao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 232, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .remover-imagem-avaliacao,
.client-panel .remover-comentario-painel {
  font-size: 13px;
  padding: 8px 20px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 232, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .remover-imagem-avaliacao,
  .client-panel .remover-comentario-painel {
    font-size: 20px;
  }
}

/* line 243, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .remover-imagem-avaliacao {
  margin-top: 15px;
}

@media (max-width: 640px) {
  /* line 247, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .remover-comentario-painel {
    margin-top: 20px;
  }
}

/* line 255, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .avaliacao-painel-detalhes {
  width: 100% !important;
}

/* line 259, assets/styles/sass/cliente_avaliacoes--produto.scss */
.client-panel .list-product_evaluation {
  width: 48%;
  /*form para avaliar*/
  /* .faca-comentario {
            
                p {
                    font-size: 12px;
                    text-transform: uppercase;
            
                    @media (max-width: 640px) {
                        font-size: 20px;
                    }
                }
            
                .avaliacao-anunciante3 {
                    margin-top: 0;
                    display: flex;
                }
            
                textarea {
                    @media (max-width: 640px) {
                        font-size: 21px;
                        height: 200px;
                        line-height: 23px;
                    }
                }
            
                label {
            
                    a {
                        @media (max-width: 640px) {
                            font-size: 21px;
                            margin: 0;
                        }
                    }
                }
            
                .bt-enviar-aval {
                    font-size: 15px;
                    padding: 8px 20px;
            
                    @media (max-width: 640px) {
                        font-size: 24px;
                    }
                }
            } */
  /*avaliações*/
  /* .opiniao {
                height: auto;
                overflow-y: auto;
                padding-right: 0;
            
                .aval-opiniao {
                    padding: 0 0 15px;
            
                    .nome-data {
                        margin: 0;
                        width: 100%;
                        @include _flex(flex-start, center);
            
                        .data-hora {
                            margin-left: 10px;
                        }
                    }
                }
            } */
}

@media (max-width: 640px) {
  /* line 259, assets/styles/sass/cliente_avaliacoes--produto.scss */
  .client-panel .list-product_evaluation {
    margin-top: 25px;
    width: 100%;
  }
}

/* line 5, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes--loja .store_evaluation__wrap span {
  color: #858585;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 5, assets/styles/sass/cliente_avaliacoes--loja.scss */
  .client-panel .avaliacoes--loja .store_evaluation__wrap span {
    line-height: 24px;
  }
}

/* line 14, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes--loja .store_evaluation__wrap .avaliacao-anunciante3 {
  margin-top: 4px;
}

/* line 18, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes--loja .store_evaluation__wrap textarea {
  padding: 10px;
}

/* line 24, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__list--loja {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 30, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja {
  border: 1px solid #f1f1f1;
  margin-top: 20px;
  padding: 15px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 30, assets/styles/sass/cliente_avaliacoes--loja.scss */
  .client-panel .avaliacoes_comentario__wrap--loja {
    flex-direction: column;
  }
}

/* line 42, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao {
  margin-right: 20px;
}

@media (max-width: 640px) {
  /* line 42, assets/styles/sass/cliente_avaliacoes--loja.scss */
  .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao {
    margin-right: 0;
    width: 100%;
  }
}

/* line 50, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .nome-data {
  color: #000;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 55, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .nome-data .data-hora {
  font-size: 12px;
  font-style: italic;
  margin: 7px 0 0 15px;
}

@media (max-width: 640px) {
  /* line 55, assets/styles/sass/cliente_avaliacoes--loja.scss */
  .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .nome-data .data-hora {
    font-size: 18px;
  }
}

/* line 66, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  margin: 10px 0px 0px 0px;
  width: 100%;
  word-break: break-all;
}

@media (max-width: 640px) {
  /* line 66, assets/styles/sass/cliente_avaliacoes--loja.scss */
  .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval {
    font-size: 22px;
    line-height: 24px;
  }
}

/* line 78, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval span {
  color: #777;
  margin-left: 20px;
  margin-top: 15px;
  font-style: italic;
  display: block;
}

/* line 85, assets/styles/sass/cliente_avaliacoes--loja.scss */
.client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval span img {
  width: 40px;
  float: left;
  margin-right: 5px;
}

/**
 * Modal de devolução
 */
/* line 1, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao {
  margin-top: -50px !important;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao {
    left: 20px;
    overflow-x: hidden;
    width: 600px;
  }
}

/* line 10, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao #modalTitle {
  color: #000;
  font-weight: 700;
}

/* line 14, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao #modalTitle span {
  font-weight: 700;
}

/* line 19, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao .topo-carrinho {
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
}

/* line 23, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao .topo-carrinho h2 {
  margin-bottom: 20px;
}

/* line 28, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul {
  float: left;
  width: 825px;
}

@media (max-width: 1199px) {
  /* line 28, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul {
    width: 523px;
  }
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul {
    width: 540px;
  }
}

/* line 40, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .list-product {
  width: 68%;
}

@media (max-width: 640px) {
  /* line 40, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .list-product {
    width: 100%;
  }
}

/* line 48, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .price-product {
  width: 32%;
}

@media (max-width: 640px) {
  /* line 48, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .price-product {
    width: 100%;
  }
  /* line 54, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .price-product .devolucao {
    display: flex;
    flex-direction: column;
  }
}

/* line 61, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao {
  border-bottom: 1px solid #f1f1f1;
  float: left;
  padding: 15px 0;
  position: relative;
  width: 100%;
}

/* line 68, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao figure {
  width: 90%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .item-devolucao figure {
    width: 100%;
  }
}

/* line 80, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao figure > a {
  border: 1px solid #f1f1f1;
  float: left;
}

/* line 85, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao figcaption {
  float: left;
  margin-left: 15px;
  width: 80%;
}

@media (max-width: 1199px) {
  /* line 85, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .item-devolucao figcaption {
    width: 240px;
  }
}

@media (max-width: 640px) {
  /* line 85, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .item-devolucao figcaption {
    width: 390px;
  }
}

/* line 99, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao header {
  float: left;
}

/* line 102, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao header h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #000;
  text-transform: uppercase;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  /* line 102, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .item-devolucao header h2 {
    font-size: 23px;
    line-height: 24px;
  }
}

/* line 113, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao header small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  float: left;
  position: relative;
}

@media (max-width: 640px) {
  /* line 113, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .item-devolucao header small {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 124, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao ul .item-devolucao header .cor,
.produto-devolucao ul .item-devolucao header .tamanho {
  font-size: 12px;
  line-height: 16px;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 124, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao ul .item-devolucao header .cor,
  .produto-devolucao ul .item-devolucao header .tamanho {
    font-size: 22px;
    line-height: 26px;
    width: 80%;
  }
}

/* line 141, assets/styles/sass/devolucao_modal.scss */
.produto-devolucao .produto-devolucao-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 141, assets/styles/sass/devolucao_modal.scss */
  .produto-devolucao .produto-devolucao-wrap {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  /* line 153, assets/styles/sass/devolucao_modal.scss */
  .devolucao {
    margin-top: 30px;
    width: 600px;
  }
}

/* line 160, assets/styles/sass/devolucao_modal.scss */
.devolucao label {
  color: #000;
  float: left;
  font-size: 14px;
}

@media (max-width: 640px) {
  /* line 160, assets/styles/sass/devolucao_modal.scss */
  .devolucao label {
    font-size: 20px;
  }
}

/* line 169, assets/styles/sass/devolucao_modal.scss */
.devolucao label input {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}

@media (max-width: 640px) {
  /* line 169, assets/styles/sass/devolucao_modal.scss */
  .devolucao label input {
    height: 25px;
    width: 25px;
  }
}

@media (max-width: 640px) {
  /* line 180, assets/styles/sass/devolucao_modal.scss */
  .devolucao label select {
    font-size: 20px;
  }
}

/* line 187, assets/styles/sass/devolucao_modal.scss */
.devolucao .quantidade-devolucao {
  float: right;
  height: 30px;
  margin-top: -21px;
  padding: 5px;
  width: 40px;
}

@media (max-width: 1199px) {
  /* line 187, assets/styles/sass/devolucao_modal.scss */
  .devolucao .quantidade-devolucao {
    float: left;
    margin-top: -10px;
  }
}

@media (max-width: 640px) {
  /* line 187, assets/styles/sass/devolucao_modal.scss */
  .devolucao .quantidade-devolucao {
    font-size: 24px;
    height: 50px;
    margin-left: 0;
    width: 60px;
  }
}

/*formulário lateral*/
/* line 210, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral {
  background-color: #f1f1f1;
  float: right;
  padding: 20px;
  position: relative;
  width: 295px;
}

@media (max-width: 640px) {
  /* line 210, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral {
    float: left;
    width: 540px;
  }
}

/* line 222, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 222, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral h2 {
    font-size: 26px;
    margin-top: 0;
  }
}

/* line 234, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .devolucao_subtitulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #000;
  margin-bottom: 5px;
}

@media (max-width: 640px) {
  /* line 234, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao_subtitulo {
    font-size: 24px;
  }
}

/* line 243, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .devolucao-lateral_meio {
  margin-bottom: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 247, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .devolucao-lateral_meio ul {
  width: auto;
}

/* line 250, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .devolucao-lateral_meio ul li {
  line-height: 16px;
  margin-bottom: 5px;
}

@media (max-width: 640px) {
  /* line 250, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao-lateral_meio ul li {
    line-height: 26px;
    margin-bottom: 25px;
  }
}

/* line 261, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .devolucao-lateral_meio input {
  float: left;
  margin-top: 2px;
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* line 261, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao-lateral_meio input {
    height: 25px;
    width: 25px;
  }
}

@media (max-width: 640px) {
  /* line 273, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao-lateral_meio label {
    font-size: 22px;
  }
}

/* line 280, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .devolucao-lateral_meio small {
  color: #000;
  font-size: 13px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 280, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao-lateral_meio small {
    font-size: 20px;
  }
}

/* line 291, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral textarea {
  height: 140px;
}

@media (max-width: 640px) {
  /* line 291, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral textarea {
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  /* line 299, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral #foto {
    font-size: 22px;
    height: 40px;
  }
}

/* line 306, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral form .obs {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  color: #000;
  margin: -5px 0 20px;
}

@media (max-width: 640px) {
  /* line 306, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral form .obs {
    font-size: 22px;
    line-height: 24px;
  }
}

@media (max-width: 640px) {
  /* line 318, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao_reembolso__wrap label {
    font-size: 21px;
  }
}

@media (max-width: 640px) {
  /* line 324, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .devolucao_reembolso__wrap input {
    font-size: 21px;
    height: 50px;
  }
}

/* line 332, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .concordo-termos_wrap {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 332, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .concordo-termos_wrap {
    font-size: 22px;
    line-height: 24px;
  }
}

/* line 341, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .concordo-termos_wrap .concordo-termos {
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* line 341, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .concordo-termos_wrap .concordo-termos {
    height: 25px;
    width: 25px;
  }
}

/* line 352, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .concordo-termos_wrap a {
  text-decoration: underline;
}

/* line 355, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .concordo-termos_wrap a:hover {
  opacity: 0.7;
}

/* line 361, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .bt-devolucao {
  float: right;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 361, assets/styles/sass/devolucao_modal.scss */
  .devolucao-lateral .bt-devolucao {
    width: 100%;
  }
}

/* line 371, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .bt-devolucao[disabled] {
  background-color: transparent;
  border: 1px solid #858585;
  color: #858585;
}

/* line 376, assets/styles/sass/devolucao_modal.scss */
.devolucao-lateral .bt-devolucao[disabled]:hover {
  box-shadow: none;
}

/**
* Unsubscribe
*/
/* line 1, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe {
  height: 50vh;
}

/* line 4, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe section {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 8, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe h2 {
  text-align: center;
  margin-bottom: 0.5rem;
}

/* line 13, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe p {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
}

@media (max-width: 640px) {
  /* line 13, assets/styles/sass/cliente_unsubscribe.scss */
  .unsubscribe p {
    font-size: 22px;
  }
}

/* line 23, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe a.link-padrao {
  color: #FF0000;
}

/* line 27, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe button {
  background-color: #000;
  color: #ffffff;
  width: auto;
  height: 50px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 1rem 0;
  padding: 16px 32px;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/cliente_unsubscribe.scss */
  .unsubscribe button {
    width: 100%;
    height: 70px;
    font-size: 22px;
  }
}

/* line 45, assets/styles/sass/cliente_unsubscribe.scss */
.unsubscribe button:hover {
  color: #ffffff;
}

/* line 4, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .titulo-padrao {
  text-align: center;
  font-size: 20px;
}

@media (max-width: 640px) {
  /* line 4, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .titulo-padrao {
    font-size: 24px;
  }
}

/* line 13, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao h3 {
  margin-bottom: 10px;
}

@media (max-width: 640px) {
  /* line 13, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao h3 {
    font-size: 25px;
  }
}

/* line 23, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .dados_content {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 23, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .dados_content {
    flex-direction: column;
  }
}

/* line 31, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .dados_content > div {
  width: 50%;
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .dados_content > div {
    width: 100%;
  }
}

/* line 39, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .dados_content p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  font-weight: 600;
}

@media (max-width: 640px) {
  /* line 39, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .dados_content p {
    font-size: 24px;
  }
}

/* line 48, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .dados_content span {
  margin-bottom: 5px;
}

/* line 55, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 58, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco ul li {
  width: 100%;
}

/* line 63, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id {
  padding: 10px 12px;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 73, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id:hover .excluir-endereco {
  opacity: 1;
}

/* line 78, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id address {
  display: flex;
  align-items: left;
  justify-content: space-between;
  flex-direction: row;
}

@media (max-width: 640px) {
  /* line 78, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .cliente_exclusao__endereco .box-post_id address {
    font-size: 24px;
  }
}

/* line 88, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id address br {
  display: none;
}

/* line 92, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id address span {
  margin: 0;
}

/* line 97, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id .excluir-endereco {
  display: none;
  opacity: 0;
  border: 1px solid #f1f1f1;
  background-image: url("/app-hagler/assets/images/icons/icon-lixeira.png");
  background-color: #ffffff;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 35px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-radius: 20px 0px 20px 0px;
  transition: 200ms all ease-in-out;
}

/* line 114, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__endereco .box-post_id .excluir-endereco:hover {
  background-color: rgba(241, 241, 241, 0.2);
}

@media (max-width: 640px) {
  /* line 97, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .cliente_exclusao__endereco .box-post_id .excluir-endereco {
    opacity: 1;
  }
}

/* line 127, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 130, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content article {
  border: 1px solid #f1f1f1;
  height: auto;
  padding: 10px;
  width: 100%;
  border-bottom: 0px;
}

/* line 137, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content article:last-child {
  border-bottom: 1px solid #f1f1f1;
}

/* line 142, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .topo-pedido {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 147, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .buttons_devolucao {
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 158, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .devolucao-button {
  height: 100%;
  padding: 3px;
}

@media (max-width: 640px) {
  /* line 158, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .devolucao-button {
    height: 49px;
  }
}

/* line 166, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .devolucao-button:hover {
  background-color: #f1f1f1;
}

/* line 171, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .pedidos_content__cabecalho {
  border-radius: 5px 5px 0 0;
  background: #000;
  width: 100%;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 178, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .pedidos_content__cabecalho p {
  color: #ffffff;
  width: 100%;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 178, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .pedidos_content__cabecalho p {
    font-size: 18px;
  }
}

/* line 188, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .pedidos_content__cabecalho p:last-child {
  text-align: center;
}

/* line 194, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content aside {
  color: #000;
  width: 100%;
  text-align: center;
}

/* line 200, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content p {
  text-align: center;
}

/* line 204, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content section {
  width: 100%;
  white-space: nowrap;
}

@media (max-width: 640px) {
  /* line 209, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao .cliente_exclusao__pedidos .pedidos_content section p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

/* line 218, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__pedidos .pedidos_content .end-values {
  width: 100%;
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: right;
  justify-content: center;
  padding: 0px;
  margin: 0px;
}

/* line 250, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__creditos .extrato-creditos__titulo {
  border-radius: 5px 5px 0 0;
  background-color: #f1f1f1;
  color: #ffffff;
  margin: 5px 0 0 0;
  text-align: center;
  width: 100%;
  padding: 2px;
}

/* line 260, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao .cliente_exclusao__creditos .extrato-creditos {
  width: 100%;
}

/* line 266, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo {
  margin-top: 20px;
}

/* line 269, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo > div {
  padding: 20px;
  background-color: #f1f1f1;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 278, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .titulo_padrao {
    font-size: 24px;
  }
}

/* line 284, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao {
  margin: 20px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 10px;
}

@media (max-width: 640px) {
  /* line 284, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao {
    flex-direction: column;
  }
}

/* line 296, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email, .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha {
  width: 30%;
}

@media (max-width: 640px) {
  /* line 296, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email, .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha {
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 304, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email label, .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha label {
    font-size: 24px;
  }
}

/* line 310, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email input, .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha input {
  height: 45px;
}

@media (max-width: 640px) {
  /* line 310, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email input, .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha input {
    font-size: 24px;
    height: 60px;
  }
}

/* line 319, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email .box_mostrar-senha, .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha .box_mostrar-senha {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}

/* line 323, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email .box_mostrar-senha input[type="checkbox"], .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha .box_mostrar-senha input[type="checkbox"] {
  margin: 0;
  width: 13px;
  height: 13px;
}

@media (max-width: 640px) {
  /* line 323, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email .box_mostrar-senha input[type="checkbox"], .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha .box_mostrar-senha input[type="checkbox"] {
    margin: 0 !important;
    width: 35px;
    height: 35px;
  }
}

/* line 335, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email .box_mostrar-senha label[for="checkbox-senha"], .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha .box_mostrar-senha label[for="checkbox-senha"] {
  width: auto;
  font-size: 13px;
}

@media (max-width: 640px) {
  /* line 335, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__email .box_mostrar-senha label[for="checkbox-senha"], .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__senha .box_mostrar-senha label[for="checkbox-senha"] {
    font-size: 24px;
  }
}

/* line 346, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__definir-senha {
  font-size: 12px;
  font-style: italic;
}

@media (max-width: 640px) {
  /* line 346, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__definir-senha {
    font-size: 20px;
  }
}

/* line 355, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao .form__solicitacao__definir-senha .link-definir-senha:hover {
  font-weight: 600;
}

/* line 362, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao button {
  background: #FF0000 !important;
  color: #ffffff !important;
  height: 42px;
  border: 1px solid #FF0000;
  margin: 23px 0px 0px 0px;
  color: #000;
  padding: 0px 10px;
  transition: 200ms all ease-in-out;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 362, assets/styles/sass/cliente_exclusao.scss */
  .cliente_exclusao__conteudo .cliente_exclusao__solicitacao button {
    font-size: 24px;
    width: 100%;
    height: 60px;
    margin: 16px 0 0;
  }
}

/* line 380, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao button::after {
  display: none;
}

/* line 384, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao button:hover {
  opacity: .8;
}

/* line 389, assets/styles/sass/cliente_exclusao.scss */
.cliente_exclusao__conteudo .cliente_exclusao__solicitacao small {
  font-size: 12px;
  color: #000;
}

/* line 396, assets/styles/sass/cliente_exclusao.scss */
.alert-dismissible {
  background-color: #000;
  height: 100px;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
  border-radius: 10px;
}

/*-------------------------------
  #FAVORITOS
-------------------------------*/
/*------------------------------------*\
  #FAVORITOS - redesign 2026

  Sobrou pouco aqui, e é de propósito.

  A LISTA não tem CSS próprio: usa a mesma grade da listagem
  (#lista-produtos.lista-produtos, em busca.scss), com as mesmas classes de
  densidade grid-4/grid-6 e o mesmo card. As ~130 linhas que existiam nesta folha
  eram uma segunda grade - flex centralizado, cards de largura fixa
  ($width-img-favoritos), margens por :nth-child(3n)/(4n) por breakpoint - e é o
  que deixava as peças estreitas e agrupadas no meio da tela, sem acompanhar o
  container.

  O TÍTULO e os filtros também saíram: vivem na barra .fbar do
  views/cliente/_layout.tmpl, com o desenho vindo de busca.scss.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss).
\*------------------------------------*/
/*------------------------------------*\
  #LISTA VAZIA

  Dois estados, mesmo desenho: "você ainda não favoritou nada" e "os filtros
  zeraram a lista". Quem decide qual aparece é o servidor (favoritos.tmpl) - o
  JS não monta mais essa mensagem.

  Não usa .without-result: aquela classe serve seis outras telas (busca,
  conjuntos, instashop, oferta do dia, cupons) e mexer nela mudaria todas.
\*------------------------------------*/
/* line 31, assets/styles/sass/favoritos.scss */
.favoritos-vazio {
  max-width: 46ch;
  margin: 0 auto;
  padding: clamp(56px, 9vh, 96px) 0 clamp(64px, 10vh, 112px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/favoritos.scss */
  .favoritos-vazio {
    max-width: none;
    padding: 92px 0 105px;
  }
}

/* line 44, assets/styles/sass/favoritos.scss */
.favoritos-vazio__eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 44, assets/styles/sass/favoritos.scss */
  .favoritos-vazio__eyebrow {
    font-size: 20px;
  }
}

/* line 54, assets/styles/sass/favoritos.scss */
.favoritos-vazio__titulo {
  margin: 12px 0 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(28px, 2.4vw, 40px);
  line-height: 1.1;
  color: #000000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 54, assets/styles/sass/favoritos.scss */
  .favoritos-vazio__titulo {
    margin-top: 20px;
    font-size: 46px;
  }
}

/* line 66, assets/styles/sass/favoritos.scss */
.favoritos-vazio__texto {
  margin: 14px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 66, assets/styles/sass/favoritos.scss */
  .favoritos-vazio__texto {
    margin-top: 23px;
    font-size: 25px;
  }
}

/* line 77, assets/styles/sass/favoritos.scss */
.favoritos-vazio__cta {
  width: auto;
  height: 50px;
  margin: 28px 0 0;
  padding: 0 34px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 77, assets/styles/sass/favoritos.scss */
  .favoritos-vazio__cta {
    height: 82px;
    margin-top: 46px;
    padding: 0 56px;
    font-size: 20px;
  }
}

/*------------------------------------*\
  #CARRINHO - INDEX
\*------------------------------------*/
/* line 1, assets/styles/sass/carrinho_index.scss */
.aviso_estoque {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #858585;
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/carrinho_index.scss */
  .aviso_estoque {
    font-size: 22px;
    line-height: 28px;
    text-align: justify;
  }
}

/* line 12, assets/styles/sass/carrinho_index.scss */
.descricao {
  color: #949494;
  font-size: 12px;
  display: flex;
  justify-content: center;
}

/* line 19, assets/styles/sass/carrinho_index.scss */
.item-personalizacao {
  margin-bottom: 15px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 23, assets/styles/sass/carrinho_index.scss */
  .item-personalizacao label {
    font-size: 15px;
  }
}

/* line 29, assets/styles/sass/carrinho_index.scss */
.item-personalizacao .mensagem-textarea {
  margin-bottom: 0px;
}

/* line 33, assets/styles/sass/carrinho_index.scss */
.item-personalizacao .contador-caracteres {
  display: table;
}

@media (max-width: 640px) {
  /* line 37, assets/styles/sass/carrinho_index.scss */
  .item-personalizacao textarea {
    width: 560px;
    height: 100px;
  }
}

/* line 45, assets/styles/sass/carrinho_index.scss */
.personalizacao-controles {
  display: flex;
  align-items: normal;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}

@media (max-width: 1199px) {
  /* line 45, assets/styles/sass/carrinho_index.scss */
  .personalizacao-controles {
    width: 100%;
    margin-top: 20px;
    justify-content: flex-start;
    flex-direction: row;
  }
}

@media (max-width: 640px) {
  /* line 45, assets/styles/sass/carrinho_index.scss */
  .personalizacao-controles {
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 20px;
  }
}

/* line 63, assets/styles/sass/carrinho_index.scss */
.personalizacao-controles .botao-personalizacao {
  font-size: 12px;
  text-align: center;
  height: fit-content;
  padding: 10px 15px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background-color: #ffffff !important;
}

/* line 72, assets/styles/sass/carrinho_index.scss */
.personalizacao-controles .botao-personalizacao:hover {
  background-color: #000 !important;
  color: #ffffff;
}

@media (max-width: 1199px) {
  /* line 63, assets/styles/sass/carrinho_index.scss */
  .personalizacao-controles .botao-personalizacao {
    width: 190px;
    font-size: 16px;
    padding: 4.5px;
  }
}

@media (max-width: 640px) {
  /* line 63, assets/styles/sass/carrinho_index.scss */
  .personalizacao-controles .botao-personalizacao {
    width: fit-content;
    font-size: 18px;
    padding: 10px 15px;
  }
}

/* line 90, assets/styles/sass/carrinho_index.scss */
.personalizacao-controles .personalizacao-feedback {
  font-size: 12px;
  padding: 5px 10px;
  color: #ffffff;
  text-align: center;
  min-width: auto;
}

@media (max-width: 640px) {
  /* line 90, assets/styles/sass/carrinho_index.scss */
  .personalizacao-controles .personalizacao-feedback {
    font-size: 18px;
    width: auto;
  }
}

/* line 102, assets/styles/sass/carrinho_index.scss */
.personalizacao-controles .personalizacao-feedback.sucesso {
  background-color: #009b1a;
  border: 1px solid #009b1a;
}

/* line 107, assets/styles/sass/carrinho_index.scss */
.personalizacao-controles .personalizacao-feedback.erro {
  border: 1px solid #FF0000;
  background-color: #FF0000;
}

/* line 114, assets/styles/sass/carrinho_index.scss */
.pedido-personalizacao {
  display: none;
}

/* line 117, assets/styles/sass/carrinho_index.scss */
.pedido-personalizacao.ativo {
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/carrinho_index.scss */
  .pedido-personalizacao.ativo {
    width: 100%;
  }
}

/* line 125, assets/styles/sass/carrinho_index.scss */
.pedido-personalizacao .item {
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 128, assets/styles/sass/carrinho_index.scss */
  .pedido-personalizacao .item label {
    font-size: 1.3rem;
  }
}

/* line 134, assets/styles/sass/carrinho_index.scss */
.pedido-personalizacao .item textarea {
  resize: none;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 134, assets/styles/sass/carrinho_index.scss */
  .pedido-personalizacao .item textarea {
    font-size: 0.8rem;
    width: 558px;
  }
}

/**
 * Carrinho vazio
 */
/* line 150, assets/styles/sass/carrinho_index.scss */
.sem-produtos {
  border: 1px solid #f1f1f1;
  margin-bottom: 20px;
  padding: 2rem;
}

@media (max-width: 640px) {
  /* line 150, assets/styles/sass/carrinho_index.scss */
  .sem-produtos {
    margin: 1rem auto;
    padding: 1.4rem;
  }
}

/* line 160, assets/styles/sass/carrinho_index.scss */
.sem-produtos h2.titulo-carrinho-vazio {
  clear: both;
  color: #858585;
  font-size: 28px;
  text-align: center;
}

/* line 167, assets/styles/sass/carrinho_index.scss */
.sem-produtos p.info-carrinho-vazio {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #858585;
  margin-top: 2rem;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 167, assets/styles/sass/carrinho_index.scss */
  .sem-produtos p.info-carrinho-vazio {
    font-size: 24px;
  }
}

/*
 * Carrossel de "visualizados recentemente" da sacola vazia.
 *
 * O bloco proprio SAIU: a tela usa a vitrine padrao
 * (index/partials/carrossel-produtos.tmpl), incluida como IRMA do .conteudo - e
 * nao dentro dele - para poder sangrar de borda a borda como as da home. O
 * .carrinho-total nao limita largura, so pinta o fundo.
 *
 * NAO ha adaptacao de recuo aqui, e isso e de proposito. O .sec__in aplica o
 * $sec-pad e o sliders-config.js le --sec-margem do proprio .sec para o
 * padding-left do Splide: e essa dupla que faz o primeiro card nascer alinhado ao
 * titulo. Enquanto a secao ficou dentro do .conteudo eu zerava as duas, porque o
 * container ja recuava - com a secao fora, zerar era justamente o que empurrava o
 * carrossel para a borda da tela e o titulo para fora da margem.
 *
 * Fica so o rodape: o padding-bottom quem da e o .carrinho-total.
 */
/* line 195, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sec--visualizados {
  padding-bottom: 0;
}

/**
 * Botões carrinho
 */
/* line 202, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 202, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons {
    margin-bottom: 20px;
    gap: 10px;
  }
}

/* line 211, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .resgatar-carrinho__btn {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 640px) {
  /* line 211, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 220, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho {
    font-size: 24px;
    line-height: 28px;
    width: 290px;
  }
}

/* line 233, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho {
  display: flex;
  margin-top: 15px;
}

@media (max-width: 640px) {
  /* line 233, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho {
    flex-wrap: wrap;
  }
}

/* line 241, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label {
  float: left;
  margin: 3px 0 0 -10px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 241, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label {
    margin: 3px 0 10px 0;
    grid-column: 1/3;
    grid-row: 1;
    font-size: 25px;
  }
}

/* line 254, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 254, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho div {
    justify-content: flex-start;
  }
}

/* line 263, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho input {
  border: 1px solid #000;
  box-shadow: none;
  color: #000;
  float: left;
  margin-left: .7rem;
  padding: 7px;
  width: 100px;
  grid-row: 2;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* line 263, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho input {
    font-size: 20px;
    width: 200px;
    margin-bottom: 0;
    margin-left: 0;
  }
}

/* line 283, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button {
  float: left;
  font-size: .75rem;
  height: 31px;
  margin-left: 0.7rem;
  padding: 7px 10px;
  width: 44px;
  grid-row: 2;
}

@media (max-width: 640px) {
  /* line 283, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button {
    font-size: 20px;
    width: 47px;
    height: 47px;
  }
}

/* line 302, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .buy,
.carrinho_buttons .return {
  padding: 0 15px;
  height: 55px;
  width: 295px;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 302, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .buy,
  .carrinho_buttons .return {
    width: 215px;
    height: 65px;
  }
}

@media (max-width: 640px) {
  /* line 315, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .buy p,
  .carrinho_buttons .return p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
}

/* line 325, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .buy p {
  color: #ffffff;
}

@media (max-width: 640px) {
  /* line 330, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .button_full {
    width: 100%;
  }
}

@media (max-width: 640px) {
  /* line 336, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .button_full p {
    font-size: 24px;
    line-height: 28px;
  }
}

/* line 344, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .carrinho_buttons_seguro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 347, assets/styles/sass/carrinho_index.scss */
.carrinho_buttons .carrinho_buttons_seguro .compra_segura__selo {
  margin-right: 30px;
}

@media (max-width: 640px) {
  /* line 347, assets/styles/sass/carrinho_index.scss */
  .carrinho_buttons .carrinho_buttons_seguro .compra_segura__selo {
    margin-right: 15px;
    margin-left: 15px;
  }
}

/* line 358, assets/styles/sass/carrinho_index.scss */
.flex-cart {
  display: flex;
}

/*------------------------------------*\
  #PAGINA DA SACOLA (/carrinho) - redesign 2026

  Traduzido do design "Sacola Hagler.html" (+ "Sacola-mobile.html") do projeto
  Claude Design. Duas colunas: a lista de itens a esquerda e o card "Resumo" a
  direita (o <footer> do .box-cart_loaded).

  Escopado em .page-carrinho (classe que o _layout.tmpl poe no <body> a partir
  de _.folder) porque varios seletores desta pagina - #lista-de-itens,
  .price-product, .qtd-prod, .end-values - sao compartilhados com a sacola
  lateral, o painel do cliente e os modais. Sem o escopo, o grid vaza.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 376, assets/styles/sass/carrinho_index.scss */
.page-carrinho {
  /* Largura e recuo padrao do site: o .conteudo trava em 1200px (nao caberia a
       coluna de 430px do resumo) e o .conteudo__full usa 100px fixos, ~36px mais
       para dentro que o menu. Quem manda no alinhamento e o $sec-pad - o mesmo
       do .first-header (header-nav.scss) -, e o breadcrumb acompanha pela
       .bread--listagem no _layout.tmpl. */
  /* O rastro e uma <section> irma da .carrinho-total, entao precisa do mesmo
       fundo: no design o areia comeca logo abaixo do header e o breadcrumb ja
       nasce sobre ele. O .bread declara background transparent, dai o override. */
  /*------------------------------------*\
      #TOPO: titulo + contagem
    \*------------------------------------*/
  /*------------------------------------*\
      #GRADE: itens (esquerda) | resumo (direita)

      A coluna da esquerda gruda e o resumo rola: o resumo desta loja e mais
      alto que a lista quando ha poucos itens (regua + CEP + cupom + extras),
      entao grudar o lado curto e o que mantem os dois visiveis.
    \*------------------------------------*/
  /* Colunas compartilhadas pelo cabecalho e pelas linhas, para alinharem.
       A ultima faixa e a da lixeira, que e uma celula de verdade (nao mais um
       absolute) - por isso nao ha padding-right reservando espaco. */
  /*------------------------------------*\
      #CABECALHO DE COLUNAS
    \*------------------------------------*/
  /*------------------------------------*\
      #LINHAS DE ITEM

      Escopado em .box-cart_loaded: a sacola LATERAL compartilha o
      id="lista-de-itens", e sem isso o grid vazaria e quebraria o painel.
    \*------------------------------------*/
  /* ---- produto: foto + info ---- */
  /* ---- precos: unitario e subtotal ---- */
  /* ---- quantidade: stepper quadrado (a Hagler nao usa pilula) ---- */
  /* ---- remover: botao-icone, celula propria da grade ---- */
  /* ---- "Continuar comprando" abaixo da lista ---- */
  /*------------------------------------*\
      #CARD RESUMO (coluna direita = <footer>)

      Flex em coluna: a ordem visual sai do `order`, nao da ordem do markup.
      Assim as secoes podem manter a sequencia que o legado espera.
    \*------------------------------------*/
  /*------------------------------------*\
      #REGUA DE FRETE GRATIS

      O markup do range-slider do Foundation e preservado inteiro: o plugin
      `slider` e o ajustaProgressoBarra() do main.js escrevem nele. Aqui e so
      pele: trilho de 2px e barra em lavanda.
    \*------------------------------------*/
  /*------------------------------------*\
      #CAMPOS DO RESUMO (CEP, cupom, influenciador, resgatar)
      Mesmo molde: rotulo eyebrow + input + botao contornado.
    \*------------------------------------*/
  /* O campo é o %input-padrao do projeto (altura, raio, tinta, foco em lavanda):
       aqui só entra o que é específico de ficar dentro de um form em linha. */
  /* Botão contornado do projeto (%button-contorno-preto): no hover escurece o
       traço e a tinta, sem preencher o fundo - a saída de preencher com cinza
       foi descartada a pedido (ver a ressalva no extends.scss). */
  /* Dica sob o campo de cupom. Mesmo papel tipográfico do "Não sei meu CEP",
       sem o sublinhado: é texto, não link. O código em <b> ganha a tinta forte. */
  /* ---- fretes consultados (lista informativa, sem selecao) ---- */
  /* ---- cupom validado ---- */
  /*------------------------------------*\
      #ACORDEAO dos campos secundarios (influenciador / resgatar carrinho)
      Estado em .is-open no wrapper (JS em carrinho.js) e aria-expanded no botao.
    \*------------------------------------*/
  /* ---- linhas informativas simples ---- */
  /* desconto combo: linha + detalhes recolhiveis */
  /*------------------------------------*\
      #TOTAIS
    \*------------------------------------*/
  /*------------------------------------*\
      #FINALIZAR + SELOS
    \*------------------------------------*/
}

/* line 386, assets/styles/sass/carrinho_index.scss */
.page-carrinho .bread {
  background-color: #F4F0EA;
}

@media (max-width: 640px) {
  /* line 389, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .bread .conteudo__full {
    align-items: flex-start;
  }
}

/* line 396, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-total {
  background-color: #F4F0EA;
  padding-bottom: 80px;
}

@media (max-width: 640px) {
  /* line 396, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho-total {
    padding-bottom: 131px;
  }
}

/* line 404, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-total > .conteudo {
  max-width: 1800px;
  padding: 0 clamp(20px, 3.4vw, 64px);
}

/* line 413, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-topo {
  margin: 0 0 32px;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 18px;
}

/* line 423, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-titulo {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: 1.02;
  letter-spacing: 0em;
  color: #000000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 423, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-titulo {
    font-size: 46px;
  }
}

/* line 436, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-contagem {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 436, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-contagem {
    font-size: 23px;
  }
}

/* line 451, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded {
  width: 100%;
  margin: 0 0 32px;
  padding: 0;
  border: none;
  background: transparent;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 0 28px;
  align-items: start;
  /* Painel branco, igual ao card do Resumo: no design os dois lados sao
           `.panel` sobre o fundo areia da pagina. */
}

/* line 463, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > .sacola-esquerda {
  grid-column: 1;
  min-width: 0;
  padding: 36px 40px;
  background: #FFFFFF;
  position: sticky;
  top: 100px;
  /* limpa o header fixo */
  align-self: start;
  /* 33px = os 20px do .panel no design, pelo fator 1,64 */
}

@media (max-width: 640px) {
  /* line 463, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded > .sacola-esquerda {
    padding: 33px;
  }
}

/* line 476, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer {
  grid-column: 2;
}

@media (max-width: 1199px) {
  /* line 451, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 481, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded > .sacola-esquerda {
    grid-column: 1;
    position: static;
  }
  /* line 485, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded > footer {
    grid-column: 1;
  }
}

/* line 492, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header, .page-carrinho .box-cart_loaded #lista-de-itens > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px 130px 120px 36px;
  gap: 18px;
}

/* line 501, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header {
  align-items: end;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 14px;
  line-height: 1.02;
  background: transparent;
  border: none;
  border-bottom: 1px solid #E4E3E1;
}

@media (max-width: 1199px) {
  /* line 501, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .sacola-esquerda > header {
    display: none;
  }
}

/* line 516, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header > * {
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  font-family: "sofia-pro", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7D7B78;
  line-height: 1.02;
}

/* line 533, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header .list-product {
  grid-column: 1;
  grid-row: 1;
  text-align: left;
}

/* line 534, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header .count-product {
  grid-column: 2;
  grid-row: 1;
  text-align: center;
  position: static;
}

/* line 535, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header .price-product {
  grid-column: 3;
  grid-row: 1;
  text-align: right;
}

/* line 536, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .sacola-esquerda > header .price-partial {
  grid-column: 4;
  grid-row: 1;
  text-align: right;
}

/* line 545, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 550, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li {
  align-items: center;
  margin: 0;
  padding: 26px 0;
  border-bottom: 1px solid #E4E3E1;
  /*
              Celular, seguindo o design (.sc-row em mobile.css): foto e texto
              ocupam a primeira linha inteira; embaixo, stepper | subtotal |
              lixeira, tudo na mesma faixa.

              O que muda em relacao ao desktop e QUAL preco aparece: o design
              esconde o UNITARIO e mostra o SUBTOTAL - uma linha em vez de tres
              (de/por/forma de pagamento), que era o que empilhava e quebrava a
              celula. Por isso o hide-for-small-only saiu do markup.
            */
}

/* line 558, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li > .list-product {
  grid-column: 1;
  grid-row: 1;
}

/* line 559, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li > .count-product {
  grid-column: 2;
  grid-row: 1;
  position: static;
}

/* line 560, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li > .price-product {
  grid-column: 3;
  grid-row: 1;
}

/* line 561, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li > .price-partial {
  grid-column: 4;
  grid-row: 1;
}

/* line 562, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li > .sacola-item__remover {
  grid-column: 5;
  grid-row: 1;
}

/* line 563, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded #lista-de-itens > li > .pedido-personalizacao {
  grid-column: 1 / -1;
  grid-row: 2;
}

@media (max-width: 1199px) {
  /* line 550, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 20px 24px;
    padding: 33px 0;
  }
  /* line 580, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li > .list-product {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  /* line 582, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li > .count-product {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    justify-content: flex-start;
  }
  /* line 588, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li > .price-product {
    display: none;
  }
  /* line 590, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li > .price-partial {
    display: block;
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: center;
    text-align: right;
  }
  /* line 598, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li > .sacola-item__remover {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
    align-self: center;
  }
  /* line 604, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded #lista-de-itens > li > .pedido-personalizacao {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

/* line 610, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 18px;
  /* 23px = os 14px do .sc-prod no design, pelo fator 1,64 */
  /* float:none e height:auto desfazem o legado: o object_fit.scss dá
           `@extend %container-padrao` (float:left) e uma altura fixa em px no
           .fit__carrinho - o float colapsaria o <a> que envolve a foto, e a
           altura fixa venceria o aspect-ratio. */
  /* Tag "Atacado" sob a miniatura */
}

@media (max-width: 640px) {
  /* line 610, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product {
    gap: 23px;
  }
}

/* line 623, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figure {
  margin: 0;
  width: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 18px;
  /* o <a> é o item flex (a foto está dentro dele): sem flex:none um
               nome de produto longo encolheria a miniatura */
}

@media (max-width: 640px) {
  /* line 623, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product figure {
    gap: 23px;
  }
}

/* line 634, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figure > a {
  flex: none;
}

/* line 641, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product .fit__carrinho {
  flex: none;
  float: none;
  width: 88px;
  height: auto;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #F2F2F2;
}

/* line 650, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product .fit__carrinho img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 640px) {
  /* line 641, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product .fit__carrinho {
    width: 131px;
    height: auto;
  }
}

/* line 656, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product .selos.selo-atacado {
  margin-top: 6px;
  padding: 3px 8px;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 663, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product .selos.selo-atacado.escondido {
  display: none;
}

/* line 665, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product .selos.selo-atacado span {
  font-family: "sofia-pro", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 665, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product .selos.selo-atacado span {
    font-size: 16px;
  }
}

/* line 677, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption {
  padding: 0;
  /* .ref/.cor/.tamanho ja sao display:block; os <br> do markup
               viram linhas vazias */
}

/* line 682, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption br {
  display: none;
}

/* line 684, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption h2 {
  margin: 0 0 4px;
  /* fixa no elemento: senao herda o strut alto do h2 global */
  font-size: 15.5px;
  line-height: 1.18;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 684, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product figcaption h2 {
    font-size: 25px;
  }
}

/* line 693, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption h2 a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0em;
  text-transform: none;
  color: #000000;
}

/* line 702, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption h2 a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: #96754C;
}

/* line 710, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption .ref {
  display: block;
  margin-bottom: 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 710, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product figcaption .ref {
    font-size: 18px;
    margin-bottom: 12px;
  }
}

/* line 723, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption .cor,
.page-carrinho .box-cart_loaded .list-product figcaption .tamanho {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  color: #575553;
  line-height: 1.65;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 723, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .list-product figcaption .cor,
  .page-carrinho .box-cart_loaded .list-product figcaption .tamanho {
    font-size: 21px;
    font-weight: 500;
  }
}

/* line 737, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .list-product figcaption .cor b,
.page-carrinho .box-cart_loaded .list-product figcaption .tamanho b {
  color: #000;
}

/* line 745, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product,
.page-carrinho .box-cart_loaded .price-partial {
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  text-align: right;
  /* neutraliza o .descricao global legado (flex/center) */
}

/* line 756, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product .de,
.page-carrinho .box-cart_loaded .price-partial .de {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  color: #7D7B78;
  text-decoration: line-through;
}

/* line 763, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product .de.escondido,
.page-carrinho .box-cart_loaded .price-partial .de.escondido {
  display: none;
}

@media (max-width: 640px) {
  /* line 756, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .price-product .de,
  .page-carrinho .box-cart_loaded .price-partial .de {
    font-size: 20px;
  }
}

/* line 768, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product .por,
.page-carrinho .box-cart_loaded .price-product .subtotal-item,
.page-carrinho .box-cart_loaded .price-product .price,
.page-carrinho .box-cart_loaded .price-partial .por,
.page-carrinho .box-cart_loaded .price-partial .subtotal-item,
.page-carrinho .box-cart_loaded .price-partial .price {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 15.5px;
  font-weight: 400;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 768, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .price-product .por,
  .page-carrinho .box-cart_loaded .price-product .subtotal-item,
  .page-carrinho .box-cart_loaded .price-product .price,
  .page-carrinho .box-cart_loaded .price-partial .por,
  .page-carrinho .box-cart_loaded .price-partial .subtotal-item,
  .page-carrinho .box-cart_loaded .price-partial .price {
    font-size: 25px;
  }
}

/* line 783, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product .subtotal-item,
.page-carrinho .box-cart_loaded .price-partial .subtotal-item {
  font-weight: 500;
}

/* line 786, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product .descricao,
.page-carrinho .box-cart_loaded .price-partial .descricao {
  display: block;
  margin: 2px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  color: #7D7B78;
}

/* line 793, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .price-product .descricao.escondido,
.page-carrinho .box-cart_loaded .price-partial .descricao.escondido {
  display: none;
}

@media (max-width: 640px) {
  /* line 786, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .price-product .descricao,
  .page-carrinho .box-cart_loaded .price-partial .descricao {
    font-size: 20px;
    margin-top: 4px;
  }
}

/* line 800, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 810, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product .qtd-prod {
  width: auto;
  height: 42px;
  border: 1px solid #CCCCCC;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 810, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .count-product .qtd-prod {
    height: 62px;
  }
}

/* line 819, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product .qtd-prod .button {
  width: 38px;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0px;
  color: #575553;
  line-height: 1.02;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 835, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product .qtd-prod .button i {
  font-size: 15px;
}

/* line 837, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product .qtd-prod .button:hover {
  background: #F2F2F2;
  color: #000000;
}

/* line 842, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product .qtd-prod .button.secondary {
  background: transparent;
  color: #A8A6A3;
}

@media (max-width: 640px) {
  /* line 819, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .count-product .qtd-prod .button {
    width: 56px;
  }
  /* line 849, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .count-product .qtd-prod .button i {
    font-size: 25px;
  }
}

/* line 853, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .count-product .qtd-prod .qtd {
  width: 34px;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 853, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .count-product .qtd-prod .qtd {
    width: 56px;
    font-size: 24px;
  }
}

/* line 873, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .delete-this {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  background: transparent;
  color: #7D7B78;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
  /* o texto "remover" fica so para leitor de tela */
}

/* line 886, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .delete-this .icon-trash {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* line 897, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .delete-this .delete-this__txt {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* line 906, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded .delete-this:hover {
  background: #F2F2F2;
  color: #000000;
}

@media (max-width: 1199px) {
  /* line 873, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .delete-this {
    width: 44px;
    height: 44px;
  }
  /* line 914, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .delete-this .icon-trash {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 640px) {
  /* line 873, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .delete-this {
    width: 59px;
    height: 59px;
  }
  /* line 920, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded .delete-this .icon-trash {
    width: 28px;
    height: 28px;
  }
}

/* line 925, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-continuar {
  width: fit-content;
  height: auto;
  margin: 26px 0 0;
  padding: 0;
  background: none;
  border: none;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 943, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-continuar i {
  font-size: 16px;
}

/* line 945, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-continuar:hover {
  color: #96754C;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #96754C;
}

@media (max-width: 640px) {
  /* line 925, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-continuar {
    font-size: 20px;
    margin-top: 32px;
  }
}

/* line 961, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer {
  margin: 0;
  padding: 36px 40px;
  background: #FFFFFF;
  border: none;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* Celular: 33px de padding (os 20px do .panel) e 23px de gap (os 14px do
           .sc-sum), pelo fator 1,64 - o 24/16 anterior deixava tudo grudado. */
  /* achata .end-values p/ ordenar a regua e o total separadamente */
  /* o <p class="mensagemSul"> vazio nao deve ocupar uma faixa do gap */
}

@media (max-width: 1199px) {
  /* line 961, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded > footer {
    margin-top: 32px;
  }
}

@media (max-width: 640px) {
  /* line 961, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .box-cart_loaded > footer {
    margin-top: 33px;
    padding: 33px;
    gap: 23px;
  }
}

/* line 983, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .end-values {
  display: contents;
}

/* line 985, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .resumo-titulo {
  order: 0;
}

/* line 986, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer .end-values_left {
  order: 1;
}

/* line 987, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .consulta-cep {
  order: 2;
}

/* line 988, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .valor-frete {
  order: 3;
}

/* line 989, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .mensagemSul {
  order: 4;
}

/* line 990, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .validacao-cupom, .page-carrinho .box-cart_loaded > footer > #cupom-desconto {
  order: 5;
}

/* line 991, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .indicado-por-influenciador, .page-carrinho .box-cart_loaded > footer > .validacao-influenciador {
  order: 6;
}

/* line 992, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .resgatar-carrinho {
  order: 7;
}

/* line 993, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > #secao-desconto-combo {
  order: 8;
}

/* line 994, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .credito-section {
  order: 9;
}

/* line 995, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .subtotal {
  order: 10;
}

/* line 996, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer .end-values_right {
  order: 11;
}

/* line 997, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .sacola-finalizar {
  order: 12;
}

/* line 1000, assets/styles/sass/carrinho_index.scss */
.page-carrinho .box-cart_loaded > footer > .mensagemSul:empty {
  display: none;
}

/* line 1003, assets/styles/sass/carrinho_index.scss */
.page-carrinho .resumo-titulo {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.02;
  letter-spacing: 0em;
  color: #000000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1003, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .resumo-titulo {
    font-size: 43px;
  }
}

/* line 1023, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left {
  /* Coluna com gap em vez de margin nos filhos: o contador de envio
           prioritário e as duas réguas aparecem/somem por conta do JS (o
           contador troca display:block/none inline), e item escondido não gera
           gap - com margin sobraria um vão quando algum deles não estivesse ali.
           Também é o que separa as duas réguas (Brasil e região), que sem isso
           encostavam e liam como uma única faixa areia. */
  display: flex;
  flex-direction: column;
  gap: 16px;
  /*
          Contador de envio prioritário ("Finalize sua compra em até 06h19min e
          tenha envio prioritário (ainda hoje)!").

          O texto e os <strong> vêm do JS (carrinho.js), que também alterna
          display:block/none inline - por isso aqui não se mexe em `display`.

          Filete em tinta forte em vez de mais uma faixa: já há duas bandas areia
          logo acima, e uma terceira viraria um bloco só. O acento também não é
          lavanda de propósito - pelo DS a tela tem UM momento de lavanda, e ele
          é o valor total.
        */
  /* respeita o [hidden] do markup (mensagem/link alternam por estado) */
  /* redundante: a mensagem abaixo ja diz o estado */
  /* O design nao tem alca. display:none e seguro: o main.js mede a
           largura do .range-slider (o trilho), nao a da alca. */
}

/* line 1034, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .end-values__frete__wrap {
  margin: 0;
  padding: 16px 18px;
  background: #F4F0EA;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 1056, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left #countDownEnvioPrioritario {
  margin: 0;
  padding: 2px 0 2px 12px;
  border-left: 1.5px solid #000000;
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #575553;
}

/* line 1065, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left #countDownEnvioPrioritario strong {
  font-weight: 500;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1056, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_left #countDownEnvioPrioritario {
    padding: 3px 0 3px 20px;
    font-size: 20px;
  }
}

/* line 1077, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left [hidden] {
  display: none !important;
}

/* line 1080, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .frete-gratis {
  display: none;
}

/* line 1082, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .compre-mais {
  order: 1;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 13.5px;
  line-height: 1.45;
  color: #575553;
}

/* line 1090, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .compre-mais .__valor-minimo-frete-gratis {
  font-weight: 500;
  color: #4E3B26;
}

@media (max-width: 640px) {
  /* line 1082, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_left .compre-mais {
    font-size: 22px;
  }
}

/* line 1098, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .compre-mais.frete-gratis-sim {
  font-weight: 500;
  color: #4E3B26;
}

/* line 1103, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .range-slider-frete {
  order: 2;
  margin: 0;
}

/* line 1105, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  margin: 0;
  padding: 0;
  background: #E4E3E1;
  border: none;
  border-radius: 0px;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 1105, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_left .range-slider {
    height: 3px;
  }
}

/* line 1122, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .range-slider-handle {
  display: none !important;
}

/* line 1124, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .range-slider-active-segment {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #96754C;
  border-radius: 0px;
  transition-property: width;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 1135, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .compre-mais_link {
  order: 3;
  display: inline-block;
  margin: 0;
  font-size: 12px;
  color: #7D7B78;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 1144, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .compre-mais_link:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1135, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_left .compre-mais_link {
    font-size: 20px;
  }
}

/* line 1149, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .end-values__mensagem-atacadista {
  /* sem margin-top: o gap da coluna já dá o respiro, e a soma dos dois
               deixava este aviso mais afastado que os demais irmãos */
  margin: 0;
  font-size: 12px;
  color: #575553;
}

/* line 1156, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_left .end-values__mensagem-atacadista.escondido {
  display: none;
}

@media (max-width: 640px) {
  /* line 1149, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_left .end-values__mensagem-atacadista {
    font-size: 20px;
  }
}

/* line 1166, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep label,
.page-carrinho #cupom-desconto label,
.page-carrinho .indicado-por-influenciador label,
.page-carrinho .resgatar-carrinho label {
  display: block;
  margin: 0 0 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1166, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .consulta-cep label,
  .page-carrinho #cupom-desconto label,
  .page-carrinho .indicado-por-influenciador label,
  .page-carrinho .resgatar-carrinho label {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/* line 1181, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep input[type="text"],
.page-carrinho #cupom-desconto input[type="text"],
.page-carrinho .indicado-por-influenciador input[type="text"],
.page-carrinho .resgatar-carrinho input[type="text"] {
  float: none;
  min-width: 0;
  width: auto;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 1181, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .consulta-cep input[type="text"],
  .page-carrinho #cupom-desconto input[type="text"],
  .page-carrinho .indicado-por-influenciador input[type="text"],
  .page-carrinho .resgatar-carrinho input[type="text"] {
    height: 82px;
    font-size: 23px;
    padding: 0 23px;
  }
}

/* line 1195, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep .button,
.page-carrinho #cupom-desconto .button,
.page-carrinho .indicado-por-influenciador .button,
.page-carrinho .resgatar-carrinho .button {
  flex: none;
  float: none;
  width: auto;
  height: 50px;
  margin: 0;
  padding: 0 20px;
}

@media (max-width: 640px) {
  /* line 1195, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .consulta-cep .button,
  .page-carrinho #cupom-desconto .button,
  .page-carrinho .indicado-por-influenciador .button,
  .page-carrinho .resgatar-carrinho .button {
    height: 82px;
    font-size: 18px;
    min-width: 130px;
    padding: 0 24px;
  }
}

/* line 1208, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep form,
.page-carrinho #cupom-desconto form,
.page-carrinho .indicado-por-influenciador form,
.page-carrinho .resgatar-carrinho form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

/* line 1215, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep,
.page-carrinho #cupom-desconto,
.page-carrinho .indicado-por-influenciador,
.page-carrinho .resgatar-carrinho {
  margin-bottom: 0;
}

/* line 1221, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep > div,
.page-carrinho .consulta-cep .box-influenciador,
.page-carrinho .consulta-cep .box-mesclar-carrinho,
.page-carrinho .consulta-cep .cupom-influenciador,
.page-carrinho .consulta-cep .mesclar-carrinho,
.page-carrinho #cupom-desconto > div,
.page-carrinho #cupom-desconto .box-influenciador,
.page-carrinho #cupom-desconto .box-mesclar-carrinho,
.page-carrinho #cupom-desconto .cupom-influenciador,
.page-carrinho #cupom-desconto .mesclar-carrinho,
.page-carrinho .indicado-por-influenciador > div,
.page-carrinho .indicado-por-influenciador .box-influenciador,
.page-carrinho .indicado-por-influenciador .box-mesclar-carrinho,
.page-carrinho .indicado-por-influenciador .cupom-influenciador,
.page-carrinho .indicado-por-influenciador .mesclar-carrinho,
.page-carrinho .resgatar-carrinho > div,
.page-carrinho .resgatar-carrinho .box-influenciador,
.page-carrinho .resgatar-carrinho .box-mesclar-carrinho,
.page-carrinho .resgatar-carrinho .cupom-influenciador,
.page-carrinho .resgatar-carrinho .mesclar-carrinho {
  width: 100%;
}

/* line 1234, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep__link {
  display: inline-block;
  margin-top: 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  color: #575553;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 1243, assets/styles/sass/carrinho_index.scss */
.page-carrinho .consulta-cep__link:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1234, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .consulta-cep__link {
    font-size: 20px;
  }
}

/* line 1250, assets/styles/sass/carrinho_index.scss */
.page-carrinho .cupom-desconto__nota {
  margin: 8px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #575553;
}

/* line 1257, assets/styles/sass/carrinho_index.scss */
.page-carrinho .cupom-desconto__nota b {
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1250, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .cupom-desconto__nota {
    font-size: 20px;
  }
}

/* line 1267, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete {
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  color: #575553;
}

/* line 1272, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete.escondido {
  display: none;
}

/* line 1274, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .flex-cart {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 1280, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .abre-frete-pago {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 1289, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .abre-frete-pago.escondido {
  display: none;
}

/* line 1290, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .abre-frete-pago:hover {
  border-color: #575553;
}

/* line 1292, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .abre-frete-pago__info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2px;
}

/* line 1297, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .abre-frete-pago label {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  text-transform: none;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1297, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .valor-frete .abre-frete-pago label {
    font-size: 23px;
  }
}

/* line 1309, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete .abre-frete-pago .price {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4E3B26;
  white-space: nowrap;
  text-align: end;
}

@media (max-width: 640px) {
  /* line 1309, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .valor-frete .abre-frete-pago .price {
    font-size: 20px;
  }
}

/* line 1322, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete aside {
  margin-top: 10px;
  font-size: 12.5px;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1322, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .valor-frete aside {
    font-size: 20px;
  }
}

/* line 1329, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete aside .editar2 {
  margin: 4px 0 0;
}

/* line 1331, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete aside .editar {
  color: #575553;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
}

/* line 1340, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete aside .editar i {
  font-size: 14px;
}

/* line 1342, assets/styles/sass/carrinho_index.scss */
.page-carrinho .valor-frete aside .editar:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1344, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .valor-frete aside .editar i {
    font-size: 23px;
  }
}

/* line 1349, assets/styles/sass/carrinho_index.scss */
.page-carrinho .mensagemPrazo {
  font-size: 12.5px;
  text-transform: none;
  color: #4c4c4c;
}

@media (max-width: 640px) {
  /* line 1349, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .mensagemPrazo {
    font-size: 20px;
  }
}

/* line 1358, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom {
  margin-bottom: 0;
  padding: 14px 16px;
  background: #F4F0EA;
  border: 1px solid #C4A484;
  border-radius: 0px;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  color: #575553;
}

/* line 1368, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .validacao-cupom__flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}

/* line 1373, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .validacao-cupom--texto p {
  margin: 0 0 2px;
  font-size: 13px;
}

/* line 1377, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .validacao-cupom--texto p:last-child {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* line 1373, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .validacao-cupom .validacao-cupom--texto p {
    font-size: 21px;
  }
}

/* line 1382, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .__valor-desconto-cupom,
.page-carrinho .validacao-cupom .__frete-cupom {
  font-weight: 500;
  color: #4E3B26;
}

/* line 1388, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .deleteThisCupom {
  flex: none;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  color: #7D7B78;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 1400, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .deleteThisCupom i {
  font-size: 15px;
}

/* line 1402, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-cupom .deleteThisCupom:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1388, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .validacao-cupom .deleteThisCupom {
    width: 52px;
    height: 52px;
  }
  /* line 1407, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .validacao-cupom .deleteThisCupom i {
    font-size: 25px;
  }
}

/* line 1416, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc {
  margin-bottom: 0;
  /* Compensa o gap do flex do resumo: o border-top do toggle ja e o
           divisor, e sem o negativo sobra uma faixa vazia acima da linha. */
  margin-top: -16px;
  /* o rotulo vive no proprio toggle: o <label> do form seria repeticao */
}

/* line 1422, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle {
  width: 100%;
  margin: 0;
  padding: 14px 0;
  background: transparent;
  border: none;
  border-top: 1px solid #E4E3E1;
  border-radius: 0px;
  font-family: "sofia-pro", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7D7B78;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
  /* fechado mostra "+" */
}

/* line 1443, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle:hover {
  color: #000000;
}

/* line 1444, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle:focus {
  outline: none;
}

/* line 1445, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle:focus-visible {
  outline: 1px solid #96754C;
  outline-offset: 2px;
}

/* line 1450, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle .carrinho-acc__label {
  flex: 1 1 auto;
  min-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}

/* line 1460, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle .carrinho-acc__ic {
  flex: none;
  font-size: 14px;
  color: currentColor;
  line-height: 1.02;
}

/* line 1468, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle .carrinho-acc__ic--minus {
  display: none;
}

/* line 1469, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__toggle .carrinho-acc__ic--plus {
  display: inline-block;
}

/* line 1472, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc.is-open .carrinho-acc__toggle {
  color: #000000;
}

/* line 1475, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc.is-open .carrinho-acc__toggle .carrinho-acc__ic--plus {
  display: none;
}

/* line 1476, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc.is-open .carrinho-acc__toggle .carrinho-acc__ic--minus {
  display: inline-block;
}

/* line 1479, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__panel {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 1487, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc.is-open .carrinho-acc__panel {
  /* folga para o form (input + botao) e eventual mensagem de erro */
  max-height: 220px;
  padding: 4px 0 14px;
}

@media (max-width: 640px) {
  /* line 1487, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho-acc.is-open .carrinho-acc__panel {
    max-height: 320px;
  }
}

/* line 1496, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho-acc .carrinho-acc__panel label {
  display: none;
}

@media (max-width: 640px) {
  /* line 1499, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho-acc .carrinho-acc__toggle {
    padding: 24px 0;
    font-size: 18px;
  }
  /* line 1503, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho-acc .carrinho-acc__toggle .carrinho-acc__ic {
    font-size: 23px;
  }
}

/* line 1509, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-influenciador,
.page-carrinho .credito-section,
.page-carrinho #secao-desconto-combo {
  margin-bottom: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  color: #575553;
}

/* line 1517, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-influenciador.escondido,
.page-carrinho .credito-section.escondido,
.page-carrinho #secao-desconto-combo.escondido {
  display: none;
}

/* line 1519, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-influenciador p,
.page-carrinho .credito-section p,
.page-carrinho #secao-desconto-combo p {
  margin: 0;
}

@media (max-width: 640px) {
  /* line 1519, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .validacao-influenciador p,
  .page-carrinho .credito-section p,
  .page-carrinho #secao-desconto-combo p {
    font-size: 20px;
  }
}

/* line 1527, assets/styles/sass/carrinho_index.scss */
.page-carrinho .validacao-influenciador .valor-cred-section,
.page-carrinho .validacao-influenciador .valor-combo,
.page-carrinho .credito-section .valor-cred-section,
.page-carrinho .credito-section .valor-combo,
.page-carrinho #secao-desconto-combo .valor-cred-section,
.page-carrinho #secao-desconto-combo .valor-combo {
  font-weight: 500;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 1509, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .validacao-influenciador,
  .page-carrinho .credito-section,
  .page-carrinho #secao-desconto-combo {
    font-size: 21px;
  }
}

/* line 1538, assets/styles/sass/carrinho_index.scss */
.page-carrinho #secao-desconto-combo .dropdown-combo {
  cursor: pointer;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}

/* line 1544, assets/styles/sass/carrinho_index.scss */
.page-carrinho #secao-desconto-combo .dropdown-combo > span {
  font-weight: 500;
  color: #000000;
}

/* line 1549, assets/styles/sass/carrinho_index.scss */
.page-carrinho #secao-desconto-combo .dropdown-combo .dropdown-combo__arrow {
  flex: none;
  font-size: 14px;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1549, assets/styles/sass/carrinho_index.scss */
  .page-carrinho #secao-desconto-combo .dropdown-combo .dropdown-combo__arrow {
    font-size: 23px;
  }
}

/* line 1558, assets/styles/sass/carrinho_index.scss */
.page-carrinho #secao-desconto-combo #lista-detalhes-combo {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

/* line 1563, assets/styles/sass/carrinho_index.scss */
.page-carrinho #secao-desconto-combo #lista-detalhes-combo.escondido {
  display: none;
}

/* line 1565, assets/styles/sass/carrinho_index.scss */
.page-carrinho #secao-desconto-combo #lista-detalhes-combo li {
  margin: 0;
  padding: 2px 0;
  font-size: 12px;
  color: #7D7B78;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}

@media (max-width: 640px) {
  /* line 1565, assets/styles/sass/carrinho_index.scss */
  .page-carrinho #secao-desconto-combo #lista-detalhes-combo li {
    font-size: 20px;
  }
}

/* line 1582, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal {
  padding-top: 16px !important;
  border-top: 1px solid #E4E3E1;
  /* frete atingido: so o valor em verde de sucesso.
           Mais especifico que o h3 { color } acima. */
  /* o main.js alterna a linha via [hidden]; precisa vencer o flex acima */
}

/* line 1586, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal .info-valor-subtotal-somente-varejo,
.page-carrinho .subtotal .info-valor-subtotal-com-atacado,
.page-carrinho .subtotal .info-valor-frete-resumo {
  margin-top: 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}

/* line 1594, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal .info-valor-subtotal-somente-varejo:first-child,
.page-carrinho .subtotal .info-valor-subtotal-com-atacado:first-child,
.page-carrinho .subtotal .info-valor-frete-resumo:first-child {
  margin-top: 0;
}

/* line 1596, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal .info-valor-subtotal-somente-varejo p,
.page-carrinho .subtotal .info-valor-subtotal-com-atacado p,
.page-carrinho .subtotal .info-valor-frete-resumo p {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 1596, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .subtotal .info-valor-subtotal-somente-varejo p,
  .page-carrinho .subtotal .info-valor-subtotal-com-atacado p,
  .page-carrinho .subtotal .info-valor-frete-resumo p {
    font-size: 23px;
  }
}

/* line 1605, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal .info-valor-subtotal-somente-varejo h3,
.page-carrinho .subtotal .info-valor-subtotal-com-atacado h3,
.page-carrinho .subtotal .info-valor-frete-resumo h3 {
  width: auto;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1605, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .subtotal .info-valor-subtotal-somente-varejo h3,
  .page-carrinho .subtotal .info-valor-subtotal-com-atacado h3,
  .page-carrinho .subtotal .info-valor-frete-resumo h3 {
    font-size: 23px;
  }
}

/* line 1620, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal .info-valor-frete-resumo .frete-gratis-valor {
  color: #2F6B4F;
}

/* line 1623, assets/styles/sass/carrinho_index.scss */
.page-carrinho .subtotal .info-valor-frete-resumo[hidden] {
  display: none !important;
}

/* line 1626, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid #E4E3E1;
  /*
          Bloco de pagamento no desenho do design (.sc-total em sacola.css):
          rotulo "Total" a esquerda e, a direita, alinhado a direita:

            TOTAL              R$ 365,56 no Pix (-5%)
                     ou R$ 384,80 em ate 6x de R$ 64,13 sem juros

          A forma de pagamento e o desconto vivem NA MESMA linha do valor, na
          mesma tinta, so menores - e a hierarquia sai de tamanho e cor, sem
          icone. A segunda linha e toda em cinza discreto.
        */
  /* primeira linha: valor a vista + forma de pagamento + desconto */
}

/* line 1631, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right > label {
  display: block;
  margin: 0 0 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1631, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right > label {
    font-size: 18px;
  }
}

/* line 1654, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .cart-total-itens {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
}

/* line 1658, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .cart-total-itens .cart-texto-valor-total {
  flex: none;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1658, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right .cart-total-itens .cart-texto-valor-total {
    font-size: 20px;
  }
}

/* line 1670, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__valores {
  min-width: 0;
  text-align: right;
}

/* line 1676, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__principal {
  margin: 0;
  line-height: 1.18;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 5px;
}

/* line 1684, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__principal .cart-cifrao,
.page-carrinho .end-values_right .sacola-total__principal .__carrinho-valor-total {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  color: #4E3B26;
  line-height: inherit;
}

/* line 1692, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__principal .cart-cifrao,
.page-carrinho .end-values_right .sacola-total__principal .__carrinho-valor-total {
  font-size: 28px;
}

@media (max-width: 640px) {
  /* line 1692, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right .sacola-total__principal .cart-cifrao,
  .page-carrinho .end-values_right .sacola-total__principal .__carrinho-valor-total {
    font-size: 46px;
  }
}

/* line 1699, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__principal .__carrinho-valor-total {
  float: none;
  width: auto;
}

/* line 1704, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__principal .pgto-comdesconto {
  display: block;
  margin: 2px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: #4E3B26;
}

/* line 1713, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .sacola-total__principal .pgto-comdesconto.escondido {
  display: none;
}

@media (max-width: 640px) {
  /* line 1704, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right .sacola-total__principal .pgto-comdesconto {
    font-size: 21px;
  }
}

/* line 1719, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .pgto-parcelas {
  margin: 4px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #7D7B78;
  text-align: right;
}

/* line 1727, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .pgto-parcelas.escondido {
  display: none;
}

/* line 1729, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .pgto-parcelas .__valor-total-cheio {
  margin-right: 4px;
}

/* line 1731, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .pgto-parcelas .__valor-total-cheio.escondido,
.page-carrinho .end-values_right .pgto-parcelas #info-parcelamento.escondido {
  display: none;
}

/* line 1734, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .pgto-parcelas .price {
  font-weight: 500;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 1719, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right .pgto-parcelas {
    font-size: 20px;
  }
}

/* line 1743, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .cart-valor-minimo.escondido {
  display: none;
}

/* line 1745, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .cart-valor-minimo p {
  margin: 8px 0 0;
  font-size: 12px;
  color: #A32B2B;
}

@media (max-width: 640px) {
  /* line 1745, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right .cart-valor-minimo p {
    font-size: 20px;
  }
}

/* line 1754, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .informacao-cashback {
  margin-top: 16px;
  padding: 12px 14px;
  background: #F4F0EA;
  text-align: center;
}

/* line 1760, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .informacao-cashback p {
  margin: 0;
  animation: none !important;
  /* remove o link-pisca do main.scss */
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #575553;
  text-align: center;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1760, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .end-values_right .informacao-cashback p {
    font-size: 20px;
  }
}

/* line 1773, assets/styles/sass/carrinho_index.scss */
.page-carrinho .end-values_right .informacao-cashback .cashback-valor,
.page-carrinho .end-values_right .informacao-cashback #valorCashbackAReceber {
  font-weight: 500;
  color: #4E3B26;
}

/* line 1784, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar {
  margin: 0;
  padding: 0;
  /*
          Ação principal da tela: é o %button-preto-acento, o mesmo par do
          "Finalizar compra" da sacola lateral e do "Assinar" da newsletter -
          tinta cheia que vira lavanda no hover. Antes essas quatro linhas
          estavam escritas à mão aqui, com o hover do %button-preto (escurece
          para $n-700), que é a saída de ação SECUNDÁRIA.
        */
}

/* line 1795, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar .buy {
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 0 24px;
  gap: 10px;
}

/* line 1804, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar .buy p {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: 1.02;
  text-transform: inherit;
}

/* line 1815, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar .buy i {
  font-size: 16px;
  color: inherit;
}

@media (max-width: 640px) {
  /* line 1795, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-finalizar .buy {
    height: 89px;
    font-size: 20px;
  }
  /* line 1820, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-finalizar .buy i {
    font-size: 26px;
  }
}

/* line 1824, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar .sacola-selos {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
}

/* line 1830, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar .sacola-selos span {
  font-family: "sofia-pro", sans-serif;
  font-size: 12.5px;
  color: #575553;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}

/* line 1838, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sacola-finalizar .sacola-selos span i {
  font-size: 15px;
  color: #A8A6A3;
}

@media (max-width: 640px) {
  /* line 1830, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-finalizar .sacola-selos span {
    font-size: 18px;
  }
  /* line 1842, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-finalizar .sacola-selos span i {
    font-size: 25px;
  }
}

@media (max-width: 640px) {
  /* line 1824, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sacola-finalizar .sacola-selos {
    gap: 26px;
    flex-wrap: wrap;
  }
}

/*------------------------------------*\
  #SACOLA VAZIA - redesign 2026

  Bloco no fim do arquivo, escopado em .page-carrinho, para vencer por cascata
  o legado de .sem-produtos e .carrinho_buttons (que ficaram acima e ainda
  servem outras telas).
\*------------------------------------*/
/* line 1860, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sem-produtos {
  margin: 0 0 24px;
  padding: clamp(32px, 5vw, 64px) clamp(20px, 4vw, 48px);
  background: #FFFFFF;
  border: none;
  border-radius: 0px;
  text-align: center;
}

/* line 1868, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sem-produtos .titulo-carrinho-vazio {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: 0em;
  color: #3A3937;
  text-align: center;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1868, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sem-produtos .titulo-carrinho-vazio {
    font-size: 43px;
  }
}

/* line 1882, assets/styles/sass/carrinho_index.scss */
.page-carrinho .sem-produtos .info-carrinho-vazio {
  max-width: 620px;
  margin: 16px auto 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 1882, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .sem-produtos .info-carrinho-vazio {
    font-size: 23px;
  }
}

/* line 1895, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons {
  margin: 0 0 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  /*
          "Escolher mais produtos": ação principal da tela vazia, então o mesmo
          %button-preto-acento do Finalizar compra.

          O seletor é `a.return` e não `.return`: o "Resgatar carrinho" ao lado é
          um <button> que TAMBÉM carrega a classe .return, e o fundo do
          %button-preto-acento é !important - ele vencia o contorno declarado
          abaixo, e a tela terminava com dois botões de tinta cheia lado a lado.
        */
  /*
          "Resgatar carrinho": CTA secundário contornado, com o campo de código
          abrindo LOGO ABAIXO dele.

          As quatro primeiras linhas desligam a
          .itens_na_sacola__finalizacao que o markup traz junto - classe da sacola
          LATERAL, onde ela vale: `width: 100%` mais `flex row` mais
          `space-between`. Aqui isso esticava o bloco até o fim da faixa e jogava o
          formulário para a ponta direita, a mais de mil pixels do botão que o
          abre (era o retângulo vazio no canto da tela).
        */
}

@media (max-width: 640px) {
  /* line 1895, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons {
    flex-direction: column;
    gap: 12px;
  }
}

/* line 1915, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons a.return {
  width: auto;
  min-width: 260px;
  height: 50px;
  padding: 0 32px;
  gap: 10px;
  /* fixa a tipografia do <p>: a regra global de `p` do Foundation
               sobrescreve o tamanho herdado */
}

/* line 1924, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons a.return i {
  font-size: 15px;
}

/* line 1928, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons a.return p {
  margin: 0;
  color: inherit;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.02;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1915, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons a.return {
    width: 100%;
    height: 82px;
  }
  /* line 1942, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons a.return p {
    font-size: 20px;
  }
  /* line 1943, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons a.return i {
    font-size: 25px;
  }
}

/* line 1958, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn {
  width: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0;
}

@media (max-width: 640px) {
  /* line 1958, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons .resgatar-carrinho__btn {
    width: 100%;
  }
}

/* line 1966, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho {
  width: auto;
  min-width: 260px;
  height: 50px;
  padding: 0 32px;
  line-height: 1.02;
}

@media (max-width: 640px) {
  /* line 1966, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons .resgatar-carrinho__btn #resgatar-carrinho {
    width: 100%;
    height: 82px;
    font-size: 20px;
  }
}

/* line 1982, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  /* Submeter o código é ação secundária em tinta cheia: %button-preto,
                   cujo hover escurece para $n-700 - o acento fica reservado para o
                   "Escolher mais produtos" ao lado, que é a ação principal. */
}

/* line 1988, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho label {
  display: none;
}

/* line 1990, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho input {
  float: none;
  width: 200px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 1990, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho input {
    flex: 1;
    width: auto;
    height: 82px;
    font-size: 21px;
  }
}

/* line 2008, assets/styles/sass/carrinho_index.scss */
.page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho button {
  float: none;
  width: auto;
  min-width: 64px;
  height: 50px;
  margin: 0;
  padding: 0 20px;
}

@media (max-width: 640px) {
  /* line 2008, assets/styles/sass/carrinho_index.scss */
  .page-carrinho .carrinho_buttons .resgatar-carrinho__btn .form-resgatar-carrinho button {
    height: 82px;
    font-size: 20px;
  }
}

/*------------------------------------*\
  #CARRINHO - ENDEREÇO
\*------------------------------------*/
/* line 4, assets/styles/sass/carrinho_endereco.scss */
.location-post.endereco h3 {
  margin-top: 30px;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 12, assets/styles/sass/carrinho_endereco.scss */
.location-post.endereco .aviso {
  margin-top: 20px;
}

/* line 20, assets/styles/sass/carrinho_endereco.scss */
.endereco ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 20, assets/styles/sass/carrinho_endereco.scss */
  .endereco ul {
    flex-direction: column;
  }
}

/* line 28, assets/styles/sass/carrinho_endereco.scss */
.endereco ul li {
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 0 !important;
  position: relative;
  width: 49%;
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/carrinho_endereco.scss */
  .endereco ul li {
    margin: 0;
    width: 100%;
  }
}

/* line 43, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id {
  border: 1px solid #f1f1f1;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin: 0;
  padding: 20px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id {
    margin: 20px 0 20px 0;
    width: 600px;
  }
}

/* line 59, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  color: #727272;
  padding-bottom: 10px;
}

@media (max-width: 640px) {
  /* line 59, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id h2 {
    font-size: 1.6rem;
  }
}

/* line 68, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id address {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 95%;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id address {
    width: 92%;
  }
}

/* line 79, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id address .endereco_identificacao {
  font-style: italic;
}

/* line 83, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id address .cep-location {
  font-weight: 400;
  margin-top: 2px;
  margin-left: 43px;
}

@media (max-width: 640px) {
  /* line 83, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id address .cep-location {
    margin-left: 70px;
    margin-top: 6px;
    display: table;
  }
}

/* line 94, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id address .cep-location:before {
  content: 'CEP:';
  margin-left: -43px;
}

@media (max-width: 640px) {
  /* line 94, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id address .cep-location:before {
    margin-left: -70px;
  }
}

/* line 104, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id address .zip-code-location {
  font-weight: 400;
  margin-top: 2px;
  margin-left: 65px;
}

@media (max-width: 640px) {
  /* line 104, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id address .zip-code-location {
    margin-left: 102px;
  }
}

/* line 113, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id address .zip-code-location:before {
  content: 'ZIPCode:';
  left: 20px;
}

/* line 120, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id .valor-frete-dinamic,
.endereco .box-post_id .valor-frete-internacional-dinamic {
  color: #000;
  line-height: 18px;
  margin-bottom: 15px;
  position: relative;
  width: 160px;
}

@media (max-width: 640px) {
  /* line 120, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id .valor-frete-dinamic,
  .endereco .box-post_id .valor-frete-internacional-dinamic {
    height: auto;
    line-height: 26px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

/* line 137, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id .valor-frete-dinamic p,
.endereco .box-post_id .valor-frete-internacional-dinamic p {
  line-height: 20px;
}

@media (max-width: 640px) {
  /* line 137, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id .valor-frete-dinamic p,
  .endereco .box-post_id .valor-frete-internacional-dinamic p {
    font-size: 22px;
  }
}

/* line 144, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id .valor-frete-dinamic p:first-of-type,
.endereco .box-post_id .valor-frete-internacional-dinamic p:first-of-type {
  font-weight: 600;
}

/* line 149, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id .valor-frete-dinamic span,
.endereco .box-post_id .valor-frete-internacional-dinamic span {
  line-height: 20px;
  font-weight: 400 !important;
}

@media (max-width: 640px) {
  /* line 149, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id .valor-frete-dinamic span,
  .endereco .box-post_id .valor-frete-internacional-dinamic span {
    font-size: 22px;
    font-weight: 400 !important;
  }
}

/* line 159, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id .valor-frete-dinamic label,
.endereco .box-post_id .valor-frete-internacional-dinamic label {
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  font-weight: 600;
}

@media (max-width: 640px) {
  /* line 159, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id .valor-frete-dinamic label,
  .endereco .box-post_id .valor-frete-internacional-dinamic label {
    font-size: 1.5rem;
  }
}

/* line 171, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id small {
  float: left;
}

/* line 176, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id button {
  color: #000;
  margin: 20px 0 0 0;
  padding: 10px 18px;
  letter-spacing: 1px;
}

@media (max-width: 640px) {
  /* line 176, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id button {
    padding: 15px;
    text-align: center;
    width: 560px;
  }
}

/* line 190, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id .excluir {
  background-image: url("/app-hagler/assets/images/icons/icon-lixeira.png");
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  height: 31px;
  position: absolute;
  right: 21px;
  text-decoration: none;
  top: 20px;
  width: 25px;
}

@media (max-width: 640px) {
  /* line 190, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id .excluir {
    background-image: url("/app-hagler/assets/images/icons/icon-lixeira-m.png");
    background-size: contain;
    height: 44px;
    top: 39px;
    width: 35px;
  }
}

/* line 213, assets/styles/sass/carrinho_endereco.scss */
.endereco .box-post_id-add {
  border: 1px solid #f1f1f1;
  color: #000;
  height: auto !important;
  margin: auto;
  margin-bottom: 80px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 213, assets/styles/sass/carrinho_endereco.scss */
  .endereco .box-post_id-add {
    width: 600px;
  }
}

/* line 233, assets/styles/sass/carrinho_endereco.scss */
.endereco .button_endereco {
  font-size: 14px;
  font-weight: 400;
  margin: 30px 0;
  padding: 15px;
  letter-spacing: 1px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 233, assets/styles/sass/carrinho_endereco.scss */
  .endereco .button_endereco {
    text-align: center !important;
    font-size: 20px;
    line-height: 26px;
    width: 90%;
  }
}

/* line 249, assets/styles/sass/carrinho_endereco.scss */
.endereco .alert-box {
  background-color: #FFB919;
  border: none;
  color: #000;
  float: left;
  font-size: .875rem;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px;
  width: 100%;
}

/*form do cadastro de endereço*/
/* line 263, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro {
  height: auto;
  min-height: 287px;
  padding: 20px;
  position: relative;
  width: 100%;
}

/* line 270, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco {
  width: 100%;
}

/* line 41, assets/styles/sass/mixins.scss */
.modal-cadastro .cadastro-endereco ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #727272;
  font-style: normal;
}

/* line 45, assets/styles/sass/mixins.scss */
.modal-cadastro .cadastro-endereco ::-moz-placeholder {
  /* Firefox 19+ */
  color: #727272;
  font-style: normal;
}

/* line 49, assets/styles/sass/mixins.scss */
.modal-cadastro .cadastro-endereco :-ms-input-placeholder {
  /* IE 10+ */
  color: #727272;
  font-style: normal;
}

/* line 53, assets/styles/sass/mixins.scss */
.modal-cadastro .cadastro-endereco :-moz-placeholder {
  /* Firefox 18- */
  color: #727272;
  font-style: normal;
}

/* line 274, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco input,
.modal-cadastro .cadastro-endereco select {
  height: 46px;
  padding: .7rem;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 274, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco input,
  .modal-cadastro .cadastro-endereco select {
    font-size: 24px;
    height: 65px;
  }
}

/* line 287, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco .numero_wrap {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 291, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco .numero_wrap label {
  display: flex;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 291, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco .numero_wrap label {
    font-size: 20px;
    line-height: 20px;
  }
}

/* line 301, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco .numero_wrap label .semNumero {
  margin: 0 5px;
}

/* line 307, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco input[name="numero"] {
  margin-bottom: 0;
  width: 75%;
}

@media (max-width: 1199px) {
  /* line 307, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco input[name="numero"] {
    width: 70%;
  }
}

@media (max-width: 640px) {
  /* line 307, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco input[name="numero"] {
    width: 65%;
  }
}

/* line 320, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco input[type="checkbox"] {
  height: auto;
  margin-bottom: 0;
  width: auto;
}

@media (max-width: 640px) {
  /* line 320, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco input[type="checkbox"] {
    height: 25px;
    width: 25px;
  }
}

/* line 331, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco .destinatario_label {
  color: #858585;
  font-weight: 600;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 331, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco .destinatario_label {
    font-size: 21px;
  }
}

/* line 342, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco .destinatario_label input[type="checkbox"] {
  margin-right: 7px;
}

/* line 347, assets/styles/sass/carrinho_endereco.scss */
.modal-cadastro .cadastro-endereco button {
  font-size: 14px;
  float: right;
  margin-bottom: 15px;
  padding: 10px 20px;
}

@media (max-width: 640px) {
  /* line 347, assets/styles/sass/carrinho_endereco.scss */
  .modal-cadastro .cadastro-endereco button {
    font-size: 28px;
    text-align: center;
  }
}

/* line 361, assets/styles/sass/carrinho_endereco.scss */
.endereco_loja__wrap {
  width: 100% !important;
}

/* line 364, assets/styles/sass/carrinho_endereco.scss */
.endereco_loja__wrap .endereco_loja__list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 367, assets/styles/sass/carrinho_endereco.scss */
.endereco_loja__wrap .endereco_loja__list li {
  margin-right: 10px;
  width: 49% !important;
}

@media (max-width: 640px) {
  /* line 367, assets/styles/sass/carrinho_endereco.scss */
  .endereco_loja__wrap .endereco_loja__list li {
    width: 100% !important;
  }
}

/*------------------------------------*\
  #CARRINHO - FINALIZACAO
\*------------------------------------*/
/* line 1, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-top: 50px;
  /*
      "Criar conta": a ação secundária ao lado de "Entrar". Segue em fio, como já
      era, mas nos tokens do DS - $cinza/$cinza-escuro não existem na paleta nova.
      O seletor é um ID, então ele vence a regra de .button da camada do DS lá
      embaixo; é o que mantém este botão em fio enquanto os outros vão a tinta.
    */
  /* Cartões de crédito */
}

/* line 5, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao label,
.finalizacao select {
  font-size: 15px;
}

@media (max-width: 640px) {
  /* line 5, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao label,
  .finalizacao select {
    font-size: 1.2rem;
  }
}

/* line 14, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input {
  box-shadow: none;
  padding: 1em;
  color: #000;
}

/* line 19, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input[type="radio"] {
  margin: 0;
}

@media (max-width: 640px) {
  /* line 19, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input[type="radio"] {
    transform: scale(0.55);
  }
}

@media (max-width: 640px) {
  /* line 14, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input {
    font-size: 1.2rem;
  }
  /* line 30, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input[type="checkbox"] {
    font-size: 8px;
  }
}

/* line 36, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input:not([type="radio"]),
.finalizacao select {
  border-radius: 10px;
  border: 1px solid #E4E3E1;
  height: 44px;
  margin: 0 0 1rem;
  width: 100%;
}

/* line 45, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input[type="checkbox"]:not([hidden]) {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font: inherit;
  color: currentColor;
  width: 22px;
  height: 22px;
  border: 1px solid #E4E3E1;
  border-radius: 5px;
  transform: translateY(-0.075em);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 66, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 2px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #727272;
}

/* line 76, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input[type="checkbox"]:checked::before {
  transform: scale(1);
}

@media (max-width: 640px) {
  /* line 80, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input,
  .finalizacao select {
    height: 3rem;
  }
}

/* line 87, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .tributaria_wrap {
  margin-bottom: .8rem;
}

/* line 91, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #cadastrar-cliente i {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 128, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .conteudo {
  max-width: 1544px;
  padding: 0 40px;
  display: grid;
  grid-template-columns: repeat(3, minmax(350px, 450px));
  justify-content: space-between;
  column-gap: 16px;
  row-gap: 32px;
}

@media (max-width: 1199px) {
  /* line 128, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .conteudo {
    grid-template-columns: 2fr;
  }
}

@media (max-width: 640px) {
  /* line 128, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .conteudo {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}

/* line 148, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap {
  /*
          O fundo e as cores da etapa cumprida estão na camada do DS, no fim do
          arquivo: o verde não existe na paleta nova. Aqui ficam só as medidas de
          texto que continuam valendo.
        */
}

@media (max-width: 640px) {
  /* line 148, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .wrap {
    width: 100%;
  }
}

/* line 153, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap > section {
  height: auto;
  border: 1px solid #E4E3E1;
  border-radius: 32px;
  padding: 25px 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 153, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .wrap > section {
    width: 100%;
  }
}

/* line 173, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap .completo h4 {
  font-size: 1.1rem;
}

@media (max-width: 640px) {
  /* line 173, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .wrap .completo h4 {
    font-size: 1.4rem;
  }
}

/* line 181, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap .completo p {
  font-size: .75rem;
}

@media (max-width: 640px) {
  /* line 181, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .wrap .completo p {
    font-size: 1.2rem;
  }
}

/* line 191, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .dados-pessoais__wrap {
  margin-bottom: 32px;
}

/* line 194, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .dados-pessoais__wrap .formulario-edicao-cliente {
  width: 100%;
  margin-top: 38px;
}

/* line 201, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .dados-pessoais__wrap .formulario-edicao-cliente button {
  width: 100%;
  margin-top: 1rem;
}

/* line 206, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .dados-pessoais__wrap .formulario-edicao-cliente.escondido {
  display: none !important;
}

/* line 214, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .dados-pessoais .editar,
.finalizacao .dados-pessoais .voltar-edicao,
.finalizacao .dados-pessoais .voltar-cadastro {
  position: absolute;
  top: 31px;
  right: 24px;
  cursor: pointer;
  stroke: #858585;
}

/* line 225, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamento__wrap {
  grid-area: 1 / 2;
}

@media (max-width: 1199px) {
  /* line 225, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamento__wrap {
    grid-area: 2 / 1;
  }
}

@media (max-width: 640px) {
  /* line 225, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamento__wrap {
    grid-area: 2 / 1;
  }
}

/* line 237, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap {
  grid-area: 1 / 3;
}

@media (max-width: 1199px) {
  /* line 237, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap {
    grid-area: 3 / 1;
  }
}

@media (max-width: 640px) {
  /* line 237, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap {
    grid-area: 3 / 1;
  }
}

/* line 249, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao h3 {
  width: 100%;
  text-align: start;
  color: #858585;
}

/* line 255, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .acessar-conta {
  width: 100%;
  margin-top: 38px;
}

/* line 259, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .acessar-conta button {
  width: 100%;
  padding: 13.75px;
  border-width: 2px;
}

/* line 273, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .acessar-conta p {
  color: #727272;
  text-align: center;
  margin: 24px 0;
}

/* line 283, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .acessar-conta .formulario-finalizacao .mask-to-load {
  z-index: 1000;
}

/* line 295, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #cadastrar-cliente {
  background-color: transparent;
  border: 1px solid #000000;
  color: #000000;
}

/* line 300, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #cadastrar-cliente:hover {
  background-color: #F2F2F2;
}

/* line 305, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-logar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}

/* line 311, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .box_mostrar-senha {
  display: flex;
  align-self: flex-start;
  margin: .5rem;
}

/* line 316, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .box_mostrar-senha label {
  font-size: 0.8rem;
}

@media (max-width: 640px) {
  /* line 316, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .box_mostrar-senha label {
    font-size: 1.2rem;
  }
}

/* line 324, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cadastro {
  gap: 7px;
}

/* line 327, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cadastro p {
  color: #727272;
  line-height: 1;
}

/* line 333, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .signin-facebbok {
  gap: 7px;
  align-items: center;
  margin-bottom: 10px;
}

/* line 339, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cliente-logado {
  margin-top: 35px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

/* line 345, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cliente-logado .nome {
  color: #000;
  text-decoration: none  !important;
}

/* line 350, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cliente-logado .email,
.finalizacao .cliente-logado .identificacao {
  color: #858585;
  text-decoration: none  !important;
}

/* line 357, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .formulario-cadastro-cliente {
  flex-direction: column;
  gap: 25px;
}

/* line 362, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-cadastre-se {
  width: 100%;
}

/* line 366, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-cadastre-se button {
  width: 100%;
}

/* line 370, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-cadastre-se .aceita-termos {
  font-size: .8rem;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: .5rem;
  border-bottom: 2px solid transparent;
}

@media (max-width: 640px) {
  /* line 370, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao #form-cadastre-se .aceita-termos {
    font-size: 1.2rem;
  }
}

/* line 382, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-cadastre-se .aceita-termos input {
  margin: 0;
}

@media (max-width: 640px) {
  /* line 382, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao #form-cadastre-se .aceita-termos input {
    margin: 0 .5rem 0 0;
  }
}

/* line 390, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-cadastre-se .aceita-termos .termosECondicoes {
  font-weight: bold;
}

/* line 396, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-cadastre-se .input-sit-trib .tributaria_wrap .situacao {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 402, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .aviso {
  line-height: 1;
  color: #858585;
}

/* line 406, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .aviso:nth-of-type(1) {
  padding-left: 56px;
}

@media (max-width: 640px) {
  /* line 406, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .aviso:nth-of-type(1) {
    padding-left: 40px;
    margin-top: 10px;
  }
}

/* line 415, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .aviso:nth-of-type(2) {
  text-align: center;
}

/* line 420, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .forgot-password {
  font-size: 15px;
  margin: 24px 0;
  color: #727272;
}

@media (hover: hover) {
  /* line 426, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .forgot-password:hover {
    text-decoration: underline;
  }
}

@media (max-width: 640px) {
  /* line 420, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .forgot-password {
    font-size: 25px;
  }
}

/* line 436, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .content-editar {
  display: flex;
  gap: 5px;
}

/* line 441, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco {
  font-size: .8rem;
  color: #4c4c4c;
  line-height: 1.5;
}

@media (max-width: 640px) {
  /* line 441, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .endereco {
    font-size: 21px;
  }
}

/* line 450, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco .editar {
  position: absolute;
  top: 95px;
  right: 24px;
  cursor: pointer;
  stroke: #858585;
  color: #858585;
}

/* line 459, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco .editar-frete,
.finalizacao .endereco .editar-endereco {
  position: relative;
  top: auto;
  right: auto;
}

/* line 467, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco p.editar {
  line-height: 28px;
  font-size: 14px;
}

@media (max-width: 640px) {
  /* line 467, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .endereco p.editar {
    font-size: 23px;
  }
}

/* line 477, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco h3 {
  color: #000;
}

/* line 482, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .novo-endereco {
  font-size: 15px;
  color: #196CAE;
  transition: all 0.2s;
}

@media (max-width: 640px) {
  /* line 482, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .novo-endereco {
    font-size: 1.4rem;
  }
}

@media (hover: hover) {
  /* line 492, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .novo-endereco:hover {
    text-decoration: underline;
  }
}

/* line 499, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cadastrar-endereco svg {
  position: absolute;
  top: 31px;
  right: 24px;
  cursor: pointer;
}

/* line 506, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cadastrar-endereco,
.finalizacao .cadastrar-endereco .button {
  width: 100%;
}

@media (max-width: 640px) {
  /* line 512, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .cadastrar-endereco label {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  /* line 517, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .cadastrar-endereco label input {
    margin: 0;
  }
}

/* line 524, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #endereco-nacional,
.finalizacao #endereco-internacional {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  /*
          Os overrides de `label { font-size }` e de `margin-bottom: 2rem` nos
          campos saíram: eram IDs, venciam a camada do DS e deixavam só este
          bloco com rótulo em corpo de texto e respiro maior que o resto do
          formulário.
        */
}

/* line 534, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #endereco-nacional #cep,
.finalizacao #endereco-internacional #cep {
  width: 100%;
}

/* line 539, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .destinatario_label {
  display: inherit;
  flex-direction: row;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  margin-bottom: 15px;
}

/* line 548, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .destinatario_label input[type=checkbox] {
  margin-right: 8px;
}

/* line 553, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-nacional__dados {
  width: 100%;
  flex-direction: column;
}

/* line 558, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .numero_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 561, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .numero_wrap label {
  display: inherit;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  line-height: 2.5;
  -webkit-user-select: none;
  user-select: none;
  margin-left: 2rem;
}

/* line 572, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .numero_wrap label input[type=checkbox] {
  margin-right: 8px;
}

/* line 577, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .numero_wrap input[type="text"] {
  flex: 1;
}

/* line 582, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #endereco-internacional {
  margin-top: 10px;
}

/* line 585, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #endereco-internacional > div {
  width: 100%;
}

/* line 590, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .modal-cadastro {
  min-height: unset;
  padding: 0;
}

/* line 595, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .frete {
  width: 100%;
}

/* line 598, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .frete .subtitulo {
  margin: 10px 0;
}

/* line 603, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .itens {
  width: 100%;
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 15px;
}

/* line 608, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .itens.enderecos-cadastrados {
  padding-bottom: 10px;
}

/* line 613, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .item {
  width: 100%;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  border: 1px solid #E4E3E1;
  border-radius: 0px;
}

@media (max-width: 640px) {
  /* line 613, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .item {
    justify-content: space-between;
  }
}

/* line 627, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-item svg {
  stroke: #858585;
  cursor: pointer;
}

/* line 632, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-item i {
  cursor: pointer;
}

/* line 637, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .dados {
  width: 90%;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  cursor: pointer;
}

/* line 644, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-dados {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
  flex: 1;
}

/* line 649, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-dados .ver-mais {
  font-size: .7rem;
  color: #727272;
  line-height: 1.2;
  transition: all 0.2s;
}

@media (max-width: 640px) {
  /* line 649, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .endereco-dados .ver-mais {
    font-size: 1.4rem;
  }
}

/* line 659, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-dados .ver-mais:hover {
  filter: brightness(0.8);
}

/* line 664, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-dados .texto {
  word-break: break-word;
  cursor: pointer;
  color: #858585;
}

/* line 675, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .acoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 18px;
}

/* line 680, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .frete-item {
  cursor: pointer;
}

/* line 684, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .frete-dados {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 684, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .frete-dados {
    width: 100%;
    justify-content: flex-start;
  }
}

/* line 695, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .enderecos-loja h2 {
  font-size: 1.1rem;
}

@media (max-width: 640px) {
  /* line 695, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .enderecos-loja h2 {
    font-size: 1.6rem;
  }
}

/* line 704, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-selecionado {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 35px;
}

/* line 711, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-dados {
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  word-break: break-word;
}

/* line 715, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .endereco-dados span {
  color: #858585;
  text-decoration: none  !important;
}

/* line 721, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .frete-selecionado {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 32px;
}

/* line 727, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .frete-selecionado span {
  color: #858585;
}

/* line 732, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .creditos,
.finalizacao .cashbacks {
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 737, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .creditos p,
  .finalizacao .cashbacks p {
    font-size: 1.4rem;
  }
}

/* line 744, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .credito-checkbox,
.finalizacao .cashback-checkbox {
  margin-top: .5rem;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
}

@media (max-width: 640px) {
  /* line 744, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .credito-checkbox,
  .finalizacao .cashback-checkbox {
    gap: 15px;
    margin: 10px 0 0 5px;
  }
}

/* line 755, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .credito-checkbox input,
.finalizacao .credito-checkbox label,
.finalizacao .cashback-checkbox input,
.finalizacao .cashback-checkbox label {
  margin: 0;
}

/* line 761, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos {
  margin-top: 15px;
  width: 100%;
}

/* line 769, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos select {
  padding: 10px 15px;
}

/* line 772, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos select option {
  font-family: 'Lato' !important;
}

/* line 777, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos input {
  padding: 5px 15px 0 15px;
}

/* line 781, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos_itens {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}

/* line 786, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos_item {
  width: 100%;
  border: 1px solid #E4E3E1;
  border-radius: 0px;
}

/* line 792, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .input-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  cursor: pointer;
  width: 100%;
  padding: 20px;
}

@media (max-width: 640px) {
  /* line 792, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .input-box {
    flex-wrap: nowrap;
    gap: 20px;
  }
}

/* line 805, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .pagamentos_titulo {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  gap: 5px;
}

@media (max-width: 640px) {
  /* line 805, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .pagamentos_titulo {
    max-width: none;
  }
  /* line 813, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .pagamentos_titulo small {
    font-size: 25px;
  }
}

/* line 819, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos h5 {
  margin: 0;
  font-size: 15px;
}

@media (max-width: 640px) {
  /* line 819, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos h5 {
    font-size: 1.4rem;
    text-align: start;
  }
}

/* line 829, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos small {
  width: 100%;
  color: #000;
}

/* line 834, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .pagamentos_formulario {
  display: none;
  width: inherit;
  padding: 0 23px;
}

/* line 840, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos img.pagseguro {
  width: 100%;
}

/* line 844, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos #paypal-transparente-button-container {
  margin-top: 10px;
}

/* line 848, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .campos-menores {
  width: 100%;
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: .5rem;
}

/* line 855, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .campos-menores label {
  flex: 1;
}

/* line 860, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes {
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}

/* line 864, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes-pix p,
.finalizacao .pagamentos .instrucoes-paypal p {
  text-align: justify;
  line-height: 1.065;
}

/* line 870, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes li {
  color: #000;
  list-style: initial;
  margin-left: 10px;
  line-height: .98;
}

/* line 877, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes p {
  line-height: 1.25;
  text-align: left;
}

/* line 881, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes p b {
  color: #FF0000;
}

/* line 887, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes.pix-pagaleve img {
  width: 50%;
  margin: 10px auto;
}

/* line 892, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes.pix-pagaleve li {
  margin-bottom: 2px;
}

/* line 898, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .instrucoes-paypal img {
  width: 250px;
  display: flex;
  margin: 0 auto;
}

@media (max-width: 640px) {
  /* line 898, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .instrucoes-paypal img {
    width: 300px;
    margin: 0 auto;
  }
}

/* line 911, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos h3 {
  text-align: left;
  text-transform: uppercase;
  padding-top: 15px;
  color: #FF0000;
}

/* line 918, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .dados-bancarios {
  margin-top: 10px;
}

/* line 922, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .descricao_pagamento_avista {
  margin-top: 16px;
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 927, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .descricao_pagamento_avista span {
    font-size: 1.2rem;
  }
}

/* line 933, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .total-vencimento {
  display: flex;
  flex-wrap: wrap;
}

/* line 937, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .total-vencimento p {
  margin-left: 5px;
}

/* line 942, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos form {
  padding: 10px 0;
}

@media (max-width: 640px) {
  /* line 946, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos button {
    font-size: 1.7rem;
  }
}

/* line 952, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .progress-button {
  margin: 0 auto;
  min-width: unset;
  width: 100%;
}

/* line 957, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .progress-button button {
  height: auto;
  padding: .5rem;
  width: 100%;
  left: 0;
  font-family: "sofia-pro", sans-serif;
}

@media (max-width: 640px) {
  /* line 957, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .progress-button button {
    height: 60px;
  }
}

/* line 969, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .progress-button.loading button {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

/* line 975, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .progress-button svg {
  top: 0;
}

@media screen and (min-width: 1025px) {
  /* line 981, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .progress-button svg.cross {
    top: -12px;
  }
  /* line 985, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .pagamentos .progress-button svg.checkmark {
    top: -16px;
  }
}

/* line 992, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .pagamentos .carregamento_recaptcha {
  margin: 0px;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

/* line 1000, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao section.resumo {
  gap: 10px;
  padding: 30px 40px;
}

/* line 1004, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao section.resumo h2 {
  font-size: 1.4rem;
  color: #000;
}

/* line 1010, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos {
  height: auto;
  padding-right: 5px;
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  max-height: 60vh;
  overflow: auto;
  scrollbar-color: #4c4c4c36 #f1f1f1ed;
  scrollbar-width: thin;
  /*
          Miniatura do resumo na proporção do DS (3/4, a mesma do card de
          produto) e sem raio: eram 1/1.3 com 10px de canto. A largura manda e a
          altura sai da proporção - antes era o contrário, e por isso a caixa e a
          imagem tinham de repetir os dois valores.
        */
}

@media (max-width: 640px) {
  /* line 1010, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos {
    max-height: 55vh;
  }
}

/* line 1025, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos li {
  padding-top: 10px;
  border-top: 1px solid #E4E3E1;
}

/* line 1029, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos li:last-of-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #E4E3E1;
}

/* line 1041, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos img {
  width: 72px;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 0px;
  background-color: #F2F2F2;
}

/* line 1050, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos figure {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 1054, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .img-produto {
  position: relative;
  width: 72px;
  flex: none;
}

/* line 1060, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .selos.selo-atacado {
  margin: 0;
  background-color: #000;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  border-radius: 0px;
  bottom: 0;
  left: 0;
}

/* line 1071, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .selos.selo-atacado span {
  font-size: 0.6rem;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .02rem;
  color: #ffffff;
  user-select: none;
}

@media (max-width: 640px) {
  /* line 1071, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .selos.selo-atacado span {
    font-size: 16px;
  }
}

/* line 1084, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .selos.selo-atacado.escondido {
  display: none !important;
}

/* line 1089, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos figcaption {
  height: auto;
  width: 100%;
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: 1.4rem;
}

/* line 1096, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .div-mensagem {
  margin: 3px 0 3px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1102, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .div-mensagem.escondido {
  display: none;
}

/* line 1106, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .div-mensagem small {
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1106, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .div-mensagem small {
    font-size: 25px;
  }
}

/* line 1114, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .div-mensagem img {
  cursor: pointer;
  width: 15px;
  height: 15px;
}

@media (max-width: 640px) {
  /* line 1114, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .div-mensagem img {
    width: 25px;
    height: 25px;
  }
}

/* line 1125, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .div-mensagem .remover-personalizacao {
  cursor: pointer;
  font-weight: bold;
  line-height: 1;
  font-size: 15px;
}

@media (max-width: 640px) {
  /* line 1125, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .div-mensagem .remover-personalizacao {
    font-size: 25px;
  }
}

/* line 1137, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item {
  margin: 8px 0 8px 0;
}

/* line 1140, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item textarea {
  margin-bottom: 3px;
  height: 50px;
}

/* line 1145, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item .campo-personalizar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 3px;
}

/* line 1151, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item .campo-personalizar span {
  font-size: 10px;
  color: #858585;
}

@media (max-width: 640px) {
  /* line 1151, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .campos-item .campo-personalizar span {
    font-size: 16px;
  }
}

/* line 1160, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item .campo-personalizar div {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 1165, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item .campo-personalizar div input {
  padding: 5px 10px;
  margin: 0;
  height: auto;
  width: auto;
  cursor: pointer;
  font-size: .75rem;
  border: none;
}

@media (max-width: 640px) {
  /* line 1165, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .campos-item .campo-personalizar div input {
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  /* line 1165, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .campos-item .campo-personalizar div input {
    padding: 10px 20px;
  }
}

/* line 1182, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item .campo-personalizar div input.cancelar {
  color: #000;
}

/* line 1186, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .campos-item .campo-personalizar div input.aplicar {
  color: #ffffff;
  background-color: #000;
}

/* line 1195, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .personalizar {
  margin: 5px 0 5px 0;
  padding: 5px 15px;
  width: max-content;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

@media (max-width: 640px) {
  /* line 1195, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .personalizar {
    font-size: 20px;
  }
}

/* line 1208, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos span {
  font-size: 15px;
  letter-spacing: normal;
}

@media (max-width: 640px) {
  /* line 1208, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos span {
    font-size: 1.4rem;
  }
}

/* line 1217, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .nome {
  line-height: 1.2rem;
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 1217, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .nome {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}

/* line 1227, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .detalhes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 1231, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .tamanho {
  font-size: .8rem;
  font-style: initial;
  letter-spacing: initial;
  flex-basis: 100%;
}

@media (max-width: 640px) {
  /* line 1231, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .tamanho {
    font-size: 21px;
  }
}

/* line 1242, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .sem-devolucao {
  color: #FF0000;
  font-size: .8rem;
  font-style: initial;
  letter-spacing: initial;
  flex-basis: 100%;
}

@media (max-width: 640px) {
  /* line 1242, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .sem-devolucao {
    font-size: 21px;
  }
}

/* line 1254, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .preco {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

/* line 1260, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .de {
  text-decoration: line-through;
}

/* line 1264, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .por {
  font-weight: 500;
}

/* line 1269, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .descricao {
  color: #7D7B78;
}

/* line 1274, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos .qtd-prod {
  width: 34px;
  height: 34px;
  flex: none;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 1274, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos .qtd-prod {
    width: 56px;
    height: 56px;
    font-size: 21px;
  }
}

/* line 1292, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido {
  width: 100%;
  text-align: end;
  padding-right: 10px;
  /*
          O <a> daqui é o "Retornar ao carrinho", e ele virou botão na camada do
          DS no fim do arquivo. O sublinhado no hover saiu junto: botão não
          sublinha.
        */
}

/* line 1297, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido p,
.finalizacao .informacoes-pedido .creditos,
.finalizacao .informacoes-pedido .cupom {
  width: 100%;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 1297, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .informacoes-pedido p,
  .finalizacao .informacoes-pedido .creditos,
  .finalizacao .informacoes-pedido .cupom {
    font-size: 1.4rem;
  }
}

/* line 1310, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido .descontos,
.finalizacao .informacoes-pedido .descontos span {
  color: #4E3B26;
}

/* line 1322, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 1322, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .titulo {
    font-size: 1.8rem;
  }
}

/* line 1331, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo span {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #000;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 1331, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .titulo span {
    width: 40px;
    height: 40px;
  }
}

/* line 1348, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo h2 {
  font-size: 1.4rem;
  line-height: 1;
}

/* line 1354, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .subtitulo {
  font-size: 15px;
  color: #858585;
  margin: 0 0 15px 55px;
}

@media (max-width: 640px) {
  /* line 1354, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .subtitulo {
    font-size: 1.2rem;
    margin-left: 40px;
  }
}

/* line 1365, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-finalizacao-moip .logo-moip {
  width: -moz-fit-content;
  width: fit-content;
}

/* line 1370, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .bloco-codigo-seguranca {
  width: 100%;
}

/* line 1374, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .validade {
  display: flex;
}

/* line 1378, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .group {
  display: table;
  width: 100%;
}

/* line 1384, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}

@media (max-width: 640px) {
  /* line 1384, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .cartoes {
    justify-content: center;
    gap: 26px;
  }
}

/* line 1394, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao {
  float: left;
  margin-right: 10px;
  width: 50px;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

/* line 1402, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao input {
  accent-color: #000;
  align-self: center;
}

/* line 1407, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao div {
  background-repeat: no-repeat;
  height: 38px;
  width: 60px;
}

/* line 1413, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .visa {
  background-image: url(/app-hagler/assets/images/icon-cartao-visa.png);
}

/* line 1414, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .master {
  background-image: url(/app-hagler/assets/images/icon-cartao-master.png);
}

/* line 1415, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .amex {
  background-image: url(/app-hagler/assets/images/icon-cartao-amex.png);
}

/* line 1416, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .diners {
  background-image: url(/app-hagler/assets/images/icon-cartao-diners.png);
}

/* line 1417, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .elo {
  background-image: url(/app-hagler/assets/images/icon-cartao-elo.png);
}

/* line 1418, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .hiper {
  background-image: url(/app-hagler/assets/images/icon-cartao-hiper.png);
}

/* line 1419, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .hipercard {
  background-image: url(/app-hagler/assets/images/icon-cartao-hipercard.png);
}

/* line 1420, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .aura {
  background-image: url(/app-hagler/assets/images/icon-cartao-aura.png);
}

/* line 1421, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .jcb {
  background-image: url(/app-hagler/assets/images/icon-cartao-jcb.png);
}

/* line 1422, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao .discover {
  background-image: url(/app-hagler/assets/images/icon-cartao-discover.png);
}

/* line 1424, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cartoes .cartao input {
  margin-top: 10px;
  margin-left: 24px;
}

/* line 1431, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-finalizacao-getnet-cartao-credito .cartoes .cartao {
  width: 40px;
}

/* line 1435, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .receber-email {
  flex-direction: row;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 1435, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .receber-email {
    gap: 15px;
  }
}

/* line 1444, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .importante {
  display: block;
  color: #000;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 15px 0;
  text-align: justify;
}

@media (max-width: 640px) {
  /* line 1444, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .importante {
    font-size: 18px;
  }
}

/* line 1462, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .itens-cadastrados + button.button.success {
  margin-top: 10px;
  width: 100%;
}

/* line 1468, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .fretes-disponiveis {
  margin-bottom: 15px;
}

/* line 1472, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .linha {
  border-bottom: 1px solid #E4E3E1;
  height: 1px;
  width: 100%;
  margin: 15px 0;
}

@media (max-width: 640px) {
  /* line 1480, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input[type="checkbox"] {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}

/* line 1487, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-finalizacao-mercado-pago-2cartoes h2 {
  font-size: 1.2rem;
  font-weight: 600;
}

@media (max-width: 640px) {
  /* line 1487, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao #form-finalizacao-mercado-pago-2cartoes h2 {
    font-size: 1.8rem;
    color: #000;
  }
}

/* line 1497, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao #form-finalizacao-mercado-pago-2cartoes aside {
  width: 100%;
  display: flex;
  gap: 5px;
}

/* line 1504, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .mensagemInputErro {
  font-size: .7rem;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 1504, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .mensagemInputErro {
    font-size: 18px;
  }
}

/* line 1513, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .escondido {
  display: none;
}

/* line 1519, assets/styles/sass/carrinho_finalizacao.scss */
#form-paypalTransparente {
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 640px) {
  /* line 1519, assets/styles/sass/carrinho_finalizacao.scss */
  #form-paypalTransparente {
    align-items: center;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  /* line 1531, assets/styles/sass/carrinho_finalizacao.scss */
  #form-paypalTransparente .g-recaptcha {
    margin-bottom: 0;
  }
}

@media (max-width: 640px) {
  /* line 1541, assets/styles/sass/carrinho_finalizacao.scss */
  .paypal-block-button .button-paypal {
    margin-top: 20px;
  }
}

/* line 1547, assets/styles/sass/carrinho_finalizacao.scss */
.paypal-block-button .mask-to-load {
  background-color: transparent !important;
  background-image: none !important;
}

/* line 1552, assets/styles/sass/carrinho_finalizacao.scss */
.paypal-block-button .mask-to-load.loader-large {
  background-image: transparent !important;
}

/* line 1558, assets/styles/sass/carrinho_finalizacao.scss */
.input_cartao--cielo .cied-inputs,
.input_cartao--cielo .ciec-inputs {
  width: 140px !important;
  float: left;
}

/* line 1567, assets/styles/sass/carrinho_finalizacao.scss */
.form-finalizacao-mercado-pago-2cartoes .importante {
  margin-bottom: 15px;
  color: #000;
  font-weight: 700;
}

@media (max-width: 640px) {
  /* line 1567, assets/styles/sass/carrinho_finalizacao.scss */
  .form-finalizacao-mercado-pago-2cartoes .importante {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 1579, assets/styles/sass/carrinho_finalizacao.scss */
.reveal-modal.esqueci-senha {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  /* line 1579, assets/styles/sass/carrinho_finalizacao.scss */
  .reveal-modal.esqueci-senha {
    margin-top: 10vh !important;
  }
}

/* line 1588, assets/styles/sass/carrinho_finalizacao.scss */
.paypal_wrapper {
  text-align: center;
}

/* line 1591, assets/styles/sass/carrinho_finalizacao.scss */
.paypal_wrapper .meio-pgto-c {
  max-width: 230px;
}

/* line 1595, assets/styles/sass/carrinho_finalizacao.scss */
.paypal_wrapper p {
  font-size: 24px;
  padding: 20px 0 0 0;
  font-weight: 500;
}

/* line 1602, assets/styles/sass/carrinho_finalizacao.scss */
.paypal_wrapper .paypal_wrapper p {
  font-size: 1rem;
}

@media (max-width: 640px) {
  /* line 1602, assets/styles/sass/carrinho_finalizacao.scss */
  .paypal_wrapper .paypal_wrapper p {
    font-size: 26px;
  }
}

/* line 1612, assets/styles/sass/carrinho_finalizacao.scss */
.seleciona-frete {
  width: 100%;
}

/* line 1615, assets/styles/sass/carrinho_finalizacao.scss */
.seleciona-frete .subtitulo {
  border-top: 1px solid #E4E3E1;
  margin-left: 0px;
  padding-top: 20px;
  font-size: 1rem !important;
  text-align: left;
}

/* line 1624, assets/styles/sass/carrinho_finalizacao.scss */
.box_login-apps-externos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 10px;
  width: 100%;
  gap: 10px;
}

/* line 1630, assets/styles/sass/carrinho_finalizacao.scss */
.box_login-apps-externos #abre-modal-login-codigo {
  width: 100%;
  max-width: 100%;
  height: 50px;
}

/* line 1640, assets/styles/sass/carrinho_finalizacao.scss */
.login-drop.codigo {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 500;
  column-gap: 4px;
  margin: 12px 0;
}

/* line 1647, assets/styles/sass/carrinho_finalizacao.scss */
.login-drop.codigo:hover {
  text-decoration: underline;
}

/* line 1651, assets/styles/sass/carrinho_finalizacao.scss */
.login-drop.codigo i {
  font-size: 20px;
}

/*==============================================================================
  #CHECKOUT NO DS - redesign 2026

  Camada de aparência sobre o checkout, escopada em .finalizacao. Nada de
  estrutura mudou: os mesmos partials, as mesmas classes, os mesmos ganchos de JS
  e de gateway.

  POR QUE UMA CAMADA E NÃO UMA REESCRITA: as ~1500 linhas acima são, na maior
  parte, encanamento de meio de pagamento - Cielo, Mercado Pago (inclusive dois
  cartões), PayPal, Moip, boleto, Pix, cupom, cashback, presente. Reescrever
  aquilo sem conseguir abrir a página (a rota exige sessão com carrinho) seria
  apostar. Aqui ficam só as superfícies que definem o olhar da tela; o que é
  específico de gateway segue como está.

  O QUE MUDA, em resumo:
    * a página ganha superfície quente ($areia-100) e os cartões ficam brancos -
      antes era tudo branco e os cartões se distinguiam por um fio de 2px;
    * raio 32px nos cartões e 10px nos campos -> quadrado. A Hagler é quadrada:
      o único raio funcional do DS é o de 2px do campo de formulário;
    * o passo cumprido deixa o verde e passa a tinta. Verde não existe na paleta;
    * itálico fora: o arquivo abria com font-style italic em tudo (corrigido na
      linha 2, na origem);
    * campos no %input-padrao (50px, fio $n-300, raio 2px) e botões no
      %button-preto-acento, os mesmos do resto do site.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE).

  A VARREDURA DE FONTES NO CELULAR (o arquivo inteiro, não só esta camada)

  O head.tmpl força viewport 640, então o celular encolhe o layout para caber na
  tela: num aparelho de 390px, 12px de CSS chegam como ~7px de verdade. Meia
  centena de declarações aqui vinham do CSS legado em rem absoluto (.75rem,
  .8rem, 0.6rem) ou em px fixo, sem par no @media mobile - e era isso que deixava
  os dados do cliente, o endereço e as legendas do resumo minúsculos.

  Duas correções, e a primeira é a que fez o trabalho:

  1. `font-size: $font-size-padrao` (27 vezes) foi APAGADO em vez de duplicado.
     $font-size-padrao é 15px, exatamente o corpo que .finalizacao já declara -
     então a declaração não fazia nada no desktop e, no celular, era ela que
     BLOQUEAVA o corpo de 25px de chegar por herança. Apagar corrigiu os dois
     lados e tirou 27 linhas.

  2. O que tem tamanho próprio de verdade (rótulo de 12px, contador de 10px, selo
     de 9,6px) ganhou o par convertido pela tabela, e os @media que já existiam
     com valor abaixo de 18px foram para o valor da tabela.
==============================================================================*/
/* line 1702, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao {
  margin-top: 0;
  padding: 40px 0 80px;
  background-color: #EDE8E1;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #232221;
  /*
      Só o recuo lateral muda: $sec-pad, o mesmo do resto do site, no lugar dos
      40px fixos - no celular 40px encostava os cartões nas bordas.

      A largura segue o $checkout-max declarado acima. O topo de pagamento usa o
      mesmo par ($checkout-max + $sec-pad) para o logo nascer alinhado com este
      primeiro cartão - se um dos dois mudar, o outro tem de acompanhar.
    */
  /*------------------------------------*\
      #CARTÃO DE ETAPA
    \*------------------------------------*/
  /*
      Etapa cumprida. Era fundo #f4f4f4 com tudo em $verde; agora é a superfície
      neutra do DS e o acento em tinta - o "pronto" se lê pelo ícone de check e
      pelo contraste, não pela cor.
    */
  /*------------------------------------*\
      #TÍTULO DA ETAPA

      O número era um círculo de 40px em tinta cheia. No DS o marcador é quadrado
      e de 30px, e só a etapa corrente vem preenchida - as outras ficam em fio.
    \*------------------------------------*/
  /*
      h3 = rótulo de seção ("Endereço para entrega:", "Método de entrega:",
      "Atenção"). Vira o mesmo rótulo miúdo em caixa-alta do resto do DS.
    */
  /*
      Menos na lista do resumo: lá o h3 é o NOME DO PRODUTO, e nome de produto se
      lê como nome, não como etiqueta de seção. Duas classes contra uma vencem a
      regra acima independentemente da ordem.
    */
  /*------------------------------------*\
      #CAMPOS

      Campo do DS: 50px, fio $n-300, raio 2px - o único raio funcional do sistema.
      Eram 44px com fio de 2px em $cinza-claro e raio 10px.
    \*------------------------------------*/
  /*
      Caixa de marcação: quadrada, fio $n-300, marca em tinta. Era um quadrado de
      22px com raio 5px e fio de 2px.
    */
  /*------------------------------------*\
      #BOTÕES

      A ação de cada etapa em tinta cheia com hover no acento, como no resto do
      site. O .cancelar fica como link de texto - não é uma segunda ação de mesmo
      peso.
    \*------------------------------------*/
  /*------------------------------------*\
      #RESUMO DA COMPRA
    \*------------------------------------*/
  /*
      LINHAS DE TOTAL

      Tudo aninhado em .informacoes-pedido de propósito: a regra legada acima
      (linha ~1287) já declara `.informacoes-pedido p { @include _flex(...) }`, e
      ela tem uma classe + um elemento. Um `.total` solto perderia o tamanho de
      fonte para ela; dentro do contêiner passam a ser duas classes contra uma
      classe e um elemento - e classe conta mais.

      Também é por isso que aqui NÃO se toca no display: cada linha já é flex, e
      o .descontos é o CONTÊINER dos descontos (combo, cupom, créditos, cashback,
      à vista), não uma linha - dar flex nele deitaria as filhas lado a lado.
    */
  /*
      Sublinhado no hover: só o nome do produto. Era `.resumo a:not(.button)`, e
      aí estava o sublinhado que aparecia no botão de voltar ao carrinho - aquele
      <a> também vive dentro do .resumo, e (0,3,0) do seletor com .resumo vencia
      o (0,2,1) da regra do botão logo abaixo. Restringir à .lista-produtos
      resolve pela origem em vez de somar um :not.

      Sem tipografia própria de propósito: o tamanho e a cor do nome vêm da regra
      de .lista-produtos h3 lá acima, e o <a> herda. Declarar 12,5px aqui
      encolheria o nome, porque o seletor do <a> empata com o do h3 em
      especificidade e vem depois.
    */
  /*------------------------------------*\
      #VOLTAR AO CARRINHO

      "Retornar ao carrinho e editar o pedido" é uma AÇÃO, não uma referência: o
      cliente sai desta tela e volta para editar. Como link de texto ela se
      perdia entre a lista de peças e o Subtotal - dois blocos com muito número.

      Botão de contorno e não preenchido: preenchido competiria com "Finalizar
      compra". Este é a saída, não o objetivo.

      display: inline-flex sobrescreve o `display: flex` que vem do
      %button-contorno-preto (o placeholder inclui _flex). Sem isso o botão
      esticaria na largura toda da coluna; com inline-flex ele encolhe até o
      texto e o `text-align: end` do .informacoes-pedido o encosta à direita, na
      mesma vertical dos valores.
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 1702, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao {
    padding: 66px 0 105px;
    font-size: 25px;
  }
}

/* line 1723, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .conteudo {
  padding: 0 clamp(20px, 3.4vw, 64px);
  row-gap: 32px;
}

/* line 1731, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap > section {
  padding: 26px 28px;
  border: none;
  border-radius: 0px;
  background-color: #FFFFFF;
}

@media (max-width: 640px) {
  /* line 1731, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .wrap > section {
    padding: 33px 36px;
  }
}

/* line 1748, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap .completo {
  background-color: #F2F2F2;
  border-color: transparent;
}

/* line 1753, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap .completo .titulo span {
  background-color: #000000;
  border-color: #000000;
  color: #F2F2F2;
}

/* line 1759, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap .completo .titulo h2 {
  color: #000000;
}

/* line 1763, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap .completo .titulo svg {
  stroke: #000000;
}

/* line 1775, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo {
  gap: 16px;
}

/* line 1778, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo span {
  width: 30px;
  height: 30px;
  flex: none;
  border-radius: 0px;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 1778, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .titulo span {
    width: 49px;
    height: 49px;
    font-size: 21px;
  }
}

/* line 1795, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo h2 {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
  color: #000000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1795, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .titulo h2 {
    font-size: 28px;
  }
}

/* line 1806, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .titulo svg {
  stroke: #A8A6A3;
}

/* line 1812, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .wrap > section:not(.completo) .titulo span {
  border-color: #000000;
  background-color: #000000;
  color: #F2F2F2;
}

/* line 1818, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .subtitulo {
  margin: 4px 0 0 46px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1818, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .subtitulo {
    margin-left: 75px;
    font-size: 21px;
  }
}

/* line 1833, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1833, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao h3 {
    font-size: 18px;
  }
}

/* line 1848, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 1.35;
  color: #000000;
  letter-spacing: normal;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1848, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .lista-produtos h3 {
    font-size: 24px;
  }
}

/* line 1857, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .lista-produtos h3 a {
  color: inherit;
}

/* line 1867, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input:not([type="radio"]):not([type="checkbox"]),
.finalizacao select,
.finalizacao textarea {
  height: 50px;
  margin: 0 0 16px;
  padding: 0 14px;
}

@media (max-width: 640px) {
  /* line 1867, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input:not([type="radio"]):not([type="checkbox"]),
  .finalizacao select,
  .finalizacao textarea {
    height: 82px;
    padding: 0 23px;
    font-size: 24px;
  }
}

/* line 1883, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao textarea {
  height: auto;
  min-height: 96px;
  padding: 14px;
  resize: vertical;
}

/* line 1890, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao label {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1890, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao label {
    font-size: 18px;
  }
}

/* line 1904, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input[type="checkbox"]:not([hidden]) {
  width: 18px;
  height: 18px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
}

@media (max-width: 640px) {
  /* line 1904, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input[type="checkbox"]:not([hidden]) {
    width: 30px;
    height: 30px;
  }
}

/* line 1915, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao input[type="checkbox"]:not([hidden])::before {
  width: 10px;
  height: 10px;
  border-radius: 0px;
  box-shadow: inset 1em 1em #000000;
}

@media (max-width: 640px) {
  /* line 1915, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao input[type="checkbox"]:not([hidden])::before {
    width: 16px;
    height: 16px;
  }
}

/* line 1935, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .button:not(.cancelar):not(.remover-personalizacao) {
  height: 50px;
  padding: 0 32px;
  line-height: normal;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 1935, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .button:not(.cancelar):not(.remover-personalizacao) {
    height: 82px;
    font-size: 20px;
  }
}

/* line 1952, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cancelar,
.finalizacao .voltar-edicao,
.finalizacao .voltar-cadastro {
  background: none;
  border: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #575553;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 1962, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .cancelar:hover,
.finalizacao .voltar-edicao:hover,
.finalizacao .voltar-cadastro:hover {
  color: #000000;
}

/* line 1970, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap {
  /*
          A miniatura fica na regra de .lista-produtos lá acima (linha ~1064),
          onde ela já existia - repetir aqui só criaria duas fontes de verdade
          para o mesmo tamanho.
        */
  /*
          .descricao é a legenda do preço ("no Pix", "no Pix ou Boleto"), não o
          nome do produto - por isso segue miúda e apagada. #949494 solto virou
          token.
        */
}

/* line 1972, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap .titulo-padrao,
.finalizacao .resumo__wrap .resumo > h2 {
  margin: 0 0 18px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
  color: #000000;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 1972, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap .titulo-padrao,
  .finalizacao .resumo__wrap .resumo > h2 {
    font-size: 28px;
  }
}

/* line 1997, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap .descricao {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 1997, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap .descricao {
    font-size: 18px;
  }
}

/* line 2006, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap .de {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 2006, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap .de {
    font-size: 20px;
  }
}

/* line 2015, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap .por,
.finalizacao .resumo__wrap .preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 1.4;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 2015, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap .por,
  .finalizacao .resumo__wrap .preco {
    font-size: 24px;
  }
}

/* line 2024, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .resumo__wrap .descontoAVista {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 2024, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .resumo__wrap .descontoAVista {
    font-size: 18px;
  }
}

/* line 2048, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 2048, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .informacoes-pedido p {
    font-size: 23px;
  }
}

/* line 2055, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido p b,
.finalizacao .informacoes-pedido p strong,
.finalizacao .informacoes-pedido p span:last-child {
  font-weight: 500;
  color: #000000;
}

/* line 2063, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido .total {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E4E3E1;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 2063, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .informacoes-pedido .total {
    font-size: 30px;
  }
}

/* line 2108, assets/styles/sass/carrinho_finalizacao.scss */
.finalizacao .informacoes-pedido a {
  display: inline-flex;
  margin-bottom: 16px;
  /*
          min-height e não height: o rótulo é longo e quebra em duas linhas quando
          a coluna do resumo estreita (por volta de 1200px e no celular). Com
          altura fixa a segunda linha vazava a borda; com recuo vertical a caixa
          cresce e o texto continua centrado.
        */
  min-height: 34px;
  padding: 8px 16px;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.3;
  color: #000000;
  letter-spacing: 0.08em;
}

@media (max-width: 640px) {
  /* line 2108, assets/styles/sass/carrinho_finalizacao.scss */
  .finalizacao .informacoes-pedido a {
    min-height: 56px;
    padding: 13px 26px;
    font-size: 18px;
  }
}

/*------------------------------------*\
  #QUEM SOMOS -EMPRESA
\*------------------------------------*/
/* line 1, assets/styles/sass/empresa.scss */
.about-company {
  display: table;
  position: relative;
  width: 100%;
}

/* line 6, assets/styles/sass/empresa.scss */
.about-company h2 {
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 50px;
}

/* line 12, assets/styles/sass/empresa.scss */
.about-company p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #858585;
  float: none;
  text-align: justify;
}

@media (max-width: 640px) {
  /* line 12, assets/styles/sass/empresa.scss */
  .about-company p {
    font-size: 24px;
    line-height: 30px;
  }
}

/*------------------------------------*\
  #CENTRAL DE AJUDA
\*------------------------------------*/
/*------------------------------------*\
  #CENTRAL DE AJUDA - redesign 2026 (DS Hagler)

  Titulo em Larken light (mesmo tratamento do Contato), busca como campo
  hairline + botao de tinta e as categorias como duas colunas de links com o
  sublinhado animado do DS. O legado punha uma faixa preta de 70px de altura
  em volta de um input de 520px fixos - a faixa sobrava vazia a direita.

  MOBILE: valores dentro de @media (max-width: 640px) ja convertidos pela escala do
  site (fator 1,64x sobre o design). Ver ESCALA DO MOBILE em variaveis.scss.
\*------------------------------------*/
/* line 17, assets/styles/sass/central_ajuda.scss */
.help-center .titulo-padrao {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(28px, 3.2vw, 48px);
  line-height: 1.02;
  color: #000000;
  letter-spacing: 0em;
  margin: 0 0 24px;
  text-align: center;
  text-transform: none;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 17, assets/styles/sass/central_ajuda.scss */
  .help-center .titulo-padrao {
    font-size: 59px;
    margin-bottom: 39px;
  }
}

/* line 31, assets/styles/sass/central_ajuda.scss */
.help-center .desc {
  margin: 0 auto 32px;
  max-width: 720px;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.65;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/central_ajuda.scss */
  .help-center .desc {
    font-size: 24px;
    max-width: none;
  }
}

/* line 46, assets/styles/sass/central_ajuda.scss */
.help-center .qual-duvida {
  margin: 0 0 64px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 46, assets/styles/sass/central_ajuda.scss */
  .help-center .qual-duvida {
    margin-bottom: 105px;
  }
}

/* line 57, assets/styles/sass/central_ajuda.scss */
.help-center .duvida {
  max-width: 560px;
  width: 100%;
}

/* line 61, assets/styles/sass/central_ajuda.scss */
.help-center .duvida form {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 69, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .search {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px 0 0 2px;
  border-right: 0;
  box-shadow: none;
  flex: 1 1 auto;
  height: 50px;
  margin: 0;
  min-width: 0;
  padding: 0 14px;
  width: auto;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: normal;
  color: #000000;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 85, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .search::placeholder {
  color: #7D7B78;
}

/* line 89, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .search:focus {
  background-color: #FFFFFF;
  border-color: #96754C;
  box-shadow: none;
}

/* line 95, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .search:focus-visible {
  outline: 2px solid #96754C;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  /* line 69, assets/styles/sass/central_ajuda.scss */
  .help-center .duvida .search {
    font-size: 24px;
    height: 82px;
    padding: 0 23px;
  }
}

/* line 107, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .bt-duvida {
  background-color: #000000;
  border: 0;
  border-radius: 0 2px 2px 0;
  color: #F2F2F2;
  cursor: pointer;
  flex: none;
  height: 50px;
  margin: 0;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 121, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .bt-duvida:hover {
  background-color: #3A3937;
}

/* line 125, assets/styles/sass/central_ajuda.scss */
.help-center .duvida .bt-duvida i {
  font-size: 20px;
}

@media (max-width: 640px) {
  /* line 107, assets/styles/sass/central_ajuda.scss */
  .help-center .duvida .bt-duvida {
    height: 82px;
    width: 82px;
  }
  /* line 133, assets/styles/sass/central_ajuda.scss */
  .help-center .duvida .bt-duvida i {
    font-size: 33px;
  }
}

/* line 141, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida__list {
  display: grid;
  gap: 48px clamp(40px, 4.5vw, 72px);
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 141, assets/styles/sass/central_ajuda.scss */
  .help-center .categoria-duvida__list {
    gap: 52px;
    grid-template-columns: 1fr;
  }
}

/* line 153, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida-buttons {
  display: flex;
  flex-direction: column;
}

/* line 158, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida {
  float: none;
  margin: 0;
  width: auto;
}

/* line 166, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 166, assets/styles/sass/central_ajuda.scss */
  .help-center .categoria-duvida h3 {
    font-size: 20px;
    margin-bottom: 26px;
  }
}

/* line 178, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida ul {
  list-style: none;
  margin: 0 0 16px;
}

/* line 183, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida ul li {
  clear: none;
  margin-bottom: 12px;
}

@media (max-width: 640px) {
  /* line 183, assets/styles/sass/central_ajuda.scss */
  .help-center .categoria-duvida ul li {
    margin-bottom: 20px;
  }
}

/* line 191, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida ul li a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.45;
  color: #232221;
}

/* line 195, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida ul li a:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 191, assets/styles/sass/central_ajuda.scss */
  .help-center .categoria-duvida ul li a {
    font-size: 24px;
  }
}

/* line 205, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida a.ver-todas {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  display: inline-block;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 205, assets/styles/sass/central_ajuda.scss */
  .help-center .categoria-duvida a.ver-todas {
    font-size: 20px;
  }
}

/* line 219, assets/styles/sass/central_ajuda.scss */
.help-center .categoria-duvida.full {
  width: 100%;
}

/*central de ajuda - dúvida*/
/* line 228, assets/styles/sass/central_ajuda.scss */
.doubt .titulo-padrao {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(26px, 2.6vw, 40px);
  line-height: 1.18;
  color: #000000;
  letter-spacing: 0em;
  margin: 0 auto 32px;
  text-align: center;
  text-transform: none;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 228, assets/styles/sass/central_ajuda.scss */
  .doubt .titulo-padrao {
    font-size: 49px;
    margin-bottom: 39px;
  }
}

/* line 242, assets/styles/sass/central_ajuda.scss */
.doubt p {
  margin: 0 auto;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 242, assets/styles/sass/central_ajuda.scss */
  .doubt p {
    font-size: 25px;
    max-width: none;
  }
}

/* line 254, assets/styles/sass/central_ajuda.scss */
.continua-duvida {
  cursor: pointer;
  float: left;
  height: 95px;
  vertical-align: middle;
  line-height: normal;
  margin: 30px 0 60px;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 254, assets/styles/sass/central_ajuda.scss */
  .continua-duvida {
    font-size: 1.5rem;
    height: 90px;
    line-height: 30px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

/* line 274, assets/styles/sass/central_ajuda.scss */
.ajuda-buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 274, assets/styles/sass/central_ajuda.scss */
  .ajuda-buttons {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
  }
}

/* line 284, assets/styles/sass/central_ajuda.scss */
.ajuda-buttons .continua-duvida {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 60px;
  width: 45%;
}

@media (max-width: 640px) {
  /* line 284, assets/styles/sass/central_ajuda.scss */
  .ajuda-buttons .continua-duvida {
    margin: 0;
    width: 100%;
  }
}

/* line 293, assets/styles/sass/central_ajuda.scss */
.ajuda-buttons .continua-duvida.full {
  width: 100%;
}

/*------------------------------------*\
  #BANNER INFLUENCIADOR
\*------------------------------------*/
/*------------------------------------*\
  #SQUAD DO INFLUENCIADOR 
\*------------------------------------*/
/* line 4, assets/styles/sass/banner_influenciador.scss */
.squad-hero {
  background-color: var(--squad-bg, #FFFFFF);
  padding: clamp(40px, 2vw, 64px) 0;
}

@media (max-width: 640px) {
  /* line 4, assets/styles/sass/banner_influenciador.scss */
  .squad-hero {
    padding: 32px 0;
  }
}

/* line 13, assets/styles/sass/banner_influenciador.scss */
.squad-hero__grid {
  align-items: start;
  display: grid;
  gap: clamp(32px, 5vw, 88px);
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

@media (max-width: 1199px) {
  /* line 13, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__grid {
    gap: 32px;
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 25, assets/styles/sass/banner_influenciador.scss */
.squad-hero__col {
  min-width: 0;
}

/* line 29, assets/styles/sass/banner_influenciador.scss */
.squad-hero__eyebrow {
  display: block;
  margin: 0 0 10px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: var(--squad-fg, #7D7B78);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 29, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__eyebrow {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

/* line 43, assets/styles/sass/banner_influenciador.scss */
.squad-hero__title {
  margin: 0;
  text-wrap: pretty;
  word-break: break-word;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(34px, 3.4vw, 56px);
  line-height: 1.02;
  color: var(--squad-fg, #000000);
  letter-spacing: 0em;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__title {
    font-size: 59px;
  }
}

/* line 57, assets/styles/sass/banner_influenciador.scss */
.squad-hero__bio {
  margin-top: 22px;
  max-width: 62ch;
}

@media (max-width: 640px) {
  /* line 57, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__bio {
    margin-top: 30px;
  }
}

/* line 65, assets/styles/sass/banner_influenciador.scss */
.squad-hero__bio p {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: var(--squad-fg, #7D7B78);
  text-align: left;
  word-break: normal;
}

@media (max-width: 640px) {
  /* line 65, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__bio p {
    font-size: 25px;
  }
}

/* Assinatura de quem montou o squad */
/* line 80, assets/styles/sass/banner_influenciador.scss */
.squad-hero__col--aside {
  text-align: right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 80, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__col--aside {
    align-items: flex-start;
    border-top: 1px solid #E4E3E1;
    padding-top: 28px;
    text-align: left;
  }
}

/* line 93, assets/styles/sass/banner_influenciador.scss */
.squad-hero__label {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: var(--squad-fg, #7D7B78);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 93, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__label {
    font-size: 20px;
  }
}

/* line 105, assets/styles/sass/banner_influenciador.scss */
.squad-hero__name {
  margin: 10px 0 0;
  text-wrap: pretty;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(22px, 1.7vw, 30px);
  line-height: 1.18;
  color: var(--squad-fg, #000000);
  font-style: normal;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 105, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__name {
    font-size: 49px;
  }
}

/*
  Redes sociais: o MESMO tratamento do .foot__socials - icone solto em traco, sem
  chip nem circulo (a Hagler e quadrada; raio e um sussurro). Vive aqui, e nao no
  footer.scss, porque a cor sai das custom properties do squad.

  Iconoir e fonte: o tamanho do traco sai de font-size, nao de width/height.
*/
/* line 125, assets/styles/sass/banner_influenciador.scss */
.squad-hero__social {
  gap: 20px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 125, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__social {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  /* line 125, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__social {
    gap: 33px;
    margin-top: 26px;
  }
}

/* line 140, assets/styles/sass/banner_influenciador.scss */
.squad-hero__social a {
  color: var(--squad-fg, #000000);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 147, assets/styles/sass/banner_influenciador.scss */
.squad-hero__social a:hover {
  color: #96754C;
}

/* line 152, assets/styles/sass/banner_influenciador.scss */
.squad-hero__social i {
  display: block;
  font-size: 24px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/banner_influenciador.scss */
  .squad-hero__social i {
    font-size: 39px;
  }
}

/*------------------------------------*\
  #VIDEO

  Player em 16/9 dentro do container do site, legenda centralizada abaixo. O
  legado fixava altura em px por breakpoint (647px -> 396px -> 511px -> 320px) e
  jogava a descricao numa coluna ao lado do player.
\*------------------------------------*/
/* line 170, assets/styles/sass/banner_influenciador.scss */
.squad-video {
  padding: clamp(40px, 2vw, 64px) 0;
}

@media (max-width: 640px) {
  /* line 170, assets/styles/sass/banner_influenciador.scss */
  .squad-video {
    padding: 32px 0;
  }
}

/* line 178, assets/styles/sass/banner_influenciador.scss */
.squad-video__player {
  aspect-ratio: 16 / 9;
  background-color: #000000;
  margin: 0 auto;
  max-width: 1100px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 188, assets/styles/sass/banner_influenciador.scss */
.squad-video__iframe {
  border: 0;
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

/* line 197, assets/styles/sass/banner_influenciador.scss */
.squad-video__caption {
  margin: 20px auto 0;
  max-width: 72ch;
  text-align: center;
  word-break: normal;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.65;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 197, assets/styles/sass/banner_influenciador.scss */
  .squad-video__caption {
    font-size: 21px;
    margin-top: 26px;
  }
}

/*------------------------------------*\
  #ESTADO VAZIO

  Squad sem pecas escolhidas. Mesmo componente do estado vazio dos favoritos
  (.favoritos-vazio, em favoritos.scss): eyebrow, titulo em display, uma frase e
  o CTA em tinta com hover no acento. As medidas sao as MESMAS de la de
  proposito - se um dia esse bloco aparecer numa terceira tela, vale extrair um
  %estado-vazio para extends.scss e apagar as duas copias.

  Antes: "OPS..." em caixa alta com letter-spacing de 5px e nenhuma saida.
\*------------------------------------*/
/* line 223, assets/styles/sass/banner_influenciador.scss */
.squad-vazio__in {
  margin: 0 auto;
  max-width: 46ch;
  padding: clamp(32px, 5vh, 56px) 0 clamp(64px, 10vh, 112px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 223, assets/styles/sass/banner_influenciador.scss */
  .squad-vazio__in {
    max-width: none;
    padding: 52px 0 105px;
  }
}

/* line 237, assets/styles/sass/banner_influenciador.scss */
.squad-vazio__eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 237, assets/styles/sass/banner_influenciador.scss */
  .squad-vazio__eyebrow {
    font-size: 20px;
  }
}

/* line 247, assets/styles/sass/banner_influenciador.scss */
.squad-vazio__titulo {
  margin: 12px 0 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(28px, 2.4vw, 40px);
  line-height: 1.1;
  color: #000000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 247, assets/styles/sass/banner_influenciador.scss */
  .squad-vazio__titulo {
    font-size: 46px;
    margin-top: 20px;
  }
}

/* line 259, assets/styles/sass/banner_influenciador.scss */
.squad-vazio__texto {
  margin: 14px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #575553;
  letter-spacing: 0em;
}

@media (max-width: 640px) {
  /* line 259, assets/styles/sass/banner_influenciador.scss */
  .squad-vazio__texto {
    font-size: 25px;
    margin-top: 23px;
  }
}

/* line 272, assets/styles/sass/banner_influenciador.scss */
.squad-vazio__cta {
  height: 50px;
  margin: 28px 0 0;
  padding: 0 34px;
  width: auto;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 272, assets/styles/sass/banner_influenciador.scss */
  .squad-vazio__cta {
    font-size: 20px;
    height: 82px;
    margin-top: 46px;
    padding: 0 56px;
  }
}

/*------------------------------------*\
  #GRADE

  A grade em si vem de #lista-produtos.lista-produtos (busca.scss). Aqui so o
  respiro entre a barra sticky e o footer.
\*------------------------------------*/
/* line 299, assets/styles/sass/banner_influenciador.scss */
.block-produtos-squad {
  padding-bottom: clamp(48px, 5vw, 80px);
}

@media (max-width: 640px) {
  /* line 299, assets/styles/sass/banner_influenciador.scss */
  .block-produtos-squad {
    padding-bottom: 59px;
  }
}

/*------------------------------------*\
  #PROGRAMA DE PARCERIA (squad.tmpl + inscricao.tmpl)
\*------------------------------------*/
/*------------------------------------*\
  #BANNER - squad.tmpl e inscricao.tmpl
\*------------------------------------*/
/* line 4, assets/styles/sass/influenciador-institucional.scss */
.inscricao-banner {
  margin-bottom: clamp(32px, 4vw, 56px);
}

/* line 7, assets/styles/sass/influenciador-institucional.scss */
.inscricao-banner img {
  display: block;
  width: 100%;
  height: auto;
}

/*------------------------------------*\
  #LANDING - squad.tmpl
\*------------------------------------*/
/* line 18, assets/styles/sass/influenciador-institucional.scss */
.banner-texto {
  display: flex;
}

@media (max-width: 640px) {
  /* line 18, assets/styles/sass/influenciador-institucional.scss */
  .banner-texto {
    flex-direction: column;
    align-items: center;
  }
}

/* line 27, assets/styles/sass/influenciador-institucional.scss */
.banner-texto .inscricao-banner img {
  width: 70%;
  margin: 30px;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/influenciador-institucional.scss */
  .banner-texto .inscricao-banner img {
    width: 100%;
    margin: 0;
  }
}

/* line 39, assets/styles/sass/influenciador-institucional.scss */
.inscricao-hero {
  text-align: center;
  max-width: 62ch;
  margin: 0 auto clamp(48px, 5vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 46, assets/styles/sass/influenciador-institucional.scss */
.inscricao-hero__texto {
  margin: 0;
  text-align: start;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #7D7B78;
}

/* line 52, assets/styles/sass/influenciador-institucional.scss */
.inscricao-hero__texto strong {
  color: #000000;
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 46, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-hero__texto {
    font-size: 25px;
  }
}

/* line 62, assets/styles/sass/influenciador-institucional.scss */
.inscricao-hero__cta {
  height: 50px;
  margin-top: 28px;
  padding: 0 34px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 62, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-hero__cta {
    font-size: 20px;
    height: 82px;
    margin-top: 46px;
    padding: 0 56px;
  }
}

/* line 83, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__titulo {
  margin: 0 0 32px;
  text-align: center;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(26px, 2vw, 36px);
  line-height: 1.1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 83, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__titulo {
    font-size: 42px;
    margin-bottom: 40px;
  }
}

/* line 95, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__lista {
  gap: 24px;
  list-style: none;
  margin: 0 0 clamp(48px, 5vw, 72px);
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1199px) {
  /* line 95, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__lista {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  /* line 95, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__lista {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 114, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__item {
  border-top: 1px solid #E4E3E1;
  padding-top: 20px;
}

/* line 118, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__item p {
  margin: 8px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.65;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 125, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__item p {
    font-size: 22px;
  }
}

/* line 129, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__numero {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 129, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__numero {
    font-size: 40px;
  }
}

/* line 137, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__final {
  text-align: center;
  max-width: 56ch;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 144, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__final h3 {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.1;
  color: #000000;
}

/* line 150, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__final p {
  margin: 14px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.65;
  color: #7D7B78;
}

/* line 156, assets/styles/sass/influenciador-institucional.scss */
.inscricao-passos__final a {
  height: 50px;
  margin-top: 24px;
  padding: 0 34px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 169, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__final h3 {
    font-size: 38px;
  }
  /* line 170, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__final p {
    font-size: 22px;
  }
  /* line 172, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-passos__final a {
    font-size: 20px;
    height: 82px;
    margin-top: 40px;
    padding: 0 56px;
  }
}

/*------------------------------------*\
  #INSCRICAO - inscricao.tmpl
\*------------------------------------*/
/* line 185, assets/styles/sass/influenciador-institucional.scss */
.inscricao-destaque {
  text-align: center;
  margin-top: -16px;
}

/* line 189, assets/styles/sass/influenciador-institucional.scss */
.inscricao-destaque__texto {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
}

/* line 197, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario__form {
  max-width: 62ch;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 205, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario__topo {
  text-align: center;
  margin-bottom: 24px;
}

/* line 209, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario__topo h4 {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1.2;
  color: #000000;
}

/* line 215, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario__topo p {
  margin: 8px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.65;
  color: #7D7B78;
}

/* line 222, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario fieldset {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}

/* line 231, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario label {
  display: block;
}

/* line 235, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario input[type="text"],
.inscricao-formulario input[type="tel"],
.inscricao-formulario input[type="email"],
.inscricao-formulario input[type="password"],
.inscricao-formulario input[type="number"],
.inscricao-formulario select,
.inscricao-formulario textarea {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  background-color: #FFFFFF;
  border: 1px solid #E4E3E1;
  border-radius: 0px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #000000;
}

/* line 252, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario input[type="text"]::placeholder,
.inscricao-formulario input[type="tel"]::placeholder,
.inscricao-formulario input[type="email"]::placeholder,
.inscricao-formulario input[type="password"]::placeholder,
.inscricao-formulario input[type="number"]::placeholder,
.inscricao-formulario select::placeholder,
.inscricao-formulario textarea::placeholder {
  color: #7D7B78;
}

/* line 256, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario input[type="text"]:focus,
.inscricao-formulario input[type="tel"]:focus,
.inscricao-formulario input[type="email"]:focus,
.inscricao-formulario input[type="password"]:focus,
.inscricao-formulario input[type="number"]:focus,
.inscricao-formulario select:focus,
.inscricao-formulario textarea:focus {
  border-color: #000000;
  outline: none;
}

/* line 262, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario textarea {
  height: auto;
  min-height: 96px;
  padding: 12px 16px;
  resize: vertical;
}

/* line 269, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario .tributaria_wrap {
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 276, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario .tributaria_wrap .situacao {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 281, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario .tributaria_wrap .situacao input {
  margin: 0;
}

/* line 287, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario .buttons {
  gap: 16px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 293, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario .buttons .button {
  height: 50px;
  padding: 0 28px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 304, assets/styles/sass/influenciador-institucional.scss */
.inscricao-formulario .buttons .retornar {
  background-color: transparent !important;
  color: #000000;
  border: 1px solid #E4E3E1;
}

@media (max-width: 640px) {
  /* line 312, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-formulario input[type="text"],
  .inscricao-formulario input[type="tel"],
  .inscricao-formulario input[type="email"],
  .inscricao-formulario input[type="password"],
  .inscricao-formulario input[type="number"],
  .inscricao-formulario select,
  .inscricao-formulario textarea {
    height: 82px;
    font-size: 25px;
  }
  /* line 323, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-formulario .buttons .button {
    height: 82px;
    font-size: 20px;
  }
}

/* Erro de validacao por campo (FormUtils.alternarInputErro, influenciador.js) */
/* line 331, assets/styles/sass/influenciador-institucional.scss */
.mensagemErro {
  display: block;
  order: -1;
  margin-bottom: 4px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #FF0000;
}

/* line 339, assets/styles/sass/influenciador-institucional.scss */
.inputErro {
  border-color: #FF0000 !important;
}

/*------------------------------------*\
  #BARRA DE PROGRESSO
\*------------------------------------*/
/* line 346, assets/styles/sass/influenciador-institucional.scss */
.inscricao-conteudo {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 346, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-conteudo {
    flex-direction: column;
    align-items: center;
  }
}

/* line 355, assets/styles/sass/influenciador-institucional.scss */
.inscricao-conteudo .sec-head {
  justify-content: center;
}

/* line 360, assets/styles/sass/influenciador-institucional.scss */
.info-influencer {
  width: 100%;
}

/* line 364, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso {
  --tamanho-linha: 0rem;
  --posicao-seta: 0px;
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 378, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso.escondido {
  display: none;
}

/* line 382, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso li {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #E4E3E1;
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 393, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso li p {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #7D7B78;
}

/* line 399, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso li.ativo {
  background-color: #000000;
  border-color: #000000;
}

/* line 403, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso li.ativo p {
  color: #FFFFFF;
}

/* line 407, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso__separador {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  height: 1px;
  background-color: #E4E3E1;
  transform: translateY(-50%);
}

/* line 416, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso__separador .inicio,
.inscricao-progresso__separador .fim {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #000000;
  width: var(--tamanho-linha);
  max-width: var(--posicao-seta);
}

/* line 426, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso__separador .inicio {
  left: 0;
}

/* line 427, assets/styles/sass/influenciador-institucional.scss */
.inscricao-progresso__separador .fim {
  right: 0;
  display: none;
}

/*------------------------------------*\
  #FINALIZACAO
\*------------------------------------*/
/* line 434, assets/styles/sass/influenciador-institucional.scss */
.inscricao-finalizacao {
  padding: clamp(64px, 8vh, 120px) 0;
}

/* line 437, assets/styles/sass/influenciador-institucional.scss */
.inscricao-finalizacao__conteudo {
  text-align: center;
  max-width: 56ch;
  margin: 0 auto;
  padding: 0 clamp(20px, 3.4vw, 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 445, assets/styles/sass/influenciador-institucional.scss */
.inscricao-finalizacao__conteudo h2 {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(30px, 2.6vw, 44px);
  line-height: 1.05;
  color: #000000;
}

/* line 451, assets/styles/sass/influenciador-institucional.scss */
.inscricao-finalizacao__conteudo p {
  margin: 16px 0 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #7D7B78;
}

/* line 457, assets/styles/sass/influenciador-institucional.scss */
.inscricao-finalizacao__conteudo .button {
  height: 50px;
  margin-top: 28px;
  padding: 0 34px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 470, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-finalizacao__conteudo h2 {
    font-size: 49px;
  }
  /* line 471, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-finalizacao__conteudo p {
    font-size: 25px;
  }
  /* line 473, assets/styles/sass/influenciador-institucional.scss */
  .inscricao-finalizacao__conteudo .button {
    font-size: 20px;
    height: 82px;
    margin-top: 46px;
    padding: 0 56px;
  }
}

/*------------------------------------*\
  #CONTATO
\*------------------------------------*/
/*------------------------------------*\
  #CONTATO - redesign 2026 (DS Hagler)

  Duas colunas no container contido (.conteudo, 1200px - o mesmo de Quem somos):
  formulario a esquerda, cartao de informacoes a direita. Em .conteudo__full
  (1800px) as duas colunas (660px + 420px) deixavam um vao morto no meio.
  Toda medida sai dos tokens de variaveis.scss - nada de largura fixa em px
  como no CSS legado, que quebrava fora dos breakpoints previstos.

  MOBILE: os valores dentro de @media (max-width: 640px) ja estao convertidos para a
  escala do site (fator 1,64x sobre o design). Ver ESCALA DO MOBILE em
  variaveis.scss antes de copiar qualquer medida do design para ca.
\*------------------------------------*/
/* line 18, assets/styles/sass/contato.scss */
.contato .conteudo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 23, assets/styles/sass/contato.scss */
.contato .titulo-padrao {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(28px, 3.2vw, 48px);
  line-height: 1.02;
  color: #000000;
  letter-spacing: 0em;
  margin: 0 0 clamp(28px, 3vw, 44px);
  text-align: center;
  text-transform: none;
  width: auto;
}

@media (max-width: 640px) {
  /* line 23, assets/styles/sass/contato.scss */
  .contato .titulo-padrao {
    font-size: 59px;
    margin-bottom: 46px;
  }
}

/* line 38, assets/styles/sass/contato.scss */
.contato .contato_link__ajuda {
  display: none;
}

/* line 42, assets/styles/sass/contato.scss */
.contato .contato__wrap {
  gap: clamp(40px, 4.5vw, 72px);
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 42, assets/styles/sass/contato.scss */
  .contato .contato__wrap {
    flex-direction: column;
    gap: 0;
  }
}

/*------------------------------------*\
  #COLUNA DO FORMULARIO
\*------------------------------------*/
/* line 58, assets/styles/sass/contato.scss */
.contato_form__aside {
  flex: 1 1 auto;
  max-width: 660px;
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 58, assets/styles/sass/contato.scss */
  .contato_form__aside {
    max-width: none;
    width: 100%;
  }
}

/* line 72, assets/styles/sass/contato.scss */
.ajuda_link__wrap {
  gap: 20px;
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 72, assets/styles/sass/contato.scss */
  .ajuda_link__wrap {
    align-items: stretch;
    flex-direction: column;
    gap: 26px;
    margin-bottom: 52px;
  }
}

/* line 86, assets/styles/sass/contato.scss */
.ajuda_link__wrap span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: #7D7B78;
}

/* line 89, assets/styles/sass/contato.scss */
.ajuda_link__wrap span strong {
  color: #000000;
  font-weight: 500;
}

@media (max-width: 640px) {
  /* line 86, assets/styles/sass/contato.scss */
  .ajuda_link__wrap span {
    font-size: 23px;
  }
}

/* line 99, assets/styles/sass/contato.scss */
.ajuda_link__wrap .button {
  flex: none;
  height: 50px;
  margin: 0;
  padding: 0 24px;
  white-space: nowrap;
  width: auto;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
}

@media (max-width: 640px) {
  /* line 99, assets/styles/sass/contato.scss */
  .ajuda_link__wrap .button {
    font-size: 20px;
    height: 82px;
    width: 100%;
  }
}

/* line 120, assets/styles/sass/contato.scss */
.contato form {
  width: 100%;
}

/* line 125, assets/styles/sass/contato.scss */
.contato form > div {
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 125, assets/styles/sass/contato.scss */
  .contato form > div {
    gap: 20px;
    margin-bottom: 20px;
  }
}

/* line 138, assets/styles/sass/contato.scss */
.contato form div figure {
  background-color: #000000;
  border-radius: 2px;
  flex: none;
  height: 50px;
  margin: 0;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 148, assets/styles/sass/contato.scss */
.contato form div figure i {
  color: #F2F2F2;
  font-size: 20px;
}

@media (max-width: 640px) {
  /* line 138, assets/styles/sass/contato.scss */
  .contato form div figure {
    height: 82px;
    width: 82px;
  }
  /* line 157, assets/styles/sass/contato.scss */
  .contato form div figure i {
    font-size: 33px;
  }
}

/* line 163, assets/styles/sass/contato.scss */
.contato form input,
.contato form textarea {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  box-shadow: none;
  flex: 1 1 auto;
  height: 50px;
  margin: 0;
  min-width: 0;
  padding: 0 14px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: normal;
  color: #000000;
  transition-property: border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 178, assets/styles/sass/contato.scss */
.contato form input::placeholder,
.contato form textarea::placeholder {
  color: #7D7B78;
}

/* line 182, assets/styles/sass/contato.scss */
.contato form input:focus,
.contato form textarea:focus {
  background-color: #FFFFFF;
  border-color: #96754C;
  box-shadow: none;
}

/* line 188, assets/styles/sass/contato.scss */
.contato form input:focus-visible,
.contato form textarea:focus-visible {
  outline: 2px solid #96754C;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  /* line 163, assets/styles/sass/contato.scss */
  .contato form input,
  .contato form textarea {
    font-size: 24px;
    height: 82px;
    padding: 0 23px;
  }
}

/* line 200, assets/styles/sass/contato.scss */
.contato form textarea {
  height: 148px;
  padding: 14px;
  resize: none;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/contato.scss */
  .contato form textarea {
    height: 243px;
    padding: 23px;
  }
}

/* line 213, assets/styles/sass/contato.scss */
.contato form .contato_form__enviar {
  gap: 24px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 213, assets/styles/sass/contato.scss */
  .contato form .contato_form__enviar {
    align-items: stretch;
    flex-direction: column;
    gap: 33px;
    margin-top: 33px;
  }
}

/* line 227, assets/styles/sass/contato.scss */
.contato form .g-recaptcha {
  flex: none;
  margin: 0;
}

/* line 233, assets/styles/sass/contato.scss */
.contato form .bt-contato {
  flex: none;
  height: 50px;
  margin: 0;
  padding: 0 40px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #F2F2F2;
  letter-spacing: 0.08em;
}

/* line 244, assets/styles/sass/contato.scss */
.contato form .bt-contato:hover, .contato form .bt-contato:focus {
  background-color: #C4A484 !important;
  border-color: #C4A484;
  color: #000000 !important;
}

@media (max-width: 640px) {
  /* line 233, assets/styles/sass/contato.scss */
  .contato form .bt-contato {
    font-size: 20px;
    height: 82px;
    width: 100%;
  }
}

/*------------------------------------*\
  #COLUNA DE INFORMACOES
\*------------------------------------*/
/* line 262, assets/styles/sass/contato.scss */
.info-contato {
  background-color: #FFFFFF;
  border: 1px solid #E4E3E1;
  border-radius: 0px;
  flex: 0 0 420px;
  padding: clamp(22px, 2vw, 32px);
}

@media (max-width: 1199px) {
  /* line 262, assets/styles/sass/contato.scss */
  .info-contato {
    flex-basis: 360px;
  }
}

@media (max-width: 640px) {
  /* line 262, assets/styles/sass/contato.scss */
  .info-contato {
    flex-basis: auto;
    margin-top: 52px;
    padding: 36px 33px;
    width: 100%;
  }
}

/* line 280, assets/styles/sass/contato.scss */
.info-contato table {
  background-color: transparent;
  border: none;
  margin: 0;
  width: 100%;
}

/* line 286, assets/styles/sass/contato.scss */
.info-contato table tr:nth-of-type(even) {
  background-color: transparent;
}

/* line 290, assets/styles/sass/contato.scss */
.info-contato table td {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: #7D7B78;
  padding: 8px 0;
  vertical-align: top;
}

@media (max-width: 640px) {
  /* line 290, assets/styles/sass/contato.scss */
  .info-contato table td {
    font-size: 23px;
    padding: 13px 0;
  }
}

/* line 301, assets/styles/sass/contato.scss */
.info-contato table td:first-child {
  width: 92px;
}

@media (max-width: 640px) {
  /* line 301, assets/styles/sass/contato.scss */
  .info-contato table td:first-child {
    width: 150px;
  }
}

/* line 309, assets/styles/sass/contato.scss */
.info-contato table label {
  color: #000000;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
}

/* line 316, assets/styles/sass/contato.scss */
.info-contato table a {
  color: #7D7B78;
}

/* line 320, assets/styles/sass/contato.scss */
.info-contato table a:hover {
  color: #000000;
}

/* line 325, assets/styles/sass/contato.scss */
.info-contato table address {
  font-style: normal;
}

/* line 333, assets/styles/sass/contato.scss */
.contato-social__link {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  height: 44px;
  margin: 8px 8px 0 0;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 345, assets/styles/sass/contato.scss */
.contato-social__link i {
  color: #000000;
  font-size: 20px;
}

/* line 350, assets/styles/sass/contato.scss */
.contato-social__link:hover {
  background-color: #000000;
  border-color: #000000;
}

/* line 354, assets/styles/sass/contato.scss */
.contato-social__link:hover i {
  color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 333, assets/styles/sass/contato.scss */
  .contato-social__link {
    height: 72px;
    margin: 13px 13px 0 0;
    width: 72px;
  }
  /* line 364, assets/styles/sass/contato.scss */
  .contato-social__link i {
    font-size: 33px;
  }
}

/*------------------------------------*\
  #BLOG
\*------------------------------------*/
/* line 3, assets/styles/sass/blog.scss */
.blog-center .titulo_padrao {
  text-align: center;
}

/* line 8, assets/styles/sass/blog.scss */
.post_list__wrap {
  float: left;
  margin-top: 30px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 8, assets/styles/sass/blog.scss */
  .post_list__wrap {
    width: 600px;
  }
}

/* line 19, assets/styles/sass/blog.scss */
.post__wrap {
  margin-bottom: 30px;
  width: 560px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 19, assets/styles/sass/blog.scss */
  .post__wrap {
    width: 440px;
  }
}

@media (max-width: 640px) {
  /* line 19, assets/styles/sass/blog.scss */
  .post__wrap {
    width: 100%;
  }
}

/* line 33, assets/styles/sass/blog.scss */
.post_img__wrap {
  background: #858585;
  cursor: pointer;
  float: left;
  max-height: 242px;
  overflow: hidden;
  position: relative;
  text-align: center;
  max-width: 560px;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 33, assets/styles/sass/blog.scss */
  .post_img__wrap {
    max-height: 191px;
    max-width: 440px;
  }
}

@media (max-width: 640px) {
  /* line 33, assets/styles/sass/blog.scss */
  .post_img__wrap {
    max-height: 261px;
    max-width: 600px;
  }
}

/* line 55, assets/styles/sass/blog.scss */
.post_img {
  display: block;
  min-height: 100%;
  opacity: 1;
  position: relative;
  max-width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 640px) {
  /* line 55, assets/styles/sass/blog.scss */
  .post_img {
    width: 100%;
  }
}

/* line 71, assets/styles/sass/blog.scss */
.post_img__wrap:hover .post_img {
  opacity: 0.5;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
}

@media (max-width: 1199px) {
  /* line 71, assets/styles/sass/blog.scss */
  .post_img__wrap:hover .post_img {
    -webkit-transform: translate3d(-26px, 0, 0) scale(1.12);
    transform: translate3d(-26px, 0, 0) scale(1.12);
  }
}

@media (max-width: 640px) {
  /* line 71, assets/styles/sass/blog.scss */
  .post_img__wrap:hover .post_img {
    -webkit-transform: none;
    transform: none;
  }
}

/* line 87, assets/styles/sass/blog.scss */
.post__titulo {
  color: #000;
  font-size: 18px;
  margin: 15px 0 5px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 87, assets/styles/sass/blog.scss */
  .post__titulo {
    font-size: 24px;
  }
}

/* line 98, assets/styles/sass/blog.scss */
.post__wrap:hover .post__titulo {
  color: #000;
}

/* line 102, assets/styles/sass/blog.scss */
.post__linkCategoria {
  color: #727272;
  font-size: 12px;
  margin-bottom: 10px;
}

@media (max-width: 640px) {
  /* line 102, assets/styles/sass/blog.scss */
  .post__linkCategoria {
    font-size: 20px;
  }
}

/* line 111, assets/styles/sass/blog.scss */
.post__linkCategoria a:hover {
  text-decoration: underline;
}

/* line 116, assets/styles/sass/blog.scss */
.post__conteudo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
}

/* line 119, assets/styles/sass/blog.scss */
.post__conteudo p {
  color: #000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 119, assets/styles/sass/blog.scss */
  .post__conteudo p {
    font-size: 22px;
    line-height: 26px;
  }
}

/* line 130, assets/styles/sass/blog.scss */
.post__link {
  color: #000;
  font-size: 12px;
  font-style: italic;
  margin-top: 5px;
}

@media (max-width: 640px) {
  /* line 130, assets/styles/sass/blog.scss */
  .post__link {
    font-size: 20px;
  }
}

/**
 * Página do post
 */
/* line 3, assets/styles/sass/blog_post-page.scss */
.blog_post .titulo {
  color: #000;
  font-size: 26px;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/blog_post-page.scss */
  .blog_post .titulo {
    font-size: 34px;
    line-height: 36px;
    margin-left: 20px;
    width: 600px;
  }
}

/* line 19, assets/styles/sass/blog_post-page.scss */
.blog_post .splide__arrow--prev {
  left: -3em;
}

/* line 23, assets/styles/sass/blog_post-page.scss */
.blog_post .splide__arrow--next {
  right: -3em;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/blog_post-page.scss */
  .blog_post .splide__arrow {
    display: none;
  }
}

/* line 33, assets/styles/sass/blog_post-page.scss */
.blog_post .video-container {
  position: relative;
  width: 100%;
  max-width: 1600px;
  height: 0;
  margin: 40px auto;
  padding-top: 56.25%;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* line 43, assets/styles/sass/blog_post-page.scss */
.blog_post .video-container .ytb-play-btn {
  cursor: pointer;
  position: absolute;
  z-index: 51;
  top: 47%;
  left: 46.5%;
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/blog_post-page.scss */
  .blog_post .video-container .ytb-play-btn {
    left: 42.5%;
  }
}

/* line 55, assets/styles/sass/blog_post-page.scss */
.blog_post .video-container iframe,
.blog_post .video-container #img-video {
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* line 66, assets/styles/sass/blog_post-page.scss */
.blog_post .video-container #img-video {
  cursor: pointer;
  z-index: 50;
  object-fit: cover;
}

/* line 74, assets/styles/sass/blog_post-page.scss */
.ytb-play-btn {
  width: 90px;
  height: 60px;
  background-color: #FF0000;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease;
}

/* line 87, assets/styles/sass/blog_post-page.scss */
.ytb-play-btn:hover {
  transform: scale(1.05);
}

/* line 91, assets/styles/sass/blog_post-page.scss */
.ytb-play-btn::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 22px solid white;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  margin-left: 5px;
}

/* line 103, assets/styles/sass/blog_post-page.scss */
.blog_post__linkCategoria {
  color: #858585;
  font-size: 14px;
}

@media (max-width: 640px) {
  /* line 103, assets/styles/sass/blog_post-page.scss */
  .blog_post__linkCategoria {
    font-size: 20px;
    width: 600px;
  }
}

/* line 112, assets/styles/sass/blog_post-page.scss */
.blog_post__linkCategoria a:hover {
  text-decoration: underline;
}

/* line 117, assets/styles/sass/blog_post-page.scss */
.blog_post__img {
  margin-top: 20px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/blog_post-page.scss */
  .blog_post__img {
    width: 600px;
  }
}

/* line 126, assets/styles/sass/blog_post-page.scss */
.blog_post__conteudo {
  color: #000;
  font-weight: 400;
  margin-top: 30px;
}

@media (max-width: 640px) {
  /* line 126, assets/styles/sass/blog_post-page.scss */
  .blog_post__conteudo {
    font-size: 22px;
    line-height: 26px;
    width: 600px;
  }
}

/* line 137, assets/styles/sass/blog_post-page.scss */
.blog_post__conteudo h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 137, assets/styles/sass/blog_post-page.scss */
  .blog_post__conteudo h2 {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  /* line 148, assets/styles/sass/blog_post-page.scss */
  .blog_post__conteudo p {
    font-size: 22px;
    line-height: 26px;
  }
}

/*listagem de produtos*/
/* line 157, assets/styles/sass/blog_post-page.scss */
.blog_post__products {
  margin-top: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 640px) {
  /* line 157, assets/styles/sass/blog_post-page.scss */
  .blog_post__products {
    width: 600px;
  }
}

/* line 171, assets/styles/sass/blog_post-page.scss */
.blog_post__list {
  width: 100%;
}

/* line 174, assets/styles/sass/blog_post-page.scss */
.blog_post__list .splide__arrow {
  top: 40%;
}

/* line 178, assets/styles/sass/blog_post-page.scss */
.blog_post__list .list-product {
  position: relative;
}

@media (max-width: 640px) {
  /* line 178, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .list-product {
    margin-right: 20px;
  }
  /* line 184, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .list-product:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* line 190, assets/styles/sass/blog_post-page.scss */
.blog_post__list .js-fit__container-img {
  width: 100%;
  height: 100%;
}

@media (max-width: 640px) {
  /* line 196, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview {
    width: 290px;
  }
  /* line 199, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview .mask {
    width: 290px;
  }
  /* line 203, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview figure {
    height: 710px;
    width: 290px;
  }
  /* line 207, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview figure img {
    height: 435px;
    width: 290px;
  }
  /* line 213, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview .animate_container {
    height: 435px;
    width: 290px;
  }
  /* line 218, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview figcaption {
    width: 290px;
  }
  /* line 222, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview header {
    padding: 0 10px;
  }
  /* line 226, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview .offers {
    width: 290px;
  }
  /* line 232, assets/styles/sass/blog_post-page.scss */
  .blog_post__list .product-shortview .buttons button {
    width: 290px;
  }
}

/* line 240, assets/styles/sass/blog_post-page.scss */
.blog_post__button {
  border: 1px solid #858585;
  color: #858585;
  font-weight: bold;
  height: 50px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0 40px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: max-content;
}

@media (max-width: 640px) {
  /* line 240, assets/styles/sass/blog_post-page.scss */
  .blog_post__button {
    font-size: 24px;
    height: 60px;
    width: 600px;
    z-index: 999;
  }
}

/* line 259, assets/styles/sass/blog_post-page.scss */
.blog_post__button:hover {
  border-color: #858585;
  color: #858585;
}

/*-------------------------------
  #RODAPÉ
-------------------------------*/
/*------------------------------------*\
  #RODAPE - redesign 2026

  Traduzido do design system (bloco .foot de loja.css). Equivalencia de nomes:
  DS .foot / .news / .foot-hero / .foot-grid / .foot-base / .pays / .socials
  aqui .foot / .news / .foot__hero / .foot__grid / .foot__base / .foot__pays / .foot__socials

  Os blocos .foot__selos e .foot__legal nao existem no DS: sao os selos de
  seguranca/entrega e o texto de cookies e condicoes, que o site precisa manter.

  MOBILE: os valores dentro de @media (max-width: 640px) ja estao convertidos para a
  escala do site (fator 1,64x sobre o design). Nao copie medida do design direto
  para ca sem converter. Ver o bloco ESCALA DO MOBILE em variaveis.scss.
\*------------------------------------*/
/* line 20, assets/styles/sass/footer.scss */
.foot {
  background-color: #000000;
  color: #CCCCCC;
  /*------------------------------------*\
      #HERO DE MARCA
    \*------------------------------------*/
  /*------------------------------------*\
      #TRES COLUNAS
    \*------------------------------------*/
  /*------------------------------------*\
      #SELOS DE SEGURANCA E ENTREGA
    \*------------------------------------*/
  /*------------------------------------*\
      #BASE: EMPRESA, PAGAMENTOS E ASSINATURA
    \*------------------------------------*/
  /*
      width/min-width nao sao decoracao: em flex column com align-items center o
      filho e dimensionado por max-content, e a linha do endereco tem ~74
      caracteres. A 21px isso da ~814px contra 640px de viewport - o span
      empurrava o pai e a pagina inteira ganhava rolagem horizontal.
    */
  /*------------------------------------*\
      #TEXTO LEGAL
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 20, assets/styles/sass/footer.scss */
  .foot {
    margin-top: 92px;
  }
}

/* line 28, assets/styles/sass/footer.scss */
.foot__in {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 clamp(20px, 3.4vw, 64px);
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/footer.scss */
  .foot__in {
    padding-left: 33px;
    padding-right: 33px;
  }
}

/* line 44, assets/styles/sass/footer.scss */
.foot__hero {
  padding-top: 88px;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 44, assets/styles/sass/footer.scss */
  .foot__hero {
    padding-top: 92px;
  }
}

/* line 55, assets/styles/sass/footer.scss */
.foot__hero img {
  width: min(230px, 50vw);
  height: auto;
}

@media (max-width: 640px) {
  /* line 55, assets/styles/sass/footer.scss */
  .foot__hero img {
    width: 295px;
  }
}

/* line 65, assets/styles/sass/footer.scss */
.foot__hero p {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.45;
  color: #A8A6A3;
  margin: 20px 0 0;
}

@media (max-width: 640px) {
  /* line 65, assets/styles/sass/footer.scss */
  .foot__hero p {
    font-size: 25px;
    margin-top: 33px;
  }
}

/* line 75, assets/styles/sass/footer.scss */
.foot__hero .foot__socials {
  margin-top: 52px;
}

@media (max-width: 640px) {
  /* line 75, assets/styles/sass/footer.scss */
  .foot__hero .foot__socials {
    margin-top: 59px;
  }
}

/* line 84, assets/styles/sass/footer.scss */
.foot__socials {
  gap: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 84, assets/styles/sass/footer.scss */
  .foot__socials {
    gap: 43px;
  }
}

/* line 93, assets/styles/sass/footer.scss */
.foot__socials a {
  color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 99, assets/styles/sass/footer.scss */
.foot__socials a:hover {
  color: #C4A484;
}

/* line 106, assets/styles/sass/footer.scss */
.foot__socials i {
  font-size: 24px;
  line-height: 1;
  display: block;
}

@media (max-width: 640px) {
  /* line 106, assets/styles/sass/footer.scss */
  .foot__socials i {
    font-size: 39px;
  }
}

/* line 120, assets/styles/sass/footer.scss */
.foot__grid {
  gap: 64px;
  padding-top: 64px;
  padding-bottom: 48px;
  text-align: center;
  justify-items: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1199px) {
  /* line 120, assets/styles/sass/footer.scss */
  .foot__grid {
    gap: 36px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  /* line 120, assets/styles/sass/footer.scss */
  .foot__grid {
    gap: 53px;
    padding-top: 72px;
    padding-bottom: 59px;
  }
}

/* line 144, assets/styles/sass/footer.scss */
.foot__col {
  width: 100%;
  min-width: 0;
}

/* line 148, assets/styles/sass/footer.scss */
.foot__col h5 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #F2F2F2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0 0 16px;
}

@media (max-width: 640px) {
  /* line 148, assets/styles/sass/footer.scss */
  .foot__col h5 {
    font-size: 20px;
    margin-bottom: 26px;
  }
}

/* line 160, assets/styles/sass/footer.scss */
.foot__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 160, assets/styles/sass/footer.scss */
  .foot__col ul {
    gap: 20px;
  }
}

/* line 173, assets/styles/sass/footer.scss */
.foot__col li,
.foot__col span {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: 1.18;
  color: #CCCCCC;
}

@media (max-width: 640px) {
  /* line 173, assets/styles/sass/footer.scss */
  .foot__col li,
  .foot__col span {
    font-size: 24px;
  }
}

/* line 185, assets/styles/sass/footer.scss */
.foot__link {
  color: #CCCCCC;
  background-image: linear-gradient(currentColor, currentColor);
}

/* line 192, assets/styles/sass/footer.scss */
.foot__link:hover {
  color: #F2F2F2;
}

/* line 200, assets/styles/sass/footer.scss */
.foot__selos {
  gap: 48px;
  padding-bottom: 48px;
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/footer.scss */
  .foot__selos {
    gap: 46px;
    padding-bottom: 59px;
    flex-direction: column;
    align-items: center;
  }
}

/* line 215, assets/styles/sass/footer.scss */
.foot__selo-grupo {
  gap: 14px;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 215, assets/styles/sass/footer.scss */
  .foot__selo-grupo {
    gap: 20px;
  }
}

/* line 224, assets/styles/sass/footer.scss */
.foot__selo-grupo h6 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 224, assets/styles/sass/footer.scss */
  .foot__selo-grupo h6 {
    font-size: 18px;
  }
}

/* line 236, assets/styles/sass/footer.scss */
.foot__selo-imgs {
  gap: 12px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
          Selos de terceiros tem arte propria e nem todos leem sobre a tinta -
          o Sedex, por exemplo, e azul-escuro sobre fundo transparente. A placa
          clara normaliza qualquer selo, atual ou futuro, sem depender de a
          transportadora fornecer versao para fundo escuro.
        */
}

@media (max-width: 640px) {
  /* line 236, assets/styles/sass/footer.scss */
  .foot__selo-imgs {
    gap: 20px;
  }
}

/* line 252, assets/styles/sass/footer.scss */
.foot__selo-imgs img,
.foot__selo-imgs #seloEbit img {
  display: block;
  height: auto;
  max-height: 34px;
  width: auto;
  padding: 6px 10px;
  background-color: #F2F2F2;
  border-radius: 2px;
}

@media (max-width: 640px) {
  /* line 252, assets/styles/sass/footer.scss */
  .foot__selo-imgs img,
  .foot__selo-imgs #seloEbit img {
    max-height: 56px;
    padding: 10px 16px;
  }
}

/* line 272, assets/styles/sass/footer.scss */
.foot__base {
  border-top: 1px solid rgba(242, 242, 242, 0.28);
  padding-top: 24px;
  padding-bottom: 44px;
  gap: 24px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 272, assets/styles/sass/footer.scss */
  .foot__base {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 640px) {
  /* line 272, assets/styles/sass/footer.scss */
  .foot__base {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 26px;
    padding-top: 33px;
    padding-bottom: 53px;
  }
}

/* line 304, assets/styles/sass/footer.scss */
.foot__empresa {
  gap: 4px;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 1199px) {
  /* line 304, assets/styles/sass/footer.scss */
  .foot__empresa {
    align-items: center;
  }
}

@media (max-width: 640px) {
  /* line 304, assets/styles/sass/footer.scss */
  .foot__empresa {
    gap: 7px;
  }
}

/* line 319, assets/styles/sass/footer.scss */
.foot__empresa span {
  max-width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 319, assets/styles/sass/footer.scss */
  .foot__empresa span {
    font-size: 21px;
  }
}

/* line 330, assets/styles/sass/footer.scss */
.foot__pays {
  gap: 8px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 330, assets/styles/sass/footer.scss */
  .foot__pays {
    gap: 13px;
  }
}

/* line 341, assets/styles/sass/footer.scss */
.foot__pay {
  width: 44px;
  height: 28px;
  border: 1px solid rgba(242, 242, 242, 0.28);
  color: #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 341, assets/styles/sass/footer.scss */
  .foot__pay {
    width: 72px;
    height: 46px;
  }
}

/* line 354, assets/styles/sass/footer.scss */
.foot__pay svg {
  width: 35px;
  height: 15px;
  display: block;
}

@media (max-width: 640px) {
  /* line 354, assets/styles/sass/footer.scss */
  .foot__pay svg {
    width: 62px;
    height: 39px;
  }
}

/* line 366, assets/styles/sass/footer.scss */
.foot__wx3 img {
  display: block;
  height: auto;
}

@media (max-width: 640px) {
  /* line 366, assets/styles/sass/footer.scss */
  .foot__wx3 img {
    width: 107px;
  }
}

/* line 378, assets/styles/sass/footer.scss */
.foot__legal {
  padding-bottom: 44px;
}

@media (max-width: 640px) {
  /* line 378, assets/styles/sass/footer.scss */
  .foot__legal {
    padding-bottom: 53px;
  }
}

/* line 385, assets/styles/sass/footer.scss */
.foot__legal p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: #575553;
  margin: 0;
  text-align: justify;
}

@media (max-width: 640px) {
  /* line 385, assets/styles/sass/footer.scss */
  .foot__legal p {
    font-size: 20px;
    text-align: left;
  }
}

/*------------------------------------*\
  #NEWSLETTER
  Fica dentro do rodape, sobre a superficie lavanda clara.
\*------------------------------------*/
/* line 403, assets/styles/sass/footer.scss */
.news {
  background-color: #F6F0E8;
  color: #232221;
  /*
      O DS mostra so o campo de e-mail. Aqui o nome tambem e coletado porque o
      backend usa esse dado nos eventos de Lead (Pixel e RD Station).
    */
}

/* line 407, assets/styles/sass/footer.scss */
.news__in {
  column-gap: 48px;
  row-gap: 0;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1199px) {
  /* line 407, assets/styles/sass/footer.scss */
  .news__in {
    gap: 36px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  /* line 407, assets/styles/sass/footer.scss */
  .news__in {
    gap: 39px;
    padding-top: 72px;
    padding-bottom: 72px;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 430, assets/styles/sass/footer.scss */
.news__in .news__texto {
  margin-bottom: 10px;
}

/* line 435, assets/styles/sass/footer.scss */
.news__eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #4E3B26;
  display: flex;
  width: 100%;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 435, assets/styles/sass/footer.scss */
  .news__eyebrow {
    font-size: 20px;
  }
}

/* line 447, assets/styles/sass/footer.scss */
.news__texto h3 {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(26px, 2.4vw, 38px);
  line-height: 1.08;
  color: #000000;
  margin: 12px 0 0;
  max-width: 22ch;
}

@media (max-width: 640px) {
  /* line 447, assets/styles/sass/footer.scss */
  .news__texto h3 {
    font-size: 39px;
    margin-top: 13px;
  }
}

/* line 462, assets/styles/sass/footer.scss */
.news__form {
  gap: 8px;
  width: 40%;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
          Campo e botao compartilham a altura de controle do DS (50px, a mesma
          de .buy e .lg-form input no design).

          As tres primeiras propriedades existem so para vencer o Foundation:
          ele aplica height 2.3125rem, box-shadow interno e fundo branco em
          input[type=email] com a MESMA especificidade desta regra, entao o que
          nao for declarado aqui fica valendo o dele.
        */
}

@media (max-width: 640px) {
  /* line 462, assets/styles/sass/footer.scss */
  .news__form {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
}

/* line 483, assets/styles/sass/footer.scss */
.news__form input,
.news__form button {
  height: 50px;
  box-shadow: none;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 483, assets/styles/sass/footer.scss */
  .news__form input,
  .news__form button {
    height: 82px;
  }
}

/* line 494, assets/styles/sass/footer.scss */
.news__form input {
  flex: 1;
  min-width: 0;
  padding: 0 14px;
  background-color: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  outline: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 494, assets/styles/sass/footer.scss */
  .news__form input {
    /*
                  A coluna gira o eixo principal, e o flex-basis: 0% do flex: 1
                  acima passa a valer na altura. Com base explicita o height e
                  ignorado, e o campo desabava para a altura do texto.
                */
    flex: none;
    font-size: 25px;
    padding: 0 23px;
  }
}

/* line 516, assets/styles/sass/footer.scss */
.news__form input::placeholder {
  color: #7D7B78;
}

/* line 520, assets/styles/sass/footer.scss */
.news__form input:focus {
  background-color: transparent;
  border-color: #96754C;
  box-shadow: none;
}

/* line 527, assets/styles/sass/footer.scss */
.news__form button {
  padding: 0 26px;
  background-color: #000000;
  border: none;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 527, assets/styles/sass/footer.scss */
  .news__form button {
    font-size: 20px;
    padding: 0 43px;
  }
}

/* line 545, assets/styles/sass/footer.scss */
.news__form button:hover {
  background-color: #C4A484;
  color: #000000;
}

/*-------------------------------
  #BOTAO GRUPO WHATSAPP
-------------------------------*/
/*------------------------------------*\
  #PIN DO GRUPO VIP - redesign 2026

  Traduzido do bloco .vip-* do design system. Equivalencia de nomes:
  DS   .vip-tab  .vip-scrim  .vip-panel  .vip-x  .vip-eye  .vip-qr  .vip-hint  .vip-cta
  aqui .grupo-whats__botao  &__scrim  &__conteudo  .botao-fechar-gp-wpp
       &__eyebrow  #grupo-whats__qr-code  &__hint  &__cta

  Os nomes sao os que o main.js ja usava. O estado aberto continua sendo a classe
  .hidden-qr no container - nome herdado, hoje significa "painel aberto".

  Antes: gaveta unica deslizando de right:-451px ate right:0.
  Agora: container transparente ocupando a tela, com aba fixa, scrim e painel
  independentes, como no design. O container so intercepta cliques quando aberto.

  MOBILE: o toggle do main.js roda apenas com screen.width > 640, entao no celular
  a aba e um link direto para o WhatsApp e o painel nunca abre.
  Medidas ja convertidas pelo fator 1,64 (ver ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 21, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats {
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
  /*------------------------------------*\
      #ABA FIXA
    \*------------------------------------*/
  /*------------------------------------*\
      #SCRIM
    \*------------------------------------*/
  /*------------------------------------*\
      #PAINEL
    \*------------------------------------*/
  /*
      A dica so faz sentido com o QR na tela. O main.js poe .carregado no painel
      quando a imagem chega pelo AJAX - antes disso a frase falaria de um codigo
      que ainda nao existe.
    */
  /*------------------------------------*\
      #ESTADO ABERTO
      .hidden-qr e o nome herdado do main.js para "painel aberto".
    \*------------------------------------*/
}

/* line 28, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats.escondido {
  display: none !important;
}

/* line 35, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 47, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba .grupo-whats__botao,
.grupo-whats .grupo-aba .grupo--mobile {
  gap: 10px;
  margin: 0;
  padding: 16px 11px;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  background-color: #C4A484;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  transition-property: background-color, opacity;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 62, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba .grupo-whats__botao:hover, .grupo-whats .grupo-aba .grupo-whats__botao:focus,
.grupo-whats .grupo-aba .grupo--mobile:hover,
.grupo-whats .grupo-aba .grupo--mobile:focus {
  background-color: #96754C;
  color: #000000;
}

/* line 68, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba .grupo-whats__botao span,
.grupo-whats .grupo-aba .grupo--mobile span {
  writing-mode: vertical-rl;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: currentColor;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 77, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba .grupo-whats__botao i,
.grupo-whats .grupo-aba .grupo--mobile i {
  font-size: 18px;
  line-height: 1;
  flex: none;
}

@media (max-width: 640px) {
  /* line 47, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .grupo-aba .grupo-whats__botao,
  .grupo-whats .grupo-aba .grupo--mobile {
    padding: 21px 15px;
  }
  /* line 86, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .grupo-aba .grupo-whats__botao span,
  .grupo-whats .grupo-aba .grupo--mobile span {
    font-size: 18px;
  }
  /* line 90, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .grupo-aba .grupo-whats__botao i,
  .grupo-whats .grupo-aba .grupo--mobile i {
    font-size: 30px;
  }
}

/* line 97, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba .grupo--mobile {
  display: none;
}

@media (max-width: 640px) {
  /* line 97, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .grupo-aba .grupo--mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

@media (max-width: 640px) {
  /* line 105, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .grupo-aba .grupo-whats__botao {
    display: none;
  }
}

/* line 112, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__fechar {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  background-color: transparent;
  color: #7D7B78;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 130, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__fechar:hover, .grupo-whats .grupo-whats__fechar:focus {
  background-color: #F2F2F2;
  color: #000000;
}

/* line 136, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__fechar i {
  font-size: 16px;
  line-height: 1;
}

/* line 143, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .botao-fechar-gp-wpp {
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  background-color: #96754C;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 158, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .botao-fechar-gp-wpp:hover, .grupo-whats .botao-fechar-gp-wpp:focus {
  background-color: #000000;
  color: #F2F2F2;
}

/* line 164, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .botao-fechar-gp-wpp i {
  font-size: 12px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 143, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .botao-fechar-gp-wpp {
    height: 43px;
  }
  /* line 172, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .botao-fechar-gp-wpp i {
    font-size: 20px;
  }
}

/* line 181, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__scrim {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.42);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 196, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__conteudo {
  position: absolute;
  right: clamp(16px, 4vw, 64px);
  top: 50%;
  width: min(400px, calc(100vw - 32px));
  padding: 44px 40px 40px;
  gap: 14px;
  background-color: #FFFFFF;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(-50% + 14px));
  transition-property: opacity, transform, visibility;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 196, assets/styles/sass/botao-grupo-whatsapp.scss */
  .grupo-whats .grupo-whats__conteudo {
    display: none;
  }
}

/* line 224, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats__eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #4E3B26;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 230, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__texto {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 235, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__texto h3 {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 1.1;
  color: #000000;
  margin: 0;
}

/* line 240, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__texto p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.55;
  color: #575553;
  margin: 0;
}

/* line 246, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats #grupo-whats__qr-code {
  width: 190px;
  height: 190px;
  margin-top: 8px;
  background-color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 254, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats #grupo-whats__qr-code img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 267, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats__hint {
  display: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
}

/* line 273, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-whats__conteudo.carregado .grupo-whats__hint {
  display: block;
}

/* line 277, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats__cta {
  width: 100%;
  height: 50px;
  margin-top: 6px;
  gap: 12px;
  background-color: #000000;
  color: #F2F2F2;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 293, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats__cta:hover, .grupo-whats__cta:focus {
  background-color: #C4A484;
  color: #000000;
}

/* line 299, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats__cta i {
  font-size: 17px;
  line-height: 1;
  flex: none;
}

/* line 311, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats.hidden-qr .grupo-whats__scrim {
  opacity: 1;
  pointer-events: auto;
}

/* line 316, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats.hidden-qr .grupo-whats__conteudo {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-50%);
}

/* line 324, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats.hidden-qr .grupo-aba {
  opacity: 0;
  pointer-events: none;
}

/* line 330, assets/styles/sass/botao-grupo-whatsapp.scss */
.grupo-whats .grupo-aba {
  transition-property: opacity;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/*-------------------------------
  #REDIRECIONAMENTO WHATSAPP
-------------------------------*/
/* line 2, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp header, .page-grupo-whatsapp footer {
  display: none;
}

/* line 5, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp main {
  margin-top: 0;
}

/* line 10, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .header-acesso-whatsapp--logo img {
  max-width: 200px;
}

@media (max-width: 640px) {
  /* line 10, assets/styles/sass/acesso-grupo-whatsapp.scss */
  .page-grupo-whatsapp .header-acesso-whatsapp--logo img {
    max-width: 300px;
    min-width: 300px;
    padding-top: 50px;
  }
}

/* line 21, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .header-acesso-whatsapp {
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 26, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .container-acesso-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: calc(100vh - 113px);
  padding-bottom: 113px;
}

/* line 31, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .container-acesso-whatsapp .title {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

/* line 37, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .container-acesso-whatsapp h4 {
  color: #727272;
  font-family: "sofia-pro", sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
}

@media (max-width: 640px) {
  /* line 37, assets/styles/sass/acesso-grupo-whatsapp.scss */
  .page-grupo-whatsapp .container-acesso-whatsapp h4 {
    font-size: 45px;
  }
}

/* line 50, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .container-acesso-whatsapp .info-whatsapp {
  width: 100%;
  border: none;
  margin-top: 0px;
  padding: 0px;
}

/* line 56, assets/styles/sass/acesso-grupo-whatsapp.scss */
.page-grupo-whatsapp .container-acesso-whatsapp .info-whatsapp p {
  color: #727272;
  font-family: "sofia-pro", sans-serif;
  font-size: 22px;
  letter-spacing: 2px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 56, assets/styles/sass/acesso-grupo-whatsapp.scss */
  .page-grupo-whatsapp .container-acesso-whatsapp .info-whatsapp p {
    font-size: 36px;
    margin: 0px;
  }
}

/*-------------------------------
  #ERROR 404
-------------------------------*/
/*------------------------------------*\
  #TELAS DE ERRO - redesign 2026

  404, 500 e erro do sistema. Eram a mesma tela escrita de tres maneiras (uma com
  .row/.columns do Foundation, outra com .info1, outra com .info2); agora as tres
  usam o cabecalho .sec / .sec-head - o mesmo das vitrines, dos depoimentos e da
  pagina de avaliacoes - e este bloco.

  O `float: left` do .error SAIU. Era ele que deixava a faixa lavanda da
  newsletter subir por tras do conteudo: nada limpava o float, e o resultado era a
  tela de 404 inteira com fundo lavanda.

  A caixa contornada em volta de "Possiveis erros:" tambem saiu. Um contorno de
  1px em volta de tres linhas de texto nao delimita nada, so pesa - quem organiza
  a leitura aqui e a hierarquia: chapeu, titulo em display, motivos apagados e a
  acao.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 21, assets/styles/sass/error.scss */
.erro {
  /*
      Coluna de leitura. A tela nao tem nada a direita, e uma linha de texto
      atravessando 1800px e ilegivel - o limite e o mesmo do .info-carrinho-vazio
      da sacola.
    */
  /* os asteriscos que faziam de marcador sairam do texto: aqui o que separa um
       motivo do outro e o fio hairline */
  /*
      Acao principal da tela: %button-preto-acento, o mesmo do "Finalizar compra"
      e do "Escolher mais produtos" da sacola vazia. A margem de cima vale para o
      404, onde o botao vem direto depois da lista; dentro de .erro__acoes ela
      passa para o proprio wrapper.
    */
  /* a segunda acao e um LINK, nao um segundo botao: duas caixas lado a lado
       disputariam a atencao e nenhuma das duas e urgente */
}

/* line 28, assets/styles/sass/error.scss */
.erro__in {
  max-width: 620px;
}

@media (max-width: 640px) {
  /* line 28, assets/styles/sass/error.scss */
  .erro__in {
    max-width: none;
  }
}

/* line 36, assets/styles/sass/error.scss */
.erro__intro {
  margin: 0 0 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 36, assets/styles/sass/error.scss */
  .erro__intro {
    margin-bottom: 13px;
    font-size: 18px;
  }
}

/* line 49, assets/styles/sass/error.scss */
.erro__texto {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 49, assets/styles/sass/error.scss */
  .erro__texto {
    font-size: 25px;
  }
}

/* line 61, assets/styles/sass/error.scss */
.erro__motivos {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #E4E3E1;
}

/* line 67, assets/styles/sass/error.scss */
.erro__motivos li {
  padding: 12px 0;
  border-bottom: 1px solid #E4E3E1;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 67, assets/styles/sass/error.scss */
  .erro__motivos li {
    padding: 20px 0;
    font-size: 25px;
  }
}

/* line 86, assets/styles/sass/error.scss */
.erro__cta {
  width: auto;
  min-width: 260px;
  height: 50px;
  margin-top: 40px;
}

@media (max-width: 640px) {
  /* line 86, assets/styles/sass/error.scss */
  .erro__cta {
    width: 100%;
    height: 82px;
    margin-top: 66px;
    font-size: 20px;
  }
}

/* line 104, assets/styles/sass/error.scss */
.erro__link {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #232221;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 104, assets/styles/sass/error.scss */
  .erro__link {
    font-size: 18px;
    text-align: center;
  }
}

/* line 117, assets/styles/sass/error.scss */
.erro__acoes {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/error.scss */
  .erro__acoes {
    margin-top: 66px;
    flex-direction: column;
    align-items: stretch;
    gap: 33px;
  }
}

/* line 130, assets/styles/sass/error.scss */
.erro__acoes .erro__cta {
  margin-top: 0;
}

/*------------------------------------*\
  #TOPO E RODAPÉ - PAGAMENTO
\*------------------------------------*/
/*------------------------------------*\
  #TOPO E RODAPÉ DO CHECKOUT - redesign 2026

  Estrutura do markup intacta (partials/header-pgto.tmpl e footer-pgto.tmpl): o
  que muda aqui é só a aparência.

  A BARRA DE TOPO passa a ser em tinta cheia com tipo claro, como no layout
  (.ck-top do checkout do design). Duas coisas se resolvem com isso:

    * o logo volta a aparecer. O template pedia logo.svg - a arte PRETA - e o
      elemento tinha `width: 155px; max-height: 56px` sem medida no <img>; um SVG
      sem width/height próprios cai no padrão de 300x150 do navegador. Agora é a
      arte clara (logo-mark-white.svg) com medida explícita, sobre o fundo escuro;

    * o checkout ganha um chrome próprio. Fora dele o site é claro; aqui a faixa
      escura marca que se saiu da navegação e entrou no fluxo de compra - é o que
      o design faz.

  MOBILE: medidas já convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss).
\*------------------------------------*/
/* line 22, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto {
  padding: 0;
  border-bottom: none;
  background-color: #000000;
  color: #F2F2F2;
  /*------------------------------------*\
      A GRADE QUE FALTAVA

      Os três blocos (logo, etapas, compra segura) já traziam grid-area, mas o
      contêiner nunca declarou `display: grid` - e sem grade nem grid-area nem
      align-items nem os gaps valem nada. Resultado: três blocos de largura total
      empilhados, cada um alinhando o próprio conteúdo (o logo à esquerda, as
      etapas ao centro, o selo à direita), o que dava a impressão de uma linha
      torta em vez de três linhas.

      1fr auto 1fr é o que centra as etapas na BARRA, não no espaço que sobra: as
      duas colunas laterais crescem igual, então o miolo fica no meio
      independentemente de o logo ser mais estreito que o selo.
    \*------------------------------------*/
  /*------------------------------------*\
      #LOGO
    \*------------------------------------*/
  /*------------------------------------*\
      #ETAPAS

      A trilha continua sendo ícone + rótulo com uma barra ligando um passo ao
      outro. O que sai é o desenho de 2px em $cinza-second com a barra posicionada
      por top/right negativos: o traço virou um fio de 1px em $border-inverse (o
      mesmo fio claro que o DS usa sobre tinta) e o passo cumprido acende em
      branco.
    \*------------------------------------*/
  /*------------------------------------*\
      #COMPRA SEGURA
    \*------------------------------------*/
}

/* line 43, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .conteudo__full {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-areas: "logo etapas compra-segura";
  align-items: center;
  column-gap: 24px;
  min-height: 74px;
  /*
          Mesma caixa do corpo da finalização ($checkout-max + $sec-pad) e não os
          100px/1800px do .conteudo__full do site: é o que faz o logo nascer na
          mesma vertical do primeiro cartão e o selo terminar na do resumo.
        */
  max-width: 1544px;
  padding-left: clamp(20px, 3.4vw, 64px);
  padding-right: clamp(20px, 3.4vw, 64px);
  /*
          No celular não cabe: logo + quatro etapas + selo em 640px de viewport
          apertaria as etapas a ponto de os rótulos quebrarem. Duas linhas então -
          identidade e selo em cima, a trilha de etapas inteira embaixo.
        */
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .conteudo__full {
    grid-template-columns: auto auto;
    grid-template-areas: "logo compra-segura"
 "etapas etapas";
    min-height: 0;
    padding-top: 26px;
    padding-bottom: 26px;
    row-gap: 33px;
  }
}

/* line 80, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header_logo {
  grid-area: logo;
  width: auto;
  height: auto;
  max-height: none;
  margin: 0;
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 90, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header_logo img {
  display: block;
  width: auto;
  height: 34px;
}

@media (max-width: 640px) {
  /* line 90, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .header_logo img {
    height: 56px;
  }
}

/* line 110, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header__etapas {
  grid-area: etapas;
  width: auto;
  gap: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
          O fio que liga ao passo ANTERIOR. Era posicionado com top: -50px e
          right: 75px - números que só funcionavam na altura exata do ícone
          antigo. Agora nasce da borda esquerda do passo e para na do ícone,
          então acompanha qualquer tamanho.
        */
}

@media (max-width: 640px) {
  /* line 110, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .header__etapas {
    gap: 26px;
    justify-content: space-between;
  }
}

/* line 122, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header__etapas_etapa {
  position: relative;
  width: auto;
  min-width: 92px;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.3;
  color: rgba(242, 242, 242, 0.5);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  stroke: rgba(242, 242, 242, 0.5);
  stroke-width: 1.5;
}

@media (max-width: 640px) {
  /* line 122, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .header__etapas_etapa {
    min-width: 0;
    gap: 13px;
    font-size: 18px;
  }
}

/* line 143, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header__etapas_etapa svg {
  width: 30px;
  height: 30px;
  margin: 0;
  z-index: 2;
}

@media (max-width: 640px) {
  /* line 143, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .header__etapas_etapa svg {
    width: 49px;
    height: 49px;
  }
}

/* line 156, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header__etapas_etapa.active {
  color: #F2F2F2;
  stroke: #F2F2F2;
}

/* line 160, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header__etapas_etapa.active .barra {
  border-top-color: #F2F2F2;
}

/* line 172, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .header__etapas .barra {
  position: absolute;
  top: 15px;
  right: 100%;
  left: auto;
  z-index: 1;
  width: 16px;
  border-top: 1px solid rgba(242, 242, 242, 0.28);
}

@media (max-width: 640px) {
  /* line 172, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .header__etapas .barra {
    top: 24px;
    width: 26px;
  }
}

/* line 191, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .compra-segura {
  grid-area: compra-segura;
  gap: 10px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
          O escudo é um ícone PREENCHIDO, não traçado, e o arquivo trava a cor no
          próprio path: fill="#499848" - o verde que não existe na paleta.

          A regra desce até o path de propósito. Atributo de apresentação perde
          para CSS no MESMO elemento, mas ganha de valor herdado do pai: um
          `fill` no <svg> não chegaria ao path.

          A caixa é 17x21 e não quadrada porque a viewBox é 28x34.
        */
}

@media (max-width: 640px) {
  /* line 191, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .compra-segura {
    justify-self: flex-end;
  }
}

/* line 212, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .compra-segura svg {
  width: 17px;
  height: 21px;
}

@media (max-width: 640px) {
  /* line 212, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .compra-segura svg {
    width: 28px;
    height: 34px;
  }
}

/* line 221, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .compra-segura svg path {
  fill: #F2F2F2;
}

/* line 226, assets/styles/sass/carrinho_topo_rodape.scss */
.header-pgto .compra-segura figcaption {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.3;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 226, assets/styles/sass/carrinho_topo_rodape.scss */
  .header-pgto .compra-segura figcaption {
    font-size: 18px;
  }
}

/*------------------------------------*\
  #RODAPÉ DO CHECKOUT

  Era três colunas de títulos em serifa 18px caixa-alta com as bandeiras soltas
  embaixo, mais uma faixa cinza-médio com o endereço e um bloco de condições em
  corpo miúdo. Muito peso para o pé de uma página cujo assunto é terminar a compra.

  Agora: rótulos de 11px espaçados como qualquer rótulo do DS, as artes numa linha
  só com altura igual, e endereço e condições em fio - sem faixa colorida.
\*------------------------------------*/
/* line 248, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento {
  padding: 0;
  color: #232221;
  background-color: #FFFFFF;
  /*
      As artes são PNGs de tamanhos diferentes: Sedex 72x22, PAC 75x22 e duas
      tiras de bandeiras de 193x46 e 261x42. Por isso max-height e não height -
      forçar 26px esticaria o Sedex e o PAC acima do tamanho nativo e eles
      sairiam borrados. Com max-height cada grupo se iguala: as duas tiras caem
      para 26px, Sedex e PAC ficam nos 22px de origem.

      A saturação reduzida evita que sete logos coloridos briguem com o resumo da
      compra logo acima.
    */
}

/* line 254, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__itens {
  padding: 40px 0;
  border-top: 1px solid #E4E3E1;
  /*
          Faixa do endereço: era $cinza chapado com tipo branco. Virou uma linha
          discreta sobre a mesma superfície, separada por fio - o endereço legal
          não precisa de destaque, precisa de estar legível.
        */
}

@media (max-width: 640px) {
  /* line 254, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__itens {
    padding: 66px 0;
  }
}

/* line 262, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__itens .conteudo {
  gap: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 262, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__itens .conteudo {
    gap: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

/* line 279, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__itens.endereco {
  margin: 0;
  padding: 24px 0;
  background-color: transparent;
}

/* line 285, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__itens.endereco p {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6;
  color: #7D7B78;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 285, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__itens.endereco p {
    font-size: 20px;
  }
}

/* line 298, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__item {
  width: auto;
  gap: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 298, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__item {
    width: 100%;
    gap: 23px;
    text-align: center;
  }
}

/* line 310, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__item h3 {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.3;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 310, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__item h3 {
    font-size: 18px;
  }
}

/* line 322, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__item li a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #232221;
  text-transform: none;
}

/* line 328, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__item li a:hover {
  color: #000000;
  text-decoration: none;
}

/* line 345, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__imgs {
  gap: 16px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 345, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__imgs {
    gap: 26px;
  }
}

/* line 355, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__imgs img {
  display: block;
  width: auto;
  max-height: 26px;
  filter: saturate(0.85);
  /*
              No celular a viewport é forçada a 640 (head.tmpl), então tudo é
              multiplicado por 1,64 - aqui as tiras de bandeira ainda cabem no
              tamanho nativo, mas o Sedex e o PAC sobem de 22 para 43. Ampliar um
              raster 2x custa nitidez; é o mesmo preço que qualquer imagem
              rasterizada paga nessa escala, e ilegível seria pior.
            */
}

@media (max-width: 640px) {
  /* line 355, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__imgs img {
    max-height: 43px;
  }
}

/* line 375, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento__wx3 {
  display: block;
  width: auto;
  max-height: 30px;
}

@media (max-width: 640px) {
  /* line 375, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento__wx3 {
    max-height: 49px;
  }
}

/*
  Condições de uso: o texto mais miúdo da página, e é para ser. Fica numa faixa
  própria em $n-50 para se separar do rodapé sem precisar de mais um fio.
*/
/* line 390, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento--condicoes {
  padding: 24px 0 32px;
  background-color: #F8F7F6;
}

/* line 395, assets/styles/sass/carrinho_topo_rodape.scss */
.footer-pagamento--condicoes p {
  margin: 0 auto;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.6;
  color: #7D7B78;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 395, assets/styles/sass/carrinho_topo_rodape.scss */
  .footer-pagamento--condicoes p {
    font-size: 18px;
  }
}

/*------------------------------------*\
  #OBRIGADO POR COMPRAR -RETORNO
\*------------------------------------*/
/* line 1, assets/styles/sass/retorno.scss */
.thanks,
.thanks-error {
  display: table !important;
  margin: 80px 0;
  width: 100%;
}

/* line 7, assets/styles/sass/retorno.scss */
.thanks .titulo_padrao,
.thanks-error .titulo_padrao {
  color: #727272;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-size: 35px;
  letter-spacing: 1px;
  float: left;
  margin: 40px 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* line 18, assets/styles/sass/retorno.scss */
.thanks .return,
.thanks-error .return {
  background-color: #f1f1f1;
  display: table;
  padding: 25px;
  margin-bottom: 50px;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 18, assets/styles/sass/retorno.scss */
  .thanks .return,
  .thanks-error .return {
    width: 600px;
  }
}

/* line 29, assets/styles/sass/retorno.scss */
.thanks .return aside,
.thanks-error .return aside {
  float: right;
  width: 950px;
}

@media (max-width: 1199px) {
  /* line 29, assets/styles/sass/retorno.scss */
  .thanks .return aside,
  .thanks-error .return aside {
    width: 720px;
  }
}

@media (max-width: 640px) {
  /* line 29, assets/styles/sass/retorno.scss */
  .thanks .return aside,
  .thanks-error .return aside {
    width: 550px;
  }
}

/* line 41, assets/styles/sass/retorno.scss */
.thanks .return aside p,
.thanks .return aside h2,
.thanks-error .return aside p,
.thanks-error .return aside h2 {
  color: #000;
}

/* line 46, assets/styles/sass/retorno.scss */
.thanks .return aside p,
.thanks-error .return aside p {
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 640px) {
  /* line 46, assets/styles/sass/retorno.scss */
  .thanks .return aside p,
  .thanks-error .return aside p {
    font-size: 24px;
    line-height: 34px;
  }
}

/* line 56, assets/styles/sass/retorno.scss */
.thanks .return aside .boleto__wrap,
.thanks-error .return aside .boleto__wrap {
  margin-top: 25px;
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 56, assets/styles/sass/retorno.scss */
  .thanks .return aside .boleto__wrap,
  .thanks-error .return aside .boleto__wrap {
    flex-direction: column;
  }
}

/* line 65, assets/styles/sass/retorno.scss */
.thanks .return aside .boleto__wrap button,
.thanks-error .return aside .boleto__wrap button {
  background-color: #ffffff;
  width: 225px;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 74, assets/styles/sass/retorno.scss */
.thanks .return aside .vencimento,
.thanks-error .return aside .vencimento {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 700;
}

@media (max-width: 640px) {
  /* line 74, assets/styles/sass/retorno.scss */
  .thanks .return aside .vencimento,
  .thanks-error .return aside .vencimento {
    font-size: 24px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 86, assets/styles/sass/retorno.scss */
.thanks .return aside h2,
.thanks-error .return aside h2 {
  font-size: 46px;
}

/* line 90, assets/styles/sass/retorno.scss */
.thanks .return aside .return-dados-boleto__code,
.thanks-error .return aside .return-dados-boleto__code {
  margin-top: 25px;
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 96, assets/styles/sass/retorno.scss */
.thanks .return aside .return-dados-boleto__code input,
.thanks-error .return aside .return-dados-boleto__code input {
  width: calc(100% - 255px);
}

/* line 100, assets/styles/sass/retorno.scss */
.thanks .return aside .return-dados-boleto__code button,
.thanks-error .return aside .return-dados-boleto__code button {
  background-color: #ffffff;
  width: 225px;
  padding: 15px 0;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 110, assets/styles/sass/retorno.scss */
.thanks .return aside .return-dados-boleto__code button span,
.thanks-error .return aside .return-dados-boleto__code button span {
  font-size: 14px;
  font-weight: 700;
}

/* line 119, assets/styles/sass/retorno.scss */
.thanks #bannerEbit,
.thanks-error #bannerEbit {
  margin-top: 25px;
}

/* line 123, assets/styles/sass/retorno.scss */
.thanks .informacao-cashback-pedido,
.thanks-error .informacao-cashback-pedido {
  background-color: #000;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 128, assets/styles/sass/retorno.scss */
.thanks .informacao-cashback-pedido p,
.thanks-error .informacao-cashback-pedido p {
  color: #ffffff !important;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 128, assets/styles/sass/retorno.scss */
  .thanks .informacao-cashback-pedido p,
  .thanks-error .informacao-cashback-pedido p {
    font-size: 20px !important;
  }
}

/* line 137, assets/styles/sass/retorno.scss */
.thanks .informacao-cashback-pedido .info-title,
.thanks-error .informacao-cashback-pedido .info-title {
  font-size: 1.5rem;
}

@media (max-width: 640px) {
  /* line 137, assets/styles/sass/retorno.scss */
  .thanks .informacao-cashback-pedido .info-title,
  .thanks-error .informacao-cashback-pedido .info-title {
    font-size: 24px !important;
  }
}

/* line 151, assets/styles/sass/retorno.scss */
.thanks .return aside:before {
  background-image: url("/app-hagler/assets/images/caixa-obrigado.png");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  height: 96px;
  margin: 0px 0 0 -135px;
  width: 101px;
}

@media (max-width: 640px) {
  /* line 151, assets/styles/sass/retorno.scss */
  .thanks .return aside:before {
    display: none;
  }
}

/* line 165, assets/styles/sass/retorno.scss */
.thanks .thanks_prazo-entrega {
  font-size: 18px !important;
  margin-top: 5px;
  line-height: 20px !important;
}

@media (max-width: 640px) {
  /* line 165, assets/styles/sass/retorno.scss */
  .thanks .thanks_prazo-entrega {
    font-size: 24px !important;
    line-height: 26px !important;
  }
}

/* line 176, assets/styles/sass/retorno.scss */
.thanks button.continuar {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: normal;
  color: #000;
  float: left;
  margin-top: -30px;
  width: auto;
}

@media (max-width: 640px) {
  /* line 176, assets/styles/sass/retorno.scss */
  .thanks button.continuar {
    font-size: 1.5rem;
    width: 600px;
  }
}

/* line 188, assets/styles/sass/retorno.scss */
.thanks button.buy {
  float: right;
  font-size: 16px;
  font-weight: bold;
  width: auto;
}

@media (max-width: 640px) {
  /* line 188, assets/styles/sass/retorno.scss */
  .thanks button.buy {
    font-size: 1.5rem;
    width: 550px;
  }
}

/* line 199, assets/styles/sass/retorno.scss */
.thanks button.buy.pedidos {
  margin-top: -30px;
}

@media (max-width: 640px) {
  /* line 199, assets/styles/sass/retorno.scss */
  .thanks button.buy.pedidos {
    margin-top: 25px;
    margin-bottom: 50px;
    width: 600px;
  }
}

@media (max-width: 640px) {
  /* line 210, assets/styles/sass/retorno.scss */
  .thanks .return-dados-boleto__input-copy {
    font-size: 18px;
  }
}

/* line 217, assets/styles/sass/retorno.scss */
.thanks .buttons-boleto-retorno {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 217, assets/styles/sass/retorno.scss */
  .thanks .buttons-boleto-retorno {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  /* line 226, assets/styles/sass/retorno.scss */
  .thanks .buttons-boleto-retorno .copyButtonCode {
    margin-bottom: 15px;
  }
}

/* line 232, assets/styles/sass/retorno.scss */
.thanks .buttons-boleto-retorno .copyButtonCode:hover i {
  color: #727272 !important;
}

/* line 237, assets/styles/sass/retorno.scss */
.thanks .buttons-boleto-retorno i {
  color: #858585 !important;
  font-weight: 700;
  font-size: 16px;
}

@media (max-width: 640px) {
  /* line 237, assets/styles/sass/retorno.scss */
  .thanks .buttons-boleto-retorno i {
    font-size: 1.5rem;
  }
}

@media (max-width: 640px) {
  /* line 248, assets/styles/sass/retorno.scss */
  .thanks #bannerEbit {
    margin-bottom: 30px;
    text-align: center;
  }
  /* line 253, assets/styles/sass/retorno.scss */
  .thanks #bannerEbit img {
    width: 400px;
  }
}

/* line 261, assets/styles/sass/retorno.scss */
.thanks-error .return {
  background-color: #FF0000;
}

/* line 263, assets/styles/sass/retorno.scss */
.thanks-error .return aside::before {
  background-image: url("/app-hagler/assets/images/error.png");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  height: 64px;
  margin: 15px 0 0 -135px;
  width: 64px;
}

@media (max-width: 640px) {
  /* line 278, assets/styles/sass/retorno.scss */
  .thanks_pix .return {
    max-width: 600px;
    padding: 0px;
  }
}

/* line 284, assets/styles/sass/retorno.scss */
.thanks_pix .return aside {
  float: none;
  margin-bottom: 20px;
  margin: 0 0 0 130px;
}

@media (max-width: 640px) {
  /* line 284, assets/styles/sass/retorno.scss */
  .thanks_pix .return aside {
    max-width: 100%;
    width: 600px;
    margin: 0px;
    padding: 30px;
  }
}

/* line 296, assets/styles/sass/retorno.scss */
.thanks_pix .return aside::before {
  margin: 0 0 0 -120px;
}

/* line 302, assets/styles/sass/retorno.scss */
.thanks_pix .transferencia {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

@media (max-width: 640px) {
  /* line 302, assets/styles/sass/retorno.scss */
  .thanks_pix .transferencia {
    flex-direction: column;
  }
}

/* line 315, assets/styles/sass/retorno.scss */
.thanks_pix .transferencia > div span {
  color: #000;
}

@media (max-width: 640px) {
  /* line 313, assets/styles/sass/retorno.scss */
  .thanks_pix .transferencia > div {
    max-width: 100%;
  }
  /* line 322, assets/styles/sass/retorno.scss */
  .thanks_pix .transferencia > div span {
    color: #000;
    font-size: 18px;
  }
}

/* line 330, assets/styles/sass/retorno.scss */
.thanks_pix section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 335, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix {
  width: 100%;
  max-width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 335, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix {
    flex-direction: column;
  }
}

/* line 345, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .texto-pix {
  margin-left: 95px;
}

/* line 349, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .texto-pix ul li {
  list-style: unset;
  color: #000;
}

@media (max-width: 640px) {
  /* line 349, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix .texto-pix ul li {
    list-style: none;
  }
}

/* line 361, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .texto-pix p {
  font-size: 17px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 345, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix .texto-pix {
    max-width: 100%;
    margin: 0;
  }
}

/* line 371, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .texto-pix span {
  color: #000;
}

/* line 375, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .texto-pix strong {
  text-decoration: underline;
}

/* line 380, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .qrcode-container {
  background-color: #ffffff;
}

@media (max-width: 1199px) {
  /* line 380, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix .qrcode-container {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* line 389, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .input-group {
  margin-top: 20px;
  padding: 30px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 389, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix .input-group {
    flex-direction: column;
    margin-top: 0px;
    max-width: 100%;
  }
}

/* line 403, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .input-group .box-codigo {
  background-color: #fff;
  width: 50%;
  padding: 30px;
  border-radius: 8px;
  border: 2px solid #fff;
}

@media (max-width: 640px) {
  /* line 403, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix .input-group .box-codigo {
    width: 90%;
  }
}

/* line 415, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .input-group p {
  color: #858585;
  font-size: 17px;
  text-align: center;
}

/* line 421, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .input-group button {
  color: #ffffff;
  background-color: #727272;
  margin: 0;
  padding: 10px 20px;
  transition: 200ms all ease-in-out;
}

/* line 428, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .input-group button:hover {
  background-color: #d4d4d4;
  color: #ffffff;
}

/* line 435, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .copy-code-block {
  width: 60%;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
}

/* line 444, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .input-group__pix .aviso-copiado {
  font-size: 14px;
  color: #8b87a2;
  background-color: #ffffff;
  bottom: 8px;
  width: 20%;
  text-align: center;
}

/* line 454, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .copy-code {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 459, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .copy-code span {
  text-align: center;
  color: #000;
  margin-bottom: 5px;
}

/* line 465, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .copy-code p {
  background-color: #f1f1f1;
  font-size: 14px;
  max-width: 100%;
  position: relative;
  top: 0px;
  text-align: center;
  word-wrap: break-word;
  z-index: 2;
}

@media (max-width: 640px) {
  /* line 465, assets/styles/sass/retorno.scss */
  .thanks_pix .main-pix .copy-code p {
    font-size: 18px;
  }
}

/* line 480, assets/styles/sass/retorno.scss */
.thanks_pix .main-pix .copy-code input {
  background-color: #fff;
  top: 0px;
  margin-top: 10px;
  z-index: 1;
  width: 100%;
}

/* line 494, assets/styles/sass/retorno.scss */
#codigoCopiadoPix {
  width: 30% !important;
}

@media (max-width: 640px) {
  /* line 494, assets/styles/sass/retorno.scss */
  #codigoCopiadoPix {
    width: 90% !important;
    margin-left: 5%;
  }
}

/* line 503, assets/styles/sass/retorno.scss */
.codigoCopiadoPix {
  display: flex;
  flex-direction: column;
}

/* line 507, assets/styles/sass/retorno.scss */
.codigoCopiadoPix p {
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
}

@media (max-width: 640px) {
  /* line 507, assets/styles/sass/retorno.scss */
  .codigoCopiadoPix p {
    font-size: 28px;
    line-height: 32px;
  }
}

/* line 519, assets/styles/sass/retorno.scss */
.button-close-reaveal-pix {
  position: relative !important;
  margin: 0 auto !important;
  margin-top: 10px !important;
  width: 120px;
  padding: 10px;
  text-align: center !important;
  font-size: 16px !important;
}

@media (max-width: 640px) {
  /* line 519, assets/styles/sass/retorno.scss */
  .button-close-reaveal-pix {
    font-size: 24px !important;
    width: 200px;
  }
}

/* line 537, assets/styles/sass/retorno.scss */
.thanks_deposito .return aside {
  float: none;
  margin-bottom: 20px;
  margin: 0 0 0 130px;
}

@media (max-width: 640px) {
  /* line 537, assets/styles/sass/retorno.scss */
  .thanks_deposito .return aside {
    max-width: 100%;
    margin: 0px;
    padding: 30px;
  }
}

/* line 548, assets/styles/sass/retorno.scss */
.thanks_deposito .return aside::before {
  margin: 0 0 0 -120px;
}

/* line 554, assets/styles/sass/retorno.scss */
.thanks_deposito .deposito {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

@media (max-width: 640px) {
  /* line 554, assets/styles/sass/retorno.scss */
  .thanks_deposito .deposito {
    flex-direction: column;
  }
}

/* line 565, assets/styles/sass/retorno.scss */
.thanks_deposito .deposito > div {
  width: 100%;
}

/* line 568, assets/styles/sass/retorno.scss */
.thanks_deposito .deposito > div span {
  color: #000;
}

@media (max-width: 640px) {
  /* line 565, assets/styles/sass/retorno.scss */
  .thanks_deposito .deposito > div {
    max-width: 100%;
  }
  /* line 575, assets/styles/sass/retorno.scss */
  .thanks_deposito .deposito > div span {
    color: #000;
    font-size: 18px;
  }
}

/* line 584, assets/styles/sass/retorno.scss */
.thanks_deposito .thanks_dados-bancarios {
  background-color: #000;
  margin-top: 20px;
  padding: 20px;
}

/* line 589, assets/styles/sass/retorno.scss */
.thanks_deposito .thanks_dados-bancarios h4 {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
  padding-bottom: 10px;
}

@media (max-width: 640px) {
  /* line 589, assets/styles/sass/retorno.scss */
  .thanks_deposito .thanks_dados-bancarios h4 {
    font-size: 22px;
  }
}

/* line 599, assets/styles/sass/retorno.scss */
.thanks_deposito .thanks_dados-bancarios__list {
  border-top: 1px solid #f1f1f1;
  padding: 10px 0;
}

/* line 603, assets/styles/sass/retorno.scss */
.thanks_deposito .thanks_dados-bancarios__list:last-of-type {
  padding-bottom: 0;
}

/* line 607, assets/styles/sass/retorno.scss */
.thanks_deposito .thanks_dados-bancarios__list li {
  color: #ffffff;
}

@media (max-width: 640px) {
  /* line 607, assets/styles/sass/retorno.scss */
  .thanks_deposito .thanks_dados-bancarios__list li {
    font-size: 22px;
  }
}

/*------------------------------------*\
  #MODAL DE AVALIAÇÃO DA LOJA
\*------------------------------------*/
/* line 3, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap span {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #000;
  color: #858585;
  margin: 10px 0;
}

@media (max-width: 640px) {
  /* line 3, assets/styles/sass/avaliacao_loja__modal.scss */
  .store_evaluation__wrap span {
    font-size: 23px;
    line-height: 23px;
  }
}

/* line 15, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap p {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  color: #858585;
  line-height: 18px;
  margin-right: 5px;
}

@media (max-width: 640px) {
  /* line 15, assets/styles/sass/avaliacao_loja__modal.scss */
  .store_evaluation__wrap p {
    font-size: 23px;
    line-height: 23px;
  }
}

/* line 28, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap .texto_estrelas-wrap {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

/* line 36, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap .avaliacao-anunciante3 {
  height: auto;
  margin-left: 10px;
  /*display: flex;
		justify-content: center;
		align-items: center;*/
}

/* line 43, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap .avaliacao-anunciante3 .estrela {
  height: 15px;
  width: 15px;
}

@media (max-width: 640px) {
  /* line 43, assets/styles/sass/avaliacao_loja__modal.scss */
  .store_evaluation__wrap .avaliacao-anunciante3 .estrela {
    height: 24px;
    width: 24px;
  }
}

/* line 41, assets/styles/sass/mixins.scss */
.store_evaluation__wrap form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #858585;
  font-style: normal;
}

/* line 45, assets/styles/sass/mixins.scss */
.store_evaluation__wrap form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #858585;
  font-style: normal;
}

/* line 49, assets/styles/sass/mixins.scss */
.store_evaluation__wrap form :-ms-input-placeholder {
  /* IE 10+ */
  color: #858585;
  font-style: normal;
}

/* line 53, assets/styles/sass/mixins.scss */
.store_evaluation__wrap form :-moz-placeholder {
  /* Firefox 18- */
  color: #858585;
  font-style: normal;
}

/* line 58, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap textarea {
  color: #858585;
  clear: left;
  float: left;
  height: 90px;
  margin: 5px 0 0 0;
  padding: 5px 10px;
  resize: none;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 58, assets/styles/sass/avaliacao_loja__modal.scss */
  .store_evaluation__wrap textarea {
    font-size: 24px;
    line-height: 24px;
    height: 150px;
  }
}

/* line 76, assets/styles/sass/avaliacao_loja__modal.scss */
.store_evaluation__wrap button {
  float: right;
  font-weight: bold;
  margin: 15px 0px 0px 0px;
  padding: 8px;
}

@media (max-width: 640px) {
  /* line 76, assets/styles/sass/avaliacao_loja__modal.scss */
  .store_evaluation__wrap button {
    font-size: 26px;
    line-height: 26px;
  }
}

/*-------------------------------
    MENU MOBILE LATERAL
-------------------------------*/
/* line 3, assets/styles/sass/menu_lateral.scss */
.nav_container label {
  margin: 0 !important;
}

/* line 10, assets/styles/sass/menu_lateral.scss */
.nav_container .menu-button:after {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);
  transition-delay: 0.1s;
  width: 100vw;
  z-index: 1004;
}

/* line 27, assets/styles/sass/menu_lateral.scss */
.nav_container #menu-toggle,
.nav_container #menu_carrinho,
.nav_container #menu_menu,
.nav_container #menu_login {
  display: none;
}

/* line 38, assets/styles/sass/menu_lateral.scss */
.nav_container #menu-toggle.active ~ .menu-button:after,
.nav_container #menu_carrinho.active ~ .menu-button:after,
.nav_container #menu_menu.active ~ .menu-button:after,
.nav_container #menu_login.active ~ .menu-button:after {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
}

/* line 48, assets/styles/sass/menu_lateral.scss */
.nav_container #menu-toggle.active-off ~ .menu-button:after,
.nav_container #menu_carrinho.active-off ~ .menu-button:after,
.nav_container #menu_menu.active-off ~ .menu-button:after,
.nav_container #menu_login.active-off ~ .menu-button:after {
  display: none;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
}

/* line 57, assets/styles/sass/menu_lateral.scss */
.nav_container #menu-toggle.active ~ .menu-sidebar,
.nav_container #menu_carrinho.active ~ .menu-sidebar,
.nav_container #menu_menu.active ~ .menu-sidebar,
.nav_container #menu_login.active ~ .menu-sidebar {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}

/* line 62, assets/styles/sass/menu_lateral.scss */
.nav_container #menu-toggle.active-off ~ .menu-sidebar,
.nav_container #menu_carrinho.active-off ~ .menu-sidebar,
.nav_container #menu_menu.active-off ~ .menu-sidebar,
.nav_container #menu_login.active-off ~ .menu-sidebar {
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}

/* line 69, assets/styles/sass/menu_lateral.scss */
.nav_container #menu_login.active-off ~ .menu_sidebar__left {
  transform: translateX(-85vw) !important;
}

/* line 76, assets/styles/sass/menu_lateral.scss */
.nav_container #menu_carrinho.active-off ~ .menu-sidebar {
  transform: translateX(90vw);
}

/* line 82, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 85, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container .menu_sidebar__left {
  left: 0;
  transform: translateX(-85vw);
  width: 85vw;
}

/* line 91, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container .menu_sidebar__right_login {
  right: 0;
  transform: translateX(65vw);
  width: 65vw;
}

/* line 97, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container .menu_sidebar__right {
  right: 0;
  transform: translateX(90vw);
  width: 550px;
}

/* line 103, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container .menu_sidebar__close_menu_right {
  top: 15px;
  right: 15px;
  padding: 0;
}

@media (max-width: 640px) {
  /* line 103, assets/styles/sass/menu_lateral.scss */
  .nav_container .menu_container .menu_sidebar__close_menu_right {
    top: 20px;
  }
}

/* line 112, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container .menu_sidebar__close_menu_right i {
  font-size: 40px;
  line-height: 40px;
}

@media (max-width: 640px) {
  /* line 112, assets/styles/sass/menu_lateral.scss */
  .nav_container .menu_container .menu_sidebar__close_menu_right i {
    font-size: 45px;
  }
}

/* line 122, assets/styles/sass/menu_lateral.scss */
.nav_container .menu_container .menu-sidebar {
  background: #ffffff;
  bottom: 0;
  color: #333;
  display: block;
  list-style-type: none;
  padding: 0;
  position: fixed;
  top: 0;
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
  z-index: 1005;
}

/* line 137, assets/styles/sass/menu_lateral.scss */
.menu_sidebar__relative {
  background: #ffffff;
  height: 100vh;
  position: relative;
}

/* line 143, assets/styles/sass/menu_lateral.scss */
.menu_sidebar__header {
  height: 70px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 143, assets/styles/sass/menu_lateral.scss */
  .menu_sidebar__header {
    justify-content: space-between;
    height: 80px;
    gap: 5px;
  }
}

/* line 158, assets/styles/sass/menu_lateral.scss */
.menu_sidebar__header .menu_sidebar__border {
  border: 1.5px solid #000;
  width: 70%;
  position: absolute;
  top: 70px;
  z-index: 999999;
}

@media (max-width: 640px) {
  /* line 158, assets/styles/sass/menu_lateral.scss */
  .menu_sidebar__header .menu_sidebar__border {
    top: 80px;
  }
}

/* line 171, assets/styles/sass/menu_lateral.scss */
.menu_sidebar__border--relative {
  border: 1.5px solid #000;
  width: 78%;
  z-index: 999999;
}

/* line 177, assets/styles/sass/menu_lateral.scss */
.menu_sidebar__close_menu_right {
  background-color: #fff;
  padding: 10px;
  z-index: 9999999;
}

/* line 182, assets/styles/sass/menu_lateral.scss */
.menu_sidebar__close_menu_right img {
  width: 20px;
}

/* line 187, assets/styles/sass/menu_lateral.scss */
.menu_carrinho_close,
.menu_menu_close {
  height: auto;
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/*------------------------------------*\
  #SACOLA LATERAL - redesign 2026

  Painel que desliza pela direita, no desktop e no celular. Três faixas: topo
  fixo, lista rolável e rodapé fixo - só a lista rola, então o total e o botão
  de fechar o pedido ficam sempre alcançáveis.

  O deslizar em si continua sendo o do projeto (.menu-sidebar + checkbox
  #menu_carrinho, em menu_lateral.scss). Aqui é só o conteúdo.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 14, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral {
  height: 100%;
  background-color: #FFFFFF;
  display: grid;
  grid-template-rows: auto 1fr;
  /*
      O corpo repete a grade do pai: a lista é a única faixa elástica, e o
      min-height: 0 é o que permite a ela encolher e rolar - sem isso um grid
      item nunca fica menor que o próprio conteúdo.
    */
  /*------------------------------------*\
      #RODAPÉ
    \*------------------------------------*/
  /*------------------------------------*\
      #SACOLA VAZIA
    \*------------------------------------*/
}

/* line 21, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__topo {
  padding: 22px clamp(20px, 2vw, 32px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 21, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__topo {
    padding: 36px 33px;
  }
}

/* line 31, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__titulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__titulo {
    font-size: 21px;
  }
}

/* line 39, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__fechar {
  width: 32px;
  height: 32px;
  margin: 0;
  cursor: pointer;
  color: #000000;
  transition-property: opacity;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 48, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__fechar:hover {
  opacity: .6;
}

/* line 52, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__fechar i {
  font-size: 22px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 39, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__fechar {
    width: 52px;
    height: 52px;
  }
  /* line 61, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__fechar i {
    font-size: 36px;
  }
}

/* line 72, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__corpo {
  min-height: 0;
  align-items: end;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

/* line 78, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__lista {
  min-height: 526px;
  height: 100%;
  overflow-y: auto;
  padding: 0 clamp(20px, 2vw, 32px);
}

@media (max-width: 640px) {
  /* line 78, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__lista {
    padding: 0 33px;
  }
}

/* line 92, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__rodape {
  padding: 20px clamp(20px, 2vw, 32px) clamp(20px, 2vw, 32px);
  border-top: 1px solid #E4E3E1;
  background-color: #FFFFFF;
}

@media (max-width: 640px) {
  /* line 92, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__rodape {
    padding: 33px;
  }
}

/* line 102, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__combo {
  margin-bottom: 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #2F6B4F;
}

@media (max-width: 640px) {
  /* line 102, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__combo {
    font-size: 20px;
  }
}

/* line 112, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__total {
  align-items: baseline;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 118, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__total-rotulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 118, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__total-rotulo {
    font-size: 18px;
  }
}

/* line 128, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__total-valor {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
}

/* line 131, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__total-valor strong {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  color: #000000;
}

/* line 135, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__total-valor small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 128, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__total-valor {
    font-size: 21px;
  }
  /* line 142, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__total-valor strong {
    font-size: 36px;
  }
  /* line 146, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__total-valor small {
    font-size: 20px;
  }
}

/* line 152, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__parcelas {
  margin: 4px 0 0;
  text-align: right;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #7D7B78;
}

/* line 158, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__parcelas strong {
  font-weight: 500;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__parcelas {
    font-size: 20px;
  }
}

/* line 168, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__cta {
  height: 52px;
  margin-top: 18px;
  border: none;
  border-radius: 0px;
  padding: 15px 82px;
  background-color: #000000;
  color: #F2F2F2;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 185, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__cta:hover, .sacola-lateral__cta:focus {
  background-color: #C4A484;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 168, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__cta {
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
  }
}

/* line 198, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__continuar {
  display: block;
  margin-top: 14px;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* line 209, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__continuar:hover {
  color: #96754C;
}

@media (max-width: 640px) {
  /* line 198, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__continuar {
    margin-top: 23px;
    font-size: 18px;
  }
}

/* line 222, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia {
  padding: clamp(24px, 3vw, 48px);
  gap: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 222, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia {
    padding: 46px;
    gap: 16px;
    max-width: 550px;
  }
}

/* line 235, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  max-width: 256px;
}

@media (max-width: 640px) {
  /* line 235, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia .resgatar-carrinho__btn {
    width: 100%;
    max-width: none;
  }
}

/* line 246, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .escondido {
  display: none !important;
}

/* line 250, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho {
  display: flex;
  flex-direction: column;
}

@media (max-width: 640px) {
  /* line 250, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho {
    margin-left: 80px;
  }
}

/* line 258, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho {
  margin: 5px 0;
}

@media (max-width: 640px) {
  /* line 258, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho {
    margin: 20px 0;
    display: flex;
    gap: 10px;
  }
}

/* line 267, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho label {
  color: #000;
  float: left;
}

/* line 272, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho input {
  border: 1px solid #000;
  box-shadow: none;
  color: #000;
  float: left;
  padding: 7px;
  width: 195px;
}

@media (max-width: 640px) {
  /* line 272, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho input {
    font-size: 20px;
    height: 47px;
    width: 200px;
    margin-bottom: 30px;
  }
}

/* line 288, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button {
  float: left;
  padding: 7px 10px;
}

@media (max-width: 640px) {
  /* line 288, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button {
    font-size: 1.25rem;
    height: 47px;
    padding: 10px 15px;
    width: 60px;
  }
}

/* line 299, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia .resgatar-carrinho__btn .resgatar-carrinho .form-resgatar-carrinho button:after {
  background-image: none !important;
}

/* line 308, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia-titulo {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.2;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 308, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia-titulo {
    font-size: 36px;
  }
}

/* line 318, assets/styles/sass/sacola-lateral.scss */
.sacola-lateral__vazia-texto {
  margin: 0 0 8px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 318, assets/styles/sass/sacola-lateral.scss */
  .sacola-lateral__vazia-texto {
    font-size: 21px;
  }
}

/*
  O display: flex do botão de fechar mora aqui, com três classes.

  Ele é um <label for="menu_carrinho"> logo depois do <input type="checkbox">, e o
  Foundation traz input[type=checkbox]+label { display: inline-block;
  vertical-align: baseline } com especificidade 0-1-2. Uma classe sozinha (0-1-0)
  perdia, o label voltava a inline-block e o × não tinha como se centrar.
*/
/* line 337, assets/styles/sass/sacola-lateral.scss */
.nav_container .menu_container .sacola-lateral__fechar {
  margin: 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/*------------------------------------*\
  #RÉGUA DO FRETE GRÁTIS
\*------------------------------------*/
/* line 347, assets/styles/sass/sacola-lateral.scss */
.sacola-frete {
  padding: 0 clamp(20px, 2vw, 32px) 18px;
}

@media (max-width: 640px) {
  /* line 347, assets/styles/sass/sacola-lateral.scss */
  .sacola-frete {
    padding: 0 33px 30px;
  }
}

/* line 354, assets/styles/sass/sacola-lateral.scss */
.sacola-frete__texto {
  margin: 0 0 10px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 354, assets/styles/sass/sacola-lateral.scss */
  .sacola-frete__texto {
    font-size: 21px;
  }
}

/* line 365, assets/styles/sass/sacola-lateral.scss */
.sacola-frete--ok .sacola-frete__texto {
  color: #96754C;
}

/* line 369, assets/styles/sass/sacola-lateral.scss */
.sacola-frete__trilho {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #E4E3E1;
}

/* line 376, assets/styles/sass/sacola-lateral.scss */
.sacola-frete__barra {
  display: block;
  height: 100%;
  background-color: #C4A484;
  transition-property: width;
  transition-duration: 380ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: 0s;
}

/* line 384, assets/styles/sass/sacola-lateral.scss */
.sacola-frete--ok .sacola-frete__barra {
  background-color: #96754C;
}

/*------------------------------------*\
  #ITEM DA SACOLA
\*------------------------------------*/
/* line 392, assets/styles/sass/sacola-lateral.scss */
.sacola-item {
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid #E4E3E1;
  align-items: start;
  display: grid;
  grid-template-columns: 72px 1fr auto;
  /*
      Seletor de quantidade. Os <button> herdam altura e largura do CSS legado de
      formulário, por isso as medidas vêm explícitas aqui.
    */
}

/* line 400, assets/styles/sass/sacola-lateral.scss */
.sacola-item:last-child {
  border-bottom: 0;
}

@media (max-width: 640px) {
  /* line 392, assets/styles/sass/sacola-lateral.scss */
  .sacola-item {
    gap: 23px;
    padding: 30px 0;
    grid-template-columns: 118px 1fr auto;
  }
}

/* line 410, assets/styles/sass/sacola-lateral.scss */
.sacola-item__foto {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #F2F2F2;
}

/* line 416, assets/styles/sass/sacola-lateral.scss */
.sacola-item__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 424, assets/styles/sass/sacola-lateral.scss */
.sacola-item__info {
  gap: 6px;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 424, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__info {
    gap: 10px;
  }
}

/* line 435, assets/styles/sass/sacola-lateral.scss */
.sacola-item__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.35;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 435, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__nome {
    font-size: 21px;
  }
}

/* line 444, assets/styles/sass/sacola-lateral.scss */
.sacola-item__tamanho {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 444, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__tamanho {
    font-size: 20px;
  }
}

/* line 456, assets/styles/sass/sacola-lateral.scss */
.sacola-item__quantidade {
  margin: 4px 0 0;
  border: 1px solid #CCCCCC;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 462, assets/styles/sass/sacola-lateral.scss */
.sacola-item__quantidade .button {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  background: transparent;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #232221;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 475, assets/styles/sass/sacola-lateral.scss */
.sacola-item__quantidade .button:hover {
  background-color: #F8F7F6;
}

/* line 480, assets/styles/sass/sacola-lateral.scss */
.sacola-item__quantidade .button.secondary {
  color: #CCCCCC;
  background: transparent;
  cursor: default;
}

/* line 487, assets/styles/sass/sacola-lateral.scss */
.sacola-item__quantidade .qtd {
  width: 34px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #000000;
}

/* line 500, assets/styles/sass/sacola-lateral.scss */
.sacola-item__quantidade .qtd:focus {
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

@media (max-width: 640px) {
  /* line 509, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__quantidade .button {
    width: 49px;
    height: 49px;
    font-size: 21px;
  }
  /* line 515, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__quantidade .qtd {
    width: 56px;
    height: 49px;
    font-size: 21px;
  }
}

/* line 523, assets/styles/sass/sacola-lateral.scss */
.sacola-item__valor {
  gap: 4px;
  text-align: right;
  display: flex;
  align-items: flex-end;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 530, assets/styles/sass/sacola-lateral.scss */
.sacola-item__preco {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 530, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__preco {
    font-size: 21px;
  }
}

/* line 538, assets/styles/sass/sacola-lateral.scss */
.sacola-item__forma {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.2;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 538, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__forma {
    font-size: 18px;
  }
}

/* line 546, assets/styles/sass/sacola-lateral.scss */
.sacola-item__remover {
  width: 30px;
  height: 30px;
  margin-top: 8px;
  color: #7D7B78;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 555, assets/styles/sass/sacola-lateral.scss */
.sacola-item__remover:hover {
  background-color: #F2F2F2;
  color: #000000;
}

/* line 560, assets/styles/sass/sacola-lateral.scss */
.sacola-item__remover .icon-trash {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 640px) {
  /* line 546, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__remover {
    width: 49px;
    height: 49px;
    margin-top: 13px;
  }
  /* line 575, assets/styles/sass/sacola-lateral.scss */
  .sacola-item__remover .icon-trash {
    width: 30px;
    height: 30px;
  }
}

/*------------------------------------*\
  #MENU LATERAL DO CELULAR - redesign 2026

  Lista corrida com grupos, sem acordeão. Três faixas: topo fixo (conta +
  fechar), corpo rolável e nada abaixo - os atalhos de serviço rolam junto,
  no fim da lista.

  O deslizar do painel continua sendo o do projeto (.menu-sidebar +
  checkbox #menu_menu, em menu_lateral.scss). Aqui é só o conteúdo.

  Todas as medidas já estão convertidas pelo fator 1,64 (ESCALA DO MOBILE em
  variaveis.scss): o head.tmpl força viewport de 640px no celular.
\*------------------------------------*/
/* line 15, assets/styles/sass/menu-mobile.scss */
.menu-mob {
  height: 100%;
  background-color: #FFFFFF;
  /*------------------------------------*\
      #TOPO
    \*------------------------------------*/
  /*
      Mesmo desenho do fechar do modal de login: quadrado claro, sem borda, com
      o × em tinta. O layout do menu não traz botão de fechar, mas um painel que
      cobre a tela precisa de uma saída visível - arrastar não é anunciado.
    */
  /*------------------------------------*\
      #CORPO
    \*------------------------------------*/
  /*------------------------------------*\
      #ATALHOS DE SERVIÇO
      Apoio, não catálogo: texto miúdo e um fio separando da navegação.
    \*------------------------------------*/
}

/* line 19, assets/styles/sass/menu-mobile.scss */
.menu-mob .menu_sidebar__relative {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}

/* line 29, assets/styles/sass/menu-mobile.scss */
.menu-mob__topo {
  padding: 26px 33px;
  border-bottom: 1px solid #E4E3E1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 36, assets/styles/sass/menu-mobile.scss */
.menu-mob__conta {
  gap: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.3;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 42, assets/styles/sass/menu-mobile.scss */
.menu-mob__conta i {
  font-size: 33px;
  line-height: 1;
  color: #7D7B78;
}

/* line 54, assets/styles/sass/menu-mobile.scss */
.menu-mob__fechar {
  width: 62px;
  height: 62px;
  margin: 0;
  cursor: pointer;
  background-color: #F8F7F6;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 66, assets/styles/sass/menu-mobile.scss */
.menu-mob__fechar:hover {
  background-color: #F2F2F2;
}

/* line 74, assets/styles/sass/menu-mobile.scss */
.menu-mob__corpo {
  min-height: 0;
  overflow-y: auto;
  padding: 33px 33px 66px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 82, assets/styles/sass/menu-mobile.scss */
.menu-mob__navegacao {
  width: 100%;
  max-width: none;
  overflow: scroll;
}

/* line 88, assets/styles/sass/menu-mobile.scss */
.menu-mob__lista {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 46px;
}

/* line 98, assets/styles/sass/menu-mobile.scss */
.menu-mob__sublista {
  width: 100%;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 26px;
}

/* line 108, assets/styles/sass/menu-mobile.scss */
.menu-mob__sublista--nivel-1 {
  margin-top: 46px;
  gap: 46px;
}

/* line 113, assets/styles/sass/menu-mobile.scss */
.menu-mob__item {
  width: 100%;
  margin: 0;
  list-style: none;
}

/* line 119, assets/styles/sass/menu-mobile.scss */
.menu-mob__item > .menu-mob__link {
  display: block;
  width: 100%;
  padding: 0;
  background-color: #FFFFFF;
  text-transform: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  color: #000;
}

/* line 131, assets/styles/sass/menu-mobile.scss */
.menu-mob__item--pai > .menu-mob__link {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #7D7B78;
  color: var(--item-menu-color, #7D7B78);
}

/* line 139, assets/styles/sass/menu-mobile.scss */
.menu-mob__grupo {
  gap: 26px;
  margin-bottom: 46px;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 145, assets/styles/sass/menu-mobile.scss */
.menu-mob__grupo:last-child {
  margin-bottom: 0;
}

/* line 150, assets/styles/sass/menu-mobile.scss */
.menu-mob__grupo-titulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #7D7B78;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 156, assets/styles/sass/menu-mobile.scss */
.menu-mob__link {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  color: #000;
}

/* line 159, assets/styles/sass/menu-mobile.scss */
.menu-mob__link:active {
  color: #96754C;
}

/* line 165, assets/styles/sass/menu-mobile.scss */
.menu-mob__link--solto {
  margin-bottom: 46px;
}

/* line 173, assets/styles/sass/menu-mobile.scss */
.menu-mob__grupo--servicos {
  gap: 30px;
  margin-top: 20px;
  padding-top: 40px;
  border-top: 1px solid #E4E3E1;
}

/* line 180, assets/styles/sass/menu-mobile.scss */
.menu-mob__servico {
  gap: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.2;
  color: #575553;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 186, assets/styles/sass/menu-mobile.scss */
.menu-mob__servico i {
  font-size: 30px;
  line-height: 1;
  color: #A8A6A3;
}

/* line 192, assets/styles/sass/menu-mobile.scss */
.menu-mob__servico:active {
  color: #000000;
}

/*
  O × ficava fora do centro por duas regras do menu_lateral.scss, ambas com três
  classes:

    .menu_sidebar__close_menu_right     top: 20px / right: 15px
    .menu_sidebar__close_menu_right i   font-size: 45px, line-height: 40px

  O line-height menor que o font-size é o que desalinhava na vertical: a caixa do
  glifo ficava mais alta que a linha reservada para ele. Os seletores abaixo
  repetem o mesmo prefixo para desempatar.
*/
/* line 209, assets/styles/sass/menu-mobile.scss */
.nav_container .menu_container .menu-mob__topo .menu_sidebar__close_menu_right {
  position: static;
  top: auto;
  right: auto;
  padding: 0;
}

/*
  O display: flex mora AQUI, não no bloco .menu-mob__fechar acima.

  O Foundation traz input[type=checkbox]+label { display: inline-block;
  vertical-align: baseline } - especificidade 0-1-2, contra 0-1-0 de uma classe
  sozinha. E este label é exatamente isso: o irmão seguinte do #menu_menu. Sem
  desempatar, ele voltava a inline-block e o × não tinha como se centrar.
*/
/* line 224, assets/styles/sass/menu-mobile.scss */
.nav_container .menu_container .menu-mob__fechar {
  margin: 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 230, assets/styles/sass/menu-mobile.scss */
.nav_container .menu_container .menu-mob__fechar i {
  font-size: 33px;
  line-height: 1;
}

/*-------------------------------
  #MODAL DE LOGIN PARA FAVORITAR O PRODUTO
-------------------------------*/
/*------------------------------------*\
  #MODAL DE LOGIN - redesign 2026

  Traduzido do bloco .lg-* do design system (loja.css + LoginModal em
  loja-shared.jsx). Equivalencia de nomes:
  DS .lg-modal  .lg-x  .lg-volta  .lg-sub  .lg-out  .lg-ou  .lg-cad  .lg-form  .buy
  aqui .modal_login  .close-reveal-modal  .left-modal  &__sub  &__btn--contorno
       .login-divisor  &__btn--cadastrar  &__form  &__btn--forte

  Os nomes daqui sao os que o main.js e o Foundation Reveal ja usavam - trocar
  por .lg-* quebraria o login. O visual e que veio do design.

  MOBILE: valores ja convertidos pelo fator 1,64 (ver ESCALA DO MOBILE em
  variaveis.scss). O design usa .lg-modal com 342px de largura numa coluna de 390.
\*------------------------------------*/
/* line 17, assets/styles/sass/modal_login.scss */
.modal_login {
  display: none;
  position: fixed;
  top: 50% !important;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  width: min(480px, calc(100% - 40px));
  min-height: max-content;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0px;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  padding: 52px 48px 44px;
  animation: animaModalLogin 220ms cubic-bezier(0.2, 0.6, 0.2, 1);
  /*------------------------------------*\
      #TIPOGRAFIA DO MODAL
    \*------------------------------------*/
  /*------------------------------------*\
      #BOTOES
      height/box-shadow/margin explicitos: o Foundation aplica os dele em
      .button e em input com a mesma especificidade, entao o que nao for
      declarado aqui fica valendo o dele.
    \*------------------------------------*/
  /*------------------------------------*\
      #FORMULARIOS (codigo e credenciais)
    \*------------------------------------*/
  /*------------------------------------*\
      #PAINEL INICIAL
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 17, assets/styles/sass/modal_login.scss */
  .modal_login {
    width: 561px;
    max-height: unset;
    overflow: visible;
    padding: 72px 39px 53px;
  }
}

@keyframes animaModalLogin {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 10px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* line 60, assets/styles/sass/modal_login.scss */
.modal_login__titulo {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.1;
  color: #000000;
  margin: 0 0 10px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 60, assets/styles/sass/modal_login.scss */
  .modal_login__titulo {
    font-size: 52px;
  }
}

/* line 70, assets/styles/sass/modal_login.scss */
.modal_login__sub {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.55;
  color: #575553;
  margin: 0 0 26px;
  text-align: center;
}

/* line 75, assets/styles/sass/modal_login.scss */
.modal_login__sub b {
  font-weight: 500;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 70, assets/styles/sass/modal_login.scss */
  .modal_login__sub {
    font-size: 23px;
    margin-bottom: 43px;
  }
}

/* line 92, assets/styles/sass/modal_login.scss */
.modal_login__btn {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 18px;
  box-shadow: none;
  border-radius: 0px;
  white-space: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 92, assets/styles/sass/modal_login.scss */
  .modal_login__btn {
    height: 82px;
    font-size: 20px;
    padding: 0 30px;
  }
}

/* line 115, assets/styles/sass/modal_login.scss */
.modal_login__btn--forte {
  gap: 10px;
  background-color: #000000;
  border: 1px solid #000000;
  color: #F2F2F2;
}

/* line 121, assets/styles/sass/modal_login.scss */
.modal_login__btn--forte:hover, .modal_login__btn--forte:focus {
  background-color: #C4A484;
  border-color: #C4A484;
  color: #000000;
}

/* line 128, assets/styles/sass/modal_login.scss */
.modal_login__btn--forte:disabled {
  background-color: #E4E3E1;
  border-color: #E4E3E1;
  color: #A8A6A3;
  cursor: default;
}

/* line 137, assets/styles/sass/modal_login.scss */
.modal_login__btn--contorno {
  gap: 12px;
  background-color: transparent;
  border: 1px solid #CCCCCC;
  color: #000000;
}

/* line 143, assets/styles/sass/modal_login.scss */
.modal_login__btn--contorno:hover, .modal_login__btn--contorno:focus {
  background-color: #F2F2F2;
  border-color: #000000;
  color: #000000;
}

/* line 152, assets/styles/sass/modal_login.scss */
.modal_login__btn--cadastrar {
  margin-top: 22px;
  background-color: #F4F0EA;
  border: 1px solid #F4F0EA;
  color: #000000;
}

/* line 158, assets/styles/sass/modal_login.scss */
.modal_login__btn--cadastrar:hover, .modal_login__btn--cadastrar:focus {
  background-color: #E4E3E1;
  border-color: #E4E3E1;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/modal_login.scss */
  .modal_login__btn--cadastrar {
    margin-top: 36px;
  }
}

/* line 173, assets/styles/sass/modal_login.scss */
.modal_login .btn-social__grupo {
  margin: 0;
}

/* line 180, assets/styles/sass/modal_login.scss */
.modal_login__form {
  gap: 12px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 180, assets/styles/sass/modal_login.scss */
  .modal_login__form {
    gap: 20px;
  }
}

/* line 189, assets/styles/sass/modal_login.scss */
.modal_login__form input[type="text"],
.modal_login__form input[type="email"],
.modal_login__form input[type="password"] {
  height: 50px;
  margin: 0;
  padding: 0 14px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  box-shadow: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 14.5px;
  line-height: normal;
  color: #000000;
}

/* line 202, assets/styles/sass/modal_login.scss */
.modal_login__form input[type="text"]::placeholder,
.modal_login__form input[type="email"]::placeholder,
.modal_login__form input[type="password"]::placeholder {
  color: #7D7B78;
}

/* line 206, assets/styles/sass/modal_login.scss */
.modal_login__form input[type="text"]:focus,
.modal_login__form input[type="email"]:focus,
.modal_login__form input[type="password"]:focus {
  background-color: #FFFFFF;
  border-color: #96754C;
  box-shadow: none;
}

/* line 212, assets/styles/sass/modal_login.scss */
.modal_login__form input[type="text"]:focus-visible,
.modal_login__form input[type="email"]:focus-visible,
.modal_login__form input[type="password"]:focus-visible {
  outline: 2px solid #96754C;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  /* line 189, assets/styles/sass/modal_login.scss */
  .modal_login__form input[type="text"],
  .modal_login__form input[type="email"],
  .modal_login__form input[type="password"] {
    height: 82px;
    font-size: 24px;
    padding: 0 23px;
  }
}

/* line 226, assets/styles/sass/modal_login.scss */
.modal_login__mini {
  align-self: center;
  margin-top: 4px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: normal;
  color: #575553;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* line 234, assets/styles/sass/modal_login.scss */
.modal_login__mini:hover {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 226, assets/styles/sass/modal_login.scss */
  .modal_login__mini {
    font-size: 21px;
  }
}

/* line 247, assets/styles/sass/modal_login.scss */
.modal_login__wrap .metodo-login {
  gap: 12px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 247, assets/styles/sass/modal_login.scss */
  .modal_login__wrap .metodo-login {
    gap: 20px;
  }
}

/*------------------------------------*\
  #DIVISOR "ou"
  Duas hairlines saindo da palavra, como no DS.
\*------------------------------------*/
/* line 263, assets/styles/sass/modal_login.scss */
.modal_login .login-divisor {
  gap: 16px;
  margin: 22px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
}

/* line 270, assets/styles/sass/modal_login.scss */
.modal_login .login-divisor::before, .modal_login .login-divisor::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #E4E3E1;
}

@media (max-width: 640px) {
  /* line 263, assets/styles/sass/modal_login.scss */
  .modal_login .login-divisor {
    gap: 26px;
    margin: 36px 0;
    font-size: 20px;
  }
}

/*------------------------------------*\
  #FECHAR E VOLTAR
\*------------------------------------*/
/* line 288, assets/styles/sass/modal_login.scss */
.modal_login .close-reveal-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  color: #7D7B78 !important;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 300, assets/styles/sass/modal_login.scss */
.modal_login .close-reveal-modal:hover {
  background-color: #F2F2F2;
  color: #000000 !important;
}

/* line 305, assets/styles/sass/modal_login.scss */
.modal_login .close-reveal-modal i {
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 288, assets/styles/sass/modal_login.scss */
  .modal_login .close-reveal-modal {
    top: 16px;
    right: 16px;
    width: 62px;
    height: 62px;
  }
  /* line 316, assets/styles/sass/modal_login.scss */
  .modal_login .close-reveal-modal i {
    font-size: 26px;
  }
}

/* line 322, assets/styles/sass/modal_login.scss */
.modal_login .left-modal {
  position: absolute;
  top: 16px;
  left: 16px;
  gap: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #7D7B78;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 333, assets/styles/sass/modal_login.scss */
.modal_login .left-modal:hover {
  color: #000000;
}

/* line 337, assets/styles/sass/modal_login.scss */
.modal_login .left-modal i {
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 640px) {
  /* line 322, assets/styles/sass/modal_login.scss */
  .modal_login .left-modal {
    top: 26px;
    left: 26px;
    gap: 13px;
    font-size: 20px;
  }
  /* line 348, assets/styles/sass/modal_login.scss */
  .modal_login .left-modal i {
    font-size: 26px;
  }
}

/*------------------------------------*\
  #CODIGO DE 6 DIGITOS
\*------------------------------------*/
/* line 357, assets/styles/sass/modal_login.scss */
.inputs-codigo-login {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /*
      flex 1 1 0 + max-width em vez de largura fixa: no mobile seis campos de
      79px mais os gaps dariam 539px contra 483px de area interna do modal.
      Assim eles encolhem sozinhos e nunca passam do tamanho do design.
    */
}

@media (max-width: 640px) {
  /* line 357, assets/styles/sass/modal_login.scss */
  .inputs-codigo-login {
    gap: 13px;
  }
}

/* line 371, assets/styles/sass/modal_login.scss */
.inputs-codigo-login input {
  flex: 1 1 0;
  min-width: 0;
  max-width: 48px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  box-shadow: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: normal;
  color: #000000;
}

/* line 387, assets/styles/sass/modal_login.scss */
.inputs-codigo-login input:focus {
  background-color: #FFFFFF;
  border-color: #96754C;
  box-shadow: none;
}

@media (max-width: 640px) {
  /* line 371, assets/styles/sass/modal_login.scss */
  .inputs-codigo-login input {
    max-width: 79px;
    height: 82px;
    font-size: 33px;
  }
}

/*------------------------------------*\
  #MOSTRAR SENHA
\*------------------------------------*/
/* line 404, assets/styles/sass/modal_login.scss */
.modal_login .box_mostrar-senha {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 409, assets/styles/sass/modal_login.scss */
.modal_login .box_mostrar-senha label {
  margin: 0;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: normal;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 409, assets/styles/sass/modal_login.scss */
  .modal_login .box_mostrar-senha label {
    font-size: 21px;
  }
}

/* line 420, assets/styles/sass/modal_login.scss */
.modal_login .box_mostrar-senha input[type="checkbox"] {
  margin: 0;
  cursor: pointer;
}

/*------------------------------------*\
  #AVISO DE REDEFINICAO DE SENHA
\*------------------------------------*/
/* line 429, assets/styles/sass/modal_login.scss */
.modal_login .div-atualizar-senha {
  padding: 12px 14px;
  background-color: #F6F0E8;
  border-radius: 2px;
}

/* line 434, assets/styles/sass/modal_login.scss */
.modal_login .div-atualizar-senha .atualizar-senha {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #4E3B26;
}

/* line 438, assets/styles/sass/modal_login.scss */
.modal_login .div-atualizar-senha a {
  color: #4E3B26;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 640px) {
  /* line 429, assets/styles/sass/modal_login.scss */
  .modal_login .div-atualizar-senha {
    padding: 20px 23px;
  }
  /* line 447, assets/styles/sass/modal_login.scss */
  .modal_login .div-atualizar-senha .atualizar-senha {
    font-size: 21px;
  }
}

/*-------------------------------
    MODAL PRIMEIRA COMPRA
-------------------------------*/
/*------------------------------------*\
  #MODAL DE PRIMEIRA COMPRA - redesign 2026
\*------------------------------------*/
/* line 5, assets/styles/sass/modal-primeira-compra.scss */
.mpc {
  display: none;
  position: fixed;
  top: 50% !important;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  width: min(770px, calc(100% - 40px));
  min-height: max-content;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0px;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  padding: 0;
  overflow: hidden;
  animation: animaModalPrimeiraCompra 220ms cubic-bezier(0.2, 0.6, 0.2, 1);
  /*------------------------------------*\
      #ESTRUTURA
    \*------------------------------------*/
  /*------------------------------------*\
      #TIPOGRAFIA
    \*------------------------------------*/
  /*------------------------------------*\
      #TROCA DE TELA
    \*------------------------------------*/
  /*------------------------------------*\
      #FORMULARIO
    \*------------------------------------*/
  /*------------------------------------*\
      #FECHAR
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 5, assets/styles/sass/modal-primeira-compra.scss */
  .mpc {
    width: 600px;
    max-height: 92vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@keyframes animaModalPrimeiraCompra {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 10px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* line 46, assets/styles/sass/modal-primeira-compra.scss */
.mpc__in {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 520px;
}

@media (max-width: 640px) {
  /* line 46, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__in {
    flex-direction: column;
    min-height: 0;
  }
}

/* line 56, assets/styles/sass/modal-primeira-compra.scss */
.mpc__foto {
  flex: 0 0 49%;
  background-color: #EDE8E1;
  background-image: url("/app-hagler/assets/images/popup-primeira-compra.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 640px) {
  /* line 56, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__foto {
    flex: 0 0 auto;
    width: 100%;
    height: 320px;
  }
}

/* line 71, assets/styles/sass/modal-primeira-compra.scss */
.mpc__conteudo {
  flex: 1 1 auto;
  min-width: 0;
  padding: 40px 44px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 71, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__conteudo {
    padding: 53px 39px 59px;
  }
}

/* line 85, assets/styles/sass/modal-primeira-compra.scss */
.mpc__titulo {
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 34px;
  line-height: 1.28;
  color: #000000;
  margin: 0;
  text-align: left;
  text-transform: none;
}

/* line 91, assets/styles/sass/modal-primeira-compra.scss */
.mpc__titulo strong {
  font-weight: 700;
}

@media (max-width: 640px) {
  /* line 85, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__titulo {
    font-size: 56px;
  }
}

/* line 100, assets/styles/sass/modal-primeira-compra.scss */
.mpc__texto {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 23px;
  line-height: normal;
  color: #3A3937;
  margin: 24px 0 0;
  text-align: left;
}

/* line 105, assets/styles/sass/modal-primeira-compra.scss */
.mpc__texto strong {
  font-weight: 700;
  color: #000000;
  font-family: "larken", "Georgia", "Times New Roman", serif;
}

@media (max-width: 640px) {
  /* line 100, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__texto {
    font-size: 23px;
    margin-top: 39px;
  }
}

/* line 120, assets/styles/sass/modal-primeira-compra.scss */
.mpc__estado {
  width: 100%;
}

/* line 123, assets/styles/sass/modal-primeira-compra.scss */
.mpc__estado--cupom {
  display: none;
}

/* line 129, assets/styles/sass/modal-primeira-compra.scss */
.mpc--cupom .mpc__estado--form {
  display: none;
}

/* line 133, assets/styles/sass/modal-primeira-compra.scss */
.mpc--cupom .mpc__estado--cupom {
  display: block;
}

/* line 141, assets/styles/sass/modal-primeira-compra.scss */
.mpc__form {
  margin: 22px 0 0;
}

@media (max-width: 640px) {
  /* line 141, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__form {
    margin-top: 36px;
  }
}

/* line 148, assets/styles/sass/modal-primeira-compra.scss */
.mpc__form input[type="email"] {
  width: 100%;
  height: 44px;
  margin: 0 0 10px;
  padding: 0 16px;
  background-color: #F2F2F2;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #232221;
}

/* line 161, assets/styles/sass/modal-primeira-compra.scss */
.mpc__form input[type="email"]::placeholder {
  color: #A8A6A3;
}

/* line 165, assets/styles/sass/modal-primeira-compra.scss */
.mpc__form input[type="email"]:focus {
  background-color: #F2F2F2;
  border: none;
  box-shadow: none;
  outline: 1px solid #96754C;
  outline-offset: -1px;
}

@media (max-width: 640px) {
  /* line 148, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__form input[type="email"] {
    height: 72px;
    margin-bottom: 16px;
    padding: 0 26px;
    font-size: 21px;
  }
}

/* line 182, assets/styles/sass/modal-primeira-compra.scss */
.mpc__btn, .mpc__cupom {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 16px;
  box-shadow: none;
  border-radius: 0px;
  background-color: #000000;
  border: 1px solid #000000;
  color: #F2F2F2;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: color, background-color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 202, assets/styles/sass/modal-primeira-compra.scss */
.mpc__btn:hover, .mpc__btn:focus, .mpc__cupom:hover, .mpc__cupom:focus {
  background-color: #C4A484;
  border-color: #C4A484;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 182, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__btn, .mpc__cupom {
    height: 72px;
    padding: 0 26px;
    font-size: 18px;
  }
}

/* line 216, assets/styles/sass/modal-primeira-compra.scss */
.mpc__cupom {
  margin-top: 22px;
  font-size: 13px;
  letter-spacing: 0.14em;
}

@media (max-width: 640px) {
  /* line 216, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__cupom {
    margin-top: 36px;
    font-size: 21px;
  }
}

/* line 227, assets/styles/sass/modal-primeira-compra.scss */
.mpc__copiar {
  margin: 12px 0 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  text-align: left;
  text-transform: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  transition-property: color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 239, assets/styles/sass/modal-primeira-compra.scss */
.mpc__copiar:hover, .mpc__copiar:focus {
  background: none;
  color: #000000;
  text-decoration: underline;
}

@media (max-width: 640px) {
  /* line 227, assets/styles/sass/modal-primeira-compra.scss */
  .mpc__copiar {
    margin-top: 16px;
    font-size: 18px;
  }
}

/* line 252, assets/styles/sass/modal-primeira-compra.scss */
.mpc input.mpc__cupom-fallback {
  position: absolute;
  left: -9999px;
  top: 0;
  width: 200px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

/* line 268, assets/styles/sass/modal-primeira-compra.scss */
.mpc .close-reveal-modal {
  top: 16px;
  right: 18px;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #000000;
  transition-property: opacity;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 280, assets/styles/sass/modal-primeira-compra.scss */
.mpc .close-reveal-modal:hover {
  opacity: .6;
}

@media (max-width: 640px) {
  /* line 268, assets/styles/sass/modal-primeira-compra.scss */
  .mpc .close-reveal-modal {
    top: 20px;
    right: 22px;
    width: 62px;
    height: 62px;
    font-size: 33px;
    background-color: rgba(255, 255, 255, 0.88);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

/*-------------------------------
    LINKS
-------------------------------*/
/*------------------------------------*\
  #PAGINA DE LINKS (ATALHOS) - redesign 2026

  Cabecalho no padrao .sec / .sec-head, o mesmo das vitrines e das outras telas
  redesenhadas, e uma coluna de acoes contornadas.

  O QUE SAIU:

  - O `<button>` dentro do `<a>` (aninhamento invalido). Era ele que trazia a
    fonte serifada em negrito de 18px: o texto herdava a tipografia do <button>,
    e nao a do botao do DS. Agora e um <a> so, com a classe .button - que ja e o
    %button-contorno-preto.

  - `padding: 50px` e `background: $branco` na secao. O recuo lateral agora vem
    do .sec__in ($sec-pad, igual ao resto do site) e o vertical do .sec; o fundo
    branco escondia o fundo da pagina sem motivo.

  - `width: 680px` fixo no botao e `gap: 30px` entre eles. Largura fixa nao
    encolhe, e 30px de respiro entre itens de uma mesma lista os desagrupa.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 24, assets/styles/sass/links.scss */
.page-links {
  /*
      Coluna centralizada: a pagina existe para escolher UM atalho, e a coluna no
      meio da tela e o formato proprio desse tipo de pagina.

      O `center` e explicito de proposito. Antes o resultado vinha de um item
      `stretch` limitado por max-width - situacao em que a posicao final depende de
      como cada navegador resolve o recorte, e nao de uma regra.
    */
  /*
      A classe .button no markup ja traz o contorno, o hover e a tipografia do DS
      (%button-contorno-preto). Aqui so a medida: largura de coluna de leitura,
      nao a tela toda - uma faixa de 1800px para um rotulo de duas palavras nao
      lê como botao.
    */
  /*
      A newsletter encosta na ultima acao: sem itens depois dela, o fio e a margem
      do rodape criariam uma faixa vazia no fim da pagina.
    */
}

/* line 34, assets/styles/sass/links.scss */
.page-links .links__lista {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
}

@media (max-width: 640px) {
  /* line 34, assets/styles/sass/links.scss */
  .page-links .links__lista {
    gap: 20px;
  }
}

/* line 49, assets/styles/sass/links.scss */
.page-links .links__item {
  width: 100%;
  max-width: 560px;
  min-height: 54px;
}

@media (max-width: 640px) {
  /* line 49, assets/styles/sass/links.scss */
  .page-links .links__item {
    max-width: none;
    min-height: 89px;
    font-size: 20px;
  }
}

/* line 65, assets/styles/sass/links.scss */
.page-links footer {
  margin-top: 0;
  border-top: none;
}

/*-------------------------------
    PÁGINA DE AVALIAÇÕES
-------------------------------*/
/*------------------------------------*\
  #PAGINA DE AVALIACOES DA LOJA - redesign 2026

  Traduzida da secao de avaliacoes do design (.av-in em produto.css).
  Equivalencia de nomes:
    DS   .av-in  .av-sum  .av-write  .av-list  .av-card  .av-head
    aqui .avaliacoes__grade  &__envio  #btAvaliacaoCliente  &__lista
         .avaliacao  &__topo  &__texto  &__autor

  O cabecalho vem do padrao .sec / .sec-head (roube-o-look.scss), o mesmo das
  secoes da home e dos depoimentos.

  ESCOPO: tudo aqui vive sob .page-avaliacoes (a classe que o _layout.tmpl poe no
  <body> a partir de _.folder). A versao anterior tinha um bloco `.conteudo { ... }`
  SEM escopo de pagina, com `h2 { color }` e `.block-avaliation` dentro - regras
  que valiam para o .conteudo de qualquer tela do site.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 21, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes {
  /*------------------------------------*\
      #GRADE: formulario (esquerda, grudado) | lista (direita)
    \*------------------------------------*/
  /*------------------------------------*\
      #FORMULARIO DE ENVIO
    \*------------------------------------*/
  /* rotulo + estrelas clicaveis */
  /* As estrelas sao <img> do template; a altura vem do .estrelas global.
       .habilitadas e o estado clicavel (o avaliacao.js troca o src no hover). */
  /*------------------------------------*\
      #LISTA
    \*------------------------------------*/
  /* gap de 4px entre os cards, como o .av-list do design */
  /*------------------------------------*\
      #CARD DA AVALIACAO
      Saiu o balao roxo com bico (.aval-cliente): nao existe no DS, e a cor nao
      vinha de token nenhum (#8b87a2 escrito a mao).
    \*------------------------------------*/
  /*------------------------------------*\
      #SCROLL INFINITO
      #end-list e a sentinela que o avaliacao.js observa; nao tem aparencia.
      Antes vinha com float/clear inline, resto do tempo em que a lista era
      flutuada.
    \*------------------------------------*/
}

/* line 26, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacoes__grade {
  gap: clamp(40px, 4.5vw, 72px);
  align-items: start;
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
}

@media (max-width: 1199px) {
  /* line 26, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacoes__grade {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
}

/* line 41, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacoes__envio {
  /*
          sticky para o formulario acompanhar a rolagem da lista (top: 100px limpa
          o header fixo). Serve de quebra como ancora da .mask-to-load, que o
          createMaskToLoad insere em absolute: tanto sticky quanto relative criam
          containing block - por isso o breakpoint volta para relative, e nao para
          static, senao a mascara passaria a cobrir a pagina inteira.
        */
  position: sticky;
  top: 100px;
  padding: 26px 30px;
  background-color: #F2F2F2;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
}

@media (max-width: 1199px) {
  /* line 41, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacoes__envio {
    position: relative;
    top: auto;
  }
}

@media (max-width: 640px) {
  /* line 41, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacoes__envio {
    padding: 43px 49px;
    gap: 20px;
  }
}

/* line 68, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacoes__envio-titulo {
  margin: 0;
  text-transform: none;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.18;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacoes__envio-titulo {
    font-size: 36px;
  }
}

/* line 79, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacoes__envio-texto {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  color: #575553;
}

@media (max-width: 640px) {
  /* line 79, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacoes__envio-texto {
    font-size: 21px;
  }
}

/* line 89, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacoes__envio-rotulo {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #7D7B78;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 89, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacoes__envio-rotulo {
    font-size: 18px;
  }
}

/* line 102, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .block-avaliation {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}

/* line 109, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao-anunciante3 {
  line-height: 1;
}

/* line 112, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao-anunciante3.habilitadas {
  cursor: pointer;
}

/* line 117, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes #formAvaliacaoCliente {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
  /* Acao principal do bloco, mas contornada e nao preenchida: a tinta cheia
           esta reservada para "Finalizar compra" e "Adicionar a sacola" - aqui o
           peso do preenchimento competiria com o titulo da pagina. */
}

/* line 121, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes #formAvaliacaoCliente textarea {
  width: 100%;
  min-height: 120px;
  margin: 0;
  padding: 14px;
  resize: vertical;
  /* o %input-padrao trava a altura de campo de uma linha; aqui a caixa
               e multilinha, entao a altura volta a ser livre */
  height: auto;
}

@media (max-width: 640px) {
  /* line 121, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes #formAvaliacaoCliente textarea {
    min-height: 197px;
    padding: 23px;
    font-size: 23px;
  }
}

/* line 143, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes #formAvaliacaoCliente #btAvaliacaoCliente {
  width: 100%;
  height: 50px;
  margin: 0;
}

@media (max-width: 640px) {
  /* line 143, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes #formAvaliacaoCliente #btAvaliacaoCliente {
    height: 82px;
    font-size: 20px;
  }
}

/* line 160, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacoes__lista {
  min-width: 0;
}

/* line 165, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes #conteudo-avaliacoes {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}

/* line 175, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao {
  width: 100%;
  margin: 0;
  padding: 26px 30px;
  background-color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 175, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao {
    padding: 43px 49px;
  }
}

/* line 185, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
}

/* line 190, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__data {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  line-height: normal;
  color: #7D7B78;
  font-style: normal;
  white-space: nowrap;
}

@media (max-width: 640px) {
  /* line 190, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao__data {
    font-size: 20px;
  }
}

/* line 200, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__texto {
  margin: 14px 0 0;
  /* 64ch e o limite do design: linha longa de leitura cansa antes do fim */
  max-width: 64ch;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 200, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao__texto {
    font-size: 25px;
  }
}

/* line 212, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__autor {
  margin: 14px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}

@media (max-width: 640px) {
  /* line 212, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao__autor {
    gap: 20px;
  }
}

/* line 223, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__avatar {
  flex: none;
  width: 40px;
  height: 40px;
  /* .redondo e .avatar vem do avatar-cliente.tmpl, compartilhado com o
               painel do cliente - o tamanho e imposto aqui para nao depender dele */
}

@media (max-width: 640px) {
  /* line 223, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao__avatar {
    width: 66px;
    height: 66px;
  }
}

/* line 235, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  background-color: #E4E3E1;
}

/* line 244, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__identidade {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2px;
}

/* line 251, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__nome {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.18;
  color: #232221;
}

@media (max-width: 640px) {
  /* line 251, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao__nome {
    font-size: 21px;
  }
}

/* line 259, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes .avaliacao__local {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.18;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 259, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes .avaliacao__local {
    font-size: 21px;
  }
}

/* line 275, assets/styles/sass/avaliacoes.scss */
.page-avaliacoes #load-avaliacoes .box-loader {
  padding: 24px 0;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 275, assets/styles/sass/avaliacoes.scss */
  .page-avaliacoes #load-avaliacoes .box-loader {
    font-size: 21px;
  }
}

/*------------------------------------*\
#RESGATAR CARRINHO
\*------------------------------------*/
/*------------------------------------*\
  #MODAL RESGATAR / MESCLAR CARRINHO - redesign 2026

  Dois modais compartilham este desenho, porque compartilham o mesmo shell:

    #modal-carrinho-cliente-ultimo   mesclar / trocar / manter o carrinho antigo
    #modal-carrinho-cliente          recuperar por codigo (tem o X de fechar)

  A lista de itens do primeiro e montada pelo main.js (mapearItensModal), com as
  classes .item-produto__*; a do segundo vem do Twig. O desenho segue o modal de
  login, que e o modal de referencia do site.

  Tudo mora dentro do seletor de ID de proposito: o legado que precisa ser
  vencido tem duas e tres classes, e varias declaracoes com !important.

    .carrinho-modal                  top: calc(50vh - 358px) !important
    .carrinho-modal .modal-container max-height: 400px
    .button-modal                    max-height: 28px  (global.scss, cortava os botoes)

  Entre duas declaracoes !important quem decide e a especificidade, e ID (1-0-0)
  vence qualquer quantidade de classes.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 26, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo,
#modal-carrinho-cliente {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  width: min(860px, calc(100% - 40px)) !important;
  max-height: 88vh;
  padding: 0 !important;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0px;
  box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.38);
  overflow: hidden;
  /*
      Sem flex nem grid aqui de proposito. O Reveal do Foundation escreve
      `display` INLINE - block ao abrir, none ao fechar - e inline vence
      qualquer seletor. Declarar display neste bloco daria dois problemas:
      a grade nao valeria (o inline block a substitui ao abrir) e, pior, antes
      da primeira abertura o ID venceria o `.reveal-modal { display: none }`
      do Foundation e o modal apareceria sozinho no carregamento da pagina.

      Entao as faixas ficam em fluxo normal e e a lista que limita a propria
      altura, em vh - proporcional, enquanto topo e rodape sao fixos em px.
    */
  /*------------------------------------*\
      #TOPO
    \*------------------------------------*/
  /*
      X de fechar. Existe so no #modal-carrinho-cliente; e um <a> solto no fim do
      markup, por isso o position absolute em vez de entrar na grade.
    */
  /*------------------------------------*\
      #LISTA (unica faixa rolavel)

      A altura em vh e o que mantem o rodape sempre visivel: a lista acompanha a
      tela, enquanto topo (~100px) e rodape (~110px) sao fixos. Com 50vh de lista
      o conjunto cabe nos 88vh do modal em qualquer tela de altura razoavel.

      O valor tambem anula o `.carrinho-modal .modal-container { max-height: 400px }`
      do legado, que era o que cortava a lista antes.
    \*------------------------------------*/
  /*
      O main.js une os itens com <hr>. O fio entre eles vem do border-bottom do
      item, que sabe se e o ultimo da lista - o <hr> nao sabe, e daria linha
      dupla no meio e uma linha solta no fim.
    */
  /*------------------------------------*\
      #RODAPE COM OS BOTOES
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 26, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo,
  #modal-carrinho-cliente {
    width: 600px !important;
    max-height: 86vh;
  }
}

/* line 68, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .topo-carrinho,
#modal-carrinho-cliente .topo-carrinho {
  padding: clamp(26px, 3vw, 38px) clamp(24px, 3vw, 40px) 18px;
  border-bottom: 1px solid #E4E3E1;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo .topo-carrinho,
  #modal-carrinho-cliente .topo-carrinho {
    padding: 46px 33px 30px;
  }
}

/* line 76, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .topo-carrinho h2,
#modal-carrinho-cliente .topo-carrinho h2 {
  margin: 0;
  text-align: left;
  text-transform: none;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.15;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 76, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo .topo-carrinho h2,
  #modal-carrinho-cliente .topo-carrinho h2 {
    font-size: 42px;
  }
}

/* line 88, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .topo-carrinho h2 span,
#modal-carrinho-cliente .topo-carrinho h2 span {
  font-weight: 500;
  color: #96754C;
}

/* line 99, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .close-reveal-modal,
#modal-carrinho-cliente .close-reveal-modal {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 1;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: opacity;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  opacity: .7;
}

/* line 113, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .close-reveal-modal:hover,
#modal-carrinho-cliente .close-reveal-modal:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  /* line 99, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo .close-reveal-modal,
  #modal-carrinho-cliente .close-reveal-modal {
    top: 26px;
    right: 30px;
    width: 56px;
    height: 56px;
    font-size: 42px;
  }
}

/* line 136, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .modal-container,
#modal-carrinho-cliente .modal-container {
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 clamp(24px, 3vw, 40px);
  scrollbar-width: thin;
  scrollbar-color: #CCCCCC transparent;
}

@media (max-width: 640px) {
  /* line 136, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo .modal-container,
  #modal-carrinho-cliente .modal-container {
    max-height: 52vh;
    padding: 0 33px;
  }
}

/* line 151, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .modal-container::-webkit-scrollbar,
#modal-carrinho-cliente .modal-container::-webkit-scrollbar {
  width: 5px;
}

/* line 155, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .modal-container::-webkit-scrollbar-track,
#modal-carrinho-cliente .modal-container::-webkit-scrollbar-track {
  background: transparent;
}

/* line 159, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .modal-container::-webkit-scrollbar-thumb,
#modal-carrinho-cliente .modal-container::-webkit-scrollbar-thumb {
  background: #CCCCCC;
}

/* line 163, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .modal-container::-webkit-scrollbar-thumb:hover,
#modal-carrinho-cliente .modal-container::-webkit-scrollbar-thumb:hover {
  background: #7D7B78;
}

/* line 173, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .modal-container hr,
#modal-carrinho-cliente .modal-container hr {
  display: none;
}

/* line 180, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .button-modal,
#modal-carrinho-cliente .button-modal {
  gap: 12px;
  width: 100%;
  max-height: none;
  margin: 0;
  padding: 20px clamp(24px, 3vw, 40px) clamp(24px, 3vw, 32px);
  border-top: 1px solid #E4E3E1;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 180, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo .button-modal,
  #modal-carrinho-cliente .button-modal {
    gap: 16px;
    padding: 33px;
    flex-direction: column;
  }
}

/* line 198, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .bt-trocar-carrinho,
#modal-carrinho-cliente .bt-trocar-carrinho {
  order: 1;
}

/* line 202, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .bt-carrinho,
#modal-carrinho-cliente .bt-carrinho {
  order: 2;
}

/* line 206, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button--cancelar,
#modal-carrinho-cliente .recuperar-carrinho__button--cancelar {
  order: 3;
}

/* line 211, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button,
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button--cancelar,
#modal-carrinho-cliente-ultimo .bt-carrinho,
#modal-carrinho-cliente .recuperar-carrinho__button,
#modal-carrinho-cliente .recuperar-carrinho__button--cancelar,
#modal-carrinho-cliente .bt-carrinho {
  flex: 1 1 auto;
  float: none;
  min-width: 0;
  height: 50px;
  margin: 0;
  padding: 0 18px;
  border-radius: 0px;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #F2F2F2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color, border-color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

@media (max-width: 640px) {
  /* line 211, assets/styles/sass/resgatar-carrinho.scss */
  #modal-carrinho-cliente-ultimo .recuperar-carrinho__button,
  #modal-carrinho-cliente-ultimo .recuperar-carrinho__button--cancelar,
  #modal-carrinho-cliente-ultimo .bt-carrinho,
  #modal-carrinho-cliente .recuperar-carrinho__button,
  #modal-carrinho-cliente .recuperar-carrinho__button--cancelar,
  #modal-carrinho-cliente .bt-carrinho {
    width: 100%;
    height: 85px;
    font-size: 20px;
  }
}

/* line 238, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button,
#modal-carrinho-cliente .recuperar-carrinho__button {
  border: 1px solid #000000;
  background-color: #000000;
  color: #F2F2F2;
}

/* line 243, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button:hover, #modal-carrinho-cliente-ultimo .recuperar-carrinho__button:focus,
#modal-carrinho-cliente .recuperar-carrinho__button:hover,
#modal-carrinho-cliente .recuperar-carrinho__button:focus {
  border-color: #C4A484;
  background-color: #C4A484;
  color: #000000;
}

/* line 252, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button--cancelar,
#modal-carrinho-cliente .recuperar-carrinho__button--cancelar {
  border: 1px solid #000000;
  background-color: transparent;
  color: #000000;
}

/* line 257, assets/styles/sass/resgatar-carrinho.scss */
#modal-carrinho-cliente-ultimo .recuperar-carrinho__button--cancelar:hover, #modal-carrinho-cliente-ultimo .recuperar-carrinho__button--cancelar:focus,
#modal-carrinho-cliente .recuperar-carrinho__button--cancelar:hover,
#modal-carrinho-cliente .recuperar-carrinho__button--cancelar:focus {
  background-color: #000000;
  color: #F2F2F2;
}

/*------------------------------------*\
  #ITEM DA LISTA

  Fora do bloco de ID porque a mesma lista aparece nos dois modais e o markup vem
  do main.js. Nada aqui disputa com o legado.
\*------------------------------------*/
/* line 273, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto {
  /*
          O ultimo item nao leva fio: o rodape do modal ja fecha a lista.

          A classe vai escrita por extenso porque o `&` reinjeta o caminho
          inteiro - `&:last-child &__item` compilaria para
          `.resgatar-carrinho .item-produto:last-child .resgatar-carrinho .item-produto__item`,
          que nao casa com nada.
        */
}

/* line 275, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__item {
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid #E4E3E1;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 275, assets/styles/sass/resgatar-carrinho.scss */
  .resgatar-carrinho .item-produto__item {
    gap: 26px;
    padding: 33px 0;
  }
}

/* line 296, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto:last-child .item-produto__item {
  border-bottom: 0;
}

/* line 300, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__figure {
  flex: none;
  width: 84px;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background-color: #F2F2F2;
}

@media (max-width: 640px) {
  /* line 300, assets/styles/sass/resgatar-carrinho.scss */
  .resgatar-carrinho .item-produto__figure {
    width: 138px;
  }
}

/* line 312, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
}

/* line 321, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__detalhes-produto {
  gap: 3px;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 321, assets/styles/sass/resgatar-carrinho.scss */
  .resgatar-carrinho .item-produto__detalhes-produto {
    gap: 5px;
  }
}

/* line 332, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__nome {
  margin: 0 0 6px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 332, assets/styles/sass/resgatar-carrinho.scss */
  .resgatar-carrinho .item-produto__nome {
    margin-bottom: 10px;
    font-size: 26px;
  }
}

/* line 342, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__nome a:hover {
  color: #96754C;
}

/* line 347, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__tamanho, .resgatar-carrinho .item-produto__referencia, .resgatar-carrinho .item-produto__cor, .resgatar-carrinho .item-produto__valor, .resgatar-carrinho .item-produto__quantidade {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #7D7B78;
}

@media (max-width: 640px) {
  /* line 347, assets/styles/sass/resgatar-carrinho.scss */
  .resgatar-carrinho .item-produto__tamanho, .resgatar-carrinho .item-produto__referencia, .resgatar-carrinho .item-produto__cor, .resgatar-carrinho .item-produto__valor, .resgatar-carrinho .item-produto__quantidade {
    font-size: 21px;
  }
}

/* line 361, assets/styles/sass/resgatar-carrinho.scss */
.resgatar-carrinho .item-produto__tamanho span, .resgatar-carrinho .item-produto__referencia span, .resgatar-carrinho .item-produto__cor span, .resgatar-carrinho .item-produto__valor span, .resgatar-carrinho .item-produto__quantidade span {
  font-weight: 500;
  color: #232221;
}

/*-------------------------------
  #PESQUISA NPS
-------------------------------*/
/* line 3, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps .conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 7, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  gap: 20px;
}

/* line 12, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__wrap .titulo_padrao {
  margin: 0;
}

/* line 17, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__bloco-avaliacao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}

/* line 22, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__avaliacao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}

@media (max-width: 640px) {
  /* line 27, assets/styles/sass/pesquisa_nps.scss */
  .pesquisa-nps__avaliacao p {
    font-size: 22px;
  }
}

/* line 33, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__avaliacao select {
  width: 49px;
  font-size: 17px;
  text-align: center;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/app-hagler/assets/images/icons/icon-seta-baixo3.png) no-repeat center right #FFF;
  background-size: 11px;
  border: none;
}

@media (max-width: 640px) {
  /* line 33, assets/styles/sass/pesquisa_nps.scss */
  .pesquisa-nps__avaliacao select {
    width: 60px;
    font-size: 22px;
    height: 42px;
    background-size: 14px;
  }
}

/* line 57, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__form-pesquisa {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 62, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__comentario {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}

@media (max-width: 640px) {
  /* line 67, assets/styles/sass/pesquisa_nps.scss */
  .pesquisa-nps__comentario p {
    font-size: 22px;
  }
}

/* line 73, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__comentario textarea {
  width: 600px;
  height: 125px;
  resize: none;
}

@media (max-width: 640px) {
  /* line 73, assets/styles/sass/pesquisa_nps.scss */
  .pesquisa-nps__comentario textarea {
    font-size: 20px;
  }
}

/* line 84, assets/styles/sass/pesquisa_nps.scss */
.pesquisa-nps__button {
  padding: 15px;
}

/*-------------------------------
  #OFERTAS DO DIA
-------------------------------*/
/*------------------------------------*\
  #DESTAQUE DA OFERTA DO DIA - redesign 2026

  Bloco em tinta cheia, foto a esquerda e conteudo a direita. O layout antigo
  era uma caixa cinza (#454545) de 600px fixos com o titulo alternando branco e
  vermelho num keyframe infinito - chamava atencao piscando, e nem o vermelho
  nem o raio de 5px existem na paleta.

  Aqui o destaque vem do contraste: a unica superficie escura da home, com o
  acento lavanda no chapeu e no botao.

  Continua em linha no mobile (foto + texto): empilhado, a foto 3:4 em largura
  total ocuparia quase uma tela inteira antes do preco aparecer.

  MOBILE: medidas convertidas pelo fator 1,64 (ESCALA DO MOBILE em variaveis.scss).
\*------------------------------------*/
/* line 18, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia {
  max-width: 860px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #000000;
  color: #F2F2F2;
  display: grid;
  grid-template-columns: 220px 1fr;
  /*------------------------------------*\
      #FOTO
    \*------------------------------------*/
  /*------------------------------------*\
      #CONTEUDO
    \*------------------------------------*/
  /*------------------------------------*\
      #PRECOS
      Mesmo formato do card: a vista, parcelado e o "de" riscado na mesma linha.
    \*------------------------------------*/
  /*------------------------------------*\
      #BOTAO
    \*------------------------------------*/
}

@media (max-width: 640px) {
  /* line 18, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia {
    max-width: none;
    grid-template-columns: 260px 1fr;
  }
}

/* line 37, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__foto {
  display: block;
  aspect-ratio: 3 / 4;
  background-color: #141312;
  /*
          No celular a coluna de texto fica mais alta que a foto em 3:4, e o
          aspect-ratio impedia o item de esticar (em grid, align-items: stretch só
          age quando a altura é auto) - sobrava uma faixa preta embaixo da foto.
          Sem a proporção fixa, ela acompanha a altura da linha.
        */
}

@media (max-width: 640px) {
  /* line 37, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__foto {
    aspect-ratio: auto;
  }
}

/* line 53, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 63, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__info {
  padding: 28px 32px;
  gap: 10px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 63, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__info {
    padding: 33px 36px;
    gap: 16px;
  }
}

/* line 76, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__eyebrow {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #C4A484;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 76, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__eyebrow {
    font-size: 18px;
  }
}

/* line 86, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__nome {
  margin: 0;
  font-family: "larken", "Georgia", "Times New Roman", serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.15;
  color: #F2F2F2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 640px) {
  /* line 86, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__nome {
    font-size: 36px;
  }
}

/* line 101, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__precos {
  gap: 4px;
  margin: 2px 0 4px;
  display: flex;
  align-items: stretch;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* line 108, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__bloco {
  gap: 2px 8px;
  display: flex;
  align-items: baseline;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 115, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__rotulo {
  flex-basis: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  color: #A8A6A3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 115, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__rotulo {
    font-size: 18px;
  }
}

/* line 127, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__pix {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.15;
  color: #FFFFFF;
}

/* line 132, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__pix small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #A8A6A3;
  letter-spacing: 0.04em;
}

@media (max-width: 640px) {
  /* line 127, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__pix {
    /*
              Ocupa a linha inteira: com o valor e o "via Pix ou Boleto" dividindo
              espaço com as parcelas, a legenda quebrava no meio ("via Pix" numa
              linha, "ou Boleto" na outra).
            */
    flex-basis: 100%;
    font-size: 38px;
  }
  /* line 146, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__pix small {
    font-size: 19px;
  }
}

/* line 152, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__parcelas {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #A8A6A3;
}

@media (max-width: 640px) {
  /* line 152, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__parcelas {
    font-size: 21px;
  }
}

/* line 162, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__de {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #7D7B78;
  text-decoration: line-through;
}

@media (max-width: 640px) {
  /* line 162, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__de {
    font-size: 21px;
  }
}

/* line 174, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__divisor {
  display: block;
  height: 1px;
  margin: 8px 0 6px;
  background-color: rgba(242, 242, 242, 0.28);
}

@media (max-width: 640px) {
  /* line 174, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__divisor {
    margin: 13px 0 10px;
  }
}

/* line 188, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__cta {
  height: 48px;
  margin: 8px 0 0;
  padding: 0 20px;
  border: none;
  border-radius: 0px;
  background-color: #C4A484;
  color: #000000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  color: #000000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-property: background-color, color;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}

/* line 205, assets/styles/sass/destaque_oferta_do_dia.scss */
.oferta-dia__cta:hover, .oferta-dia__cta:focus {
  background-color: #DCC5A9;
  color: #000000;
}

@media (max-width: 640px) {
  /* line 188, assets/styles/sass/destaque_oferta_do_dia.scss */
  .oferta-dia__cta {
    height: 79px;
    margin-top: 13px;
    font-size: 20px;
  }
}

/*------------------------------------*\
    # Stories
\*------------------------------------*/
/* line 10, assets/styles/sass/stories.scss */
:root {
  --duration: 5s;
}

/* line 14, assets/styles/sass/stories.scss */
.js-body-overflow-hidden {
  overflow: hidden;
}

/* line 18, assets/styles/sass/stories.scss */
#open-stories {
  position: fixed;
  top: 30%;
  left: 1rem;
  z-index: 1001;
  padding: 0;
  border-radius: 50%;
  border: 3px solid #000;
}

@media (max-width: 640px) {
  /* line 18, assets/styles/sass/stories.scss */
  #open-stories {
    top: unset;
    bottom: 28%;
    left: unset;
    right: 1rem;
  }
}

/* line 35, assets/styles/sass/stories.scss */
#open-stories .stories-bg {
  width: 100px;
  height: 100px;
  background-size: cover;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  position: relative;
  z-index: 1000;
}

@media (max-width: 640px) {
  /* line 35, assets/styles/sass/stories.scss */
  #open-stories .stories-bg {
    width: 140px;
    height: 140px;
  }
}

/* line 57, assets/styles/sass/stories.scss */
#open-stories span {
  position: absolute;
  color: #ffffff;
  padding: .5rem 2rem .5rem 2.5rem;
  background-color: #000;
  border-radius: 21px;
  left: 80px;
  top: 30px;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 57, assets/styles/sass/stories.scss */
  #open-stories span {
    left: unset;
    right: 120px;
    top: 48px;
    padding: .5rem 2.5rem .5rem 2rem;
  }
}

/* line 75, assets/styles/sass/stories.scss */
#open-stories #close-story-button {
  position: absolute;
  top: -2px;
  left: 5px;
  cursor: pointer;
  background-color: #000;
  color: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 1.4;
  border-radius: 50%;
  z-index: 1001;
}

@media (max-width: 640px) {
  /* line 75, assets/styles/sass/stories.scss */
  #open-stories #close-story-button {
    width: 30px;
    height: 30px;
    line-height: 1.5;
    font-size: 1.2rem;
    left: unset;
    right: 5px;
  }
}

/* line 102, assets/styles/sass/stories.scss */
.stories-modal {
  display: none;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
}

/* line 117, assets/styles/sass/stories.scss */
.stories-modal button,
.stories-modal *::after {
  all: initial;
}

/* line 123, assets/styles/sass/stories.scss */
.stories-modal .close {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  color: #ffffff;
  font-size: 4rem;
  line-height: 1;
  cursor: pointer;
  filter: drop-shadow(5px 4px 3px rgba(0, 0, 0, 0.4));
}

@media (max-width: 640px) {
  /* line 123, assets/styles/sass/stories.scss */
  .stories-modal .close {
    right: .5rem;
  }
}

@media (max-width: 640px) {
  /* line 138, assets/styles/sass/stories.scss */
  .stories-modal .close.lg {
    display: none;
  }
}

/* line 144, assets/styles/sass/stories.scss */
.stories-modal .close.sm {
  display: none;
}

@media (max-width: 640px) {
  /* line 144, assets/styles/sass/stories.scss */
  .stories-modal .close.sm {
    display: block;
    position: inherit;
    margin-left: auto;
    font-size: 3rem;
  }
}

/* line 156, assets/styles/sass/stories.scss */
.stories-modal .stories {
  aspect-ratio: 2 / 3;
  display: grid;
  margin: 0 auto;
  position: relative;
  margin-inline: 4vh;
}

@media (max-width: 640px) {
  /* line 156, assets/styles/sass/stories.scss */
  .stories-modal .stories {
    max-width: 640px;
    margin: 0;
  }
}

/* line 170, assets/styles/sass/stories.scss */
.stories-modal .story-items {
  position: relative;
  grid-area: 1 / 1;
  border-radius: .5rem;
  overflow: hidden;
  box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.4);
}

/* line 177, assets/styles/sass/stories.scss */
.stories-modal .story-items > * {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

/* line 185, assets/styles/sass/stories.scss */
.stories-modal .story-items iframe {
  height: calc(705px * 3);
  transform: translateY(-705px);
}

@media (max-width: 640px) {
  /* line 185, assets/styles/sass/stories.scss */
  .stories-modal .story-items iframe {
    height: calc(960px * 3);
    -webkit-transform: translateY(-960px);
    -moz-transform: translateY(-960px);
    -ms-transform: translateY(-960px);
    -o-transform: translateY(-960px);
    transform: translateY(-960px);
  }
}

/* line 204, assets/styles/sass/stories.scss */
.stories-modal .story-items > .active {
  position: relative;
  opacity: 1;
  pointer-events: initial;
}

/* line 211, assets/styles/sass/stories.scss */
.stories-modal .story-nav {
  z-index: 1;
  width: 100%;
  height: 80%;
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr;
}

/* line 221, assets/styles/sass/stories.scss */
.stories-modal .story-nav button {
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
}

/* line 229, assets/styles/sass/stories.scss */
.stories-modal .story-controls {
  grid-area: 2 / 1 / 2 / 3;
  color: #ffffff;
  display: flex;
  grid-gap: .5rem;
  justify-content: flex-start;
  padding: 0 .5rem;
}

@media (max-width: 640px) {
  /* line 229, assets/styles/sass/stories.scss */
  .stories-modal .story-controls {
    margin-top: 0.5rem;
  }
}

/* line 243, assets/styles/sass/stories.scss */
.stories-modal button.outer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .3rem;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 19px);
}

@media (max-width: 640px) {
  /* line 243, assets/styles/sass/stories.scss */
  .stories-modal button.outer {
    display: none;
  }
}

/* line 260, assets/styles/sass/stories.scss */
.stories-modal button.outer.story-prev {
  left: 0;
  margin-inline-start: calc(50vw - 330px);
}

/* line 265, assets/styles/sass/stories.scss */
.stories-modal button.outer.story-next {
  right: 0;
  margin-inline-end: calc(50vw - 330px);
}

/* line 270, assets/styles/sass/stories.scss */
.stories-modal button.outer[disabled] {
  opacity: .7;
}

/* line 273, assets/styles/sass/stories.scss */
.stories-modal button.outer[disabled],
.stories-modal button.outer[disabled] * {
  cursor: default;
}

/* line 278, assets/styles/sass/stories.scss */
.stories-modal button.outer[disabled]:hover {
  color: #000;
}

/* line 285, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste {
  background-color: #ffffff29;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  color: #000;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* line 294, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .seta-expandir {
  position: absolute;
  top: 12px;
  right: 15px;
  transition: all 0.2s ease;
  transform: rotate(180deg);
}

/* line 301, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .seta-expandir.up {
  transform: rotate(0);
}

/* line 305, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste img {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
  width: 26px;
  height: 16px;
  cursor: pointer;
}

/* line 312, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .modelo {
  padding: 12px 15px;
}

/* line 315, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .modelo .links-medidas-modelos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 320, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .modelo .links-medidas-modelos span {
  font-weight: 600;
}

/* line 326, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .modelo .medidas-modelo__descricao {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  row-gap: 3px;
  column-gap: 12px;
  list-style: none;
  padding: 0;
  max-height: 100px;
  min-height: 100px;
  opacity: 1;
  overflow: hidden;
  margin-top: 10px;
}

@media (max-width: 640px) {
  /* line 326, assets/styles/sass/stories.scss */
  .stories-modal .modelo-veste .modelo .medidas-modelo__descricao {
    column-gap: 30px;
  }
}

/* line 345, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .modelo .medidas-modelo__descricao.story-off {
  max-height: 0;
  min-height: 0;
  opacity: 0;
  margin: 0;
}

/* line 352, assets/styles/sass/stories.scss */
.stories-modal .modelo-veste .modelo .medidas-modelo__descricao span {
  font-weight: 600;
}

/* line 359, assets/styles/sass/stories.scss */
.stories-modal i {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  cursor: pointer;
}

@media (max-width: 640px) {
  /* line 359, assets/styles/sass/stories.scss */
  .stories-modal i {
    font-size: 2.5rem;
    line-height: 1;
  }
}

/* line 371, assets/styles/sass/stories.scss */
.stories-modal .story-thumb {
  display: flex;
  grid-column: 1 / 3;
}

/* line 375, assets/styles/sass/stories.scss */
.stories-modal .story-thumb span:has(~ .active) {
  background-color: rgba(255, 255, 255, 0.9);
}

/* line 379, assets/styles/sass/stories.scss */
.stories-modal .story-thumb > span {
  flex: 1;
  display: block;
  height: .18rem;
  background-color: rgba(0, 0, 0, 0.4);
  margin: .35rem;
  border-radius: 0.18rem;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 379, assets/styles/sass/stories.scss */
  .stories-modal .story-thumb > span {
    height: .35rem;
  }
}

/* line 392, assets/styles/sass/stories.scss */
.stories-modal .story-thumb > span.active::after {
  content: '';
  display: block;
  height: inherit;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.18rem;
  transform: translateX(-100%);
  -webkit-animation: thumb var(--duration) forwards linear;
  -moz-animation: thumb var(--duration) forwards linear;
  -ms-animation: thumb var(--duration) forwards linear;
  -o-animation: thumb var(--duration) forwards linear;
  animation: thumb var(--duration) forwards linear;
}

/* line 407, assets/styles/sass/stories.scss */
.stories-modal .story-thumb > span.paused::after {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@keyframes thumb {
  to {
    transform: initial;
  }
}

/*seta topo*/
/* line 293, assets/styles/sass/main.scss */
#img-return-top {
  cursor: pointer;
  height: 50px;
  margin: -70px 20px 0 0;
  position: fixed;
  right: 0;
  bottom: 1%;
  width: 50px;
  z-index: 300;
}

@media (max-width: 640px) {
  /* line 293, assets/styles/sass/main.scss */
  #img-return-top {
    bottom: 3%;
  }
}

/*-------------------------------
  #MODAL NEWSLETTER
-------------------------------*/
/* line 312, assets/styles/sass/main.scss */
#newsletter {
  background-color: transparent;
  background-image: url("/app-hagler/assets/images/cadastre-se_popup_lilypink.png");
  background-repeat: no-repeat;
  border: none;
  box-shadow: none;
  height: 628px;
  padding: 0;
  width: 500px;
  z-index: 10003;
}

@media (max-width: 640px) {
  /* line 312, assets/styles/sass/main.scss */
  #newsletter {
    background-image: url("/app-hagler/assets/images/bg-modal-m.png");
    height: 510px;
    width: 640px;
  }
}

/* line 327, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal {
  float: left;
  left: 50%;
  margin: 558px 0 0 -227px;
  position: relative;
  width: 450px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 640px) {
  /* line 327, assets/styles/sass/main.scss */
  #newsletter #formCadastroNewsletterModal {
    margin-top: 321px;
  }
}

/* line 339, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal input {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #ffffff;
  height: 44px;
  margin: 0 0 0 0;
  text-align: left;
  text-transform: uppercase;
  width: 335px;
  background: transparent;
  border: solid 1px #000;
}

/* line 348, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal input::-webkit-input-placeholder {
  color: #ffffff;
}

/* line 351, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal input:-moz-placeholder {
  color: #ffffff;
}

/* line 354, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal input::-moz-placeholder {
  color: #ffffff;
}

/* line 357, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal input:-ms-input-placeholder {
  color: #ffffff;
}

/* line 361, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal button {
  background-color: #000;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #ffffff;
  padding: 8px;
  text-transform: uppercase;
  width: 105px;
  height: 42px;
  margin: 0;
}

/* line 369, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal button:hover {
  background-color: #000;
}

/* line 374, assets/styles/sass/main.scss */
#newsletter #formCadastroNewsletterModal small {
  position: absolute;
  top: -130px;
  color: #000;
  font-size: 8px;
  cursor: pointer;
}

/* line 382, assets/styles/sass/main.scss */
#newsletter .close-reveal-modal {
  color: transparent;
  font-size: 40px;
  font-weight: 400;
  right: 5px !important;
  top: 407px !important;
}

/*-------------------------------
  #MODAL CUPOM
-------------------------------*/
/* line 1, assets/styles/sass/modal_cupom.scss */
.modal_cupom {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 424px;
  padding: 0;
  margin-top: 0vh !important;
  width: 620px;
  z-index: 10003;
  background-image: url("/app-hagler/assets/images/banner/primeira-compra-agosto-22.png");
}

/* line 41, assets/styles/sass/mixins.scss */
.modal_cupom ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  font-style: normal;
}

/* line 45, assets/styles/sass/mixins.scss */
.modal_cupom ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-style: normal;
}

/* line 49, assets/styles/sass/mixins.scss */
.modal_cupom :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  font-style: normal;
}

/* line 53, assets/styles/sass/mixins.scss */
.modal_cupom :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-style: normal;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/modal_cupom.scss */
  .modal_cupom {
    left: 10px !important;
  }
}

/* line 17, assets/styles/sass/modal_cupom.scss */
.modal_cupom__flex {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* line 23, assets/styles/sass/modal_cupom.scss */
.modal_cupom__textos {
  margin-top: 135px;
  width: 56%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 31, assets/styles/sass/modal_cupom.scss */
.modal_cupom__textos--destaque {
  font-size: 50px !important;
  color: #f4313f !important;
  font-weight: 700 !important;
  font-style: italic !important;
}

/* line 38, assets/styles/sass/modal_cupom.scss */
.modal_cupom__textos--text-desconto {
  position: relative;
  right: 33px;
  text-align: center;
  font-size: 36px !important;
  color: #000 !important;
  font-weight: 500 !important;
  line-height: 45px;
  margin-top: 5px;
}

/* line 48, assets/styles/sass/modal_cupom.scss */
.modal_cupom__textos--text-desconto span {
  color: #858585 !important;
  font-weight: 700 !important;
}

/* line 55, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__codigo_wrap {
  width: 56%;
  display: flex;
  justify-content: flex-start;
}

/* line 63, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__form_wrap {
  margin-top: 35px;
  width: 56%;
  display: flex;
  justify-content: flex-start;
}

/* line 71, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__form {
  font-family: "sofia-pro", sans-serif;
  position: relative;
}

/* line 75, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__form label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* line 81, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__form input {
  border-style: solid;
  border-width: 2px;
  background-color: #ffffff !important;
  border-image: linear-gradient(to right, #ee3342 0%, #4078bd 100%) 1;
  font-size: 17px;
  padding-left: 13px;
  height: auto;
  width: 105%;
  margin-bottom: 9px;
}

/* line 92, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__form ::placeholder {
  color: #f1f1f1;
}

/* line 96, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__form button {
  left: 243px;
  font-size: 15px;
  padding: 5px;
  background-color: #000;
}

/* line 104, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__border {
  border: 2px dashed #000;
  margin-right: 15px;
  display: flex;
  justify-content: center;
}

/* line 112, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__codigo_input {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: italic;
  color: #000;
  border: 0;
  box-shadow: none;
  height: 53px;
  margin: 0;
  text-align: center;
  width: 125px;
}

/* line 122, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__codigo_button {
  background-color: #ffffff;
  height: 53px;
  margin: 0;
  padding: 0;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 130, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__codigo_button img {
  height: 21px;
  width: 18px;
}

/* line 134, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__codigo_button img:hover {
  opacity: 0.7;
}

/* line 140, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__continuar-comprando {
  font-size: 13px;
  letter-spacing: initial;
  padding: 0;
  text-transform: initial;
  width: 145px;
  position: relative !important;
  top: initial !important;
  right: initial !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 157, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__button-facebook {
  margin-top: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 164, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__contato {
  margin-top: 20px;
  width: 56%;
  margin-right: 10px;
}

/* line 169, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__contato a {
  display: flex;
  justify-content: center;
}

/* line 174, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__contato i {
  color: #000;
  margin-right: 5px;
}

/* line 179, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__contato-box {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
}

/* line 185, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__contato-box--texto {
  color: #858585;
  font-size: 12px;
}

/* line 190, assets/styles/sass/modal_cupom.scss */
.modal_cupom .modal_cupom__contato-box--telefone {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}

/* line 199, assets/styles/sass/modal_cupom.scss */
.modal_cupom .close-reveal-modal-top {
  background-color: #f4313f;
  color: #ffffff;
  font-size: 40px;
  border-radius: 50%;
  font-weight: bold;
  right: -10px !important;
  top: -10px !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 215, assets/styles/sass/modal_cupom.scss */
.ja-cadastrado {
  display: none !important;
}

/* line 219, assets/styles/sass/modal_cupom.scss */
.loading-cupom {
  background-image: url("/app-hagler/assets/images/preloading.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70px 70px;
  height: 70px;
  position: relative;
  width: 100%;
  margin-left: -20px;
}

/* line 397, assets/styles/sass/main.scss */
.reveal-modal-bg {
  z-index: 10000;
}

/* line 401, assets/styles/sass/main.scss */
.reveal-modal {
  margin-top: 75px;
  z-index: 10001;
}

@media (max-width: 640px) {
  /* line 401, assets/styles/sass/main.scss */
  .reveal-modal {
    margin-top: 95px;
  }
}

/* line 411, assets/styles/sass/main.scss */
.modal-espiar {
  margin-top: -8vh !important;
}

/* line 415, assets/styles/sass/main.scss */
.reveal-modal {
  z-index: 10001;
}

/* line 419, assets/styles/sass/main.scss */
.close-reveal-modal {
  color: #000 !important;
}

/*-------------------------------
  #MODAL CARRINHO
-------------------------------*/
/* line 1, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal {
  position: fixed;
  top: calc(50vh - 358px) !important;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal {
    left: 20px;
    overflow-x: hidden;
    width: 600px;
    top: calc(50vh - 450px) !important;
  }
}

/* line 12, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .topo-carrinho {
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
}

/* line 16, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .topo-carrinho h2 {
  margin-bottom: 20px;
}

/* line 21, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container {
  max-height: 400px;
  overflow: auto;
}

@media (max-width: 640px) {
  /* line 21, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container {
    overflow: scroll;
    overflow-x: hidden;
  }
}

/* line 31, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .list-product {
  width: 68%;
}

@media (max-width: 640px) {
  /* line 31, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .list-product {
    width: 100%;
  }
}

/* line 39, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .price-product {
  width: 32%;
}

@media (max-width: 640px) {
  /* line 39, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .price-product {
    width: 100%;
  }
}

/* line 47, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho {
  border-bottom: 1px solid #f1f1f1;
  float: left;
  padding: 15px 0;
  position: relative;
  width: 100%;
}

/* line 54, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho figure {
  width: 90%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

@media (max-width: 640px) {
  /* line 54, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .item-carrinho figure {
    width: 100%;
  }
}

/* line 65, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho figure .item-imagem {
  border: 1px solid #f1f1f1;
  float: left;
}

/* line 69, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho figure .item-imagem img {
  width: 180px;
  height: 200px;
  object-fit: cover;
  object-position: top;
}

/* line 79, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho figcaption {
  float: left;
  margin-left: 15px;
  width: 80%;
}

@media (max-width: 1199px) {
  /* line 79, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .item-carrinho figcaption {
    width: 240px;
  }
}

@media (max-width: 640px) {
  /* line 79, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .item-carrinho figcaption {
    width: 390px;
  }
}

/* line 93, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho header {
  float: left;
}

/* line 96, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho header h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  /* line 96, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .item-carrinho header h2 {
    font-size: 23px;
    line-height: 24px;
  }
}

/* line 106, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho header small {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  color: #000;
  float: left;
  position: relative;
}

@media (max-width: 640px) {
  /* line 106, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .item-carrinho header small {
    font-size: 20px;
    line-height: 24px;
  }
}

/* line 117, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .modal-container ul .item-carrinho header .cor,
.carrinho-modal .modal-container ul .item-carrinho header .tamanho,
.carrinho-modal .modal-container ul .item-carrinho header .quantidade {
  font-size: 12px;
  line-height: 16px;
  position: relative;
  width: 100%;
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .modal-container ul .item-carrinho header .cor,
  .carrinho-modal .modal-container ul .item-carrinho header .tamanho,
  .carrinho-modal .modal-container ul .item-carrinho header .quantidade {
    font-size: 22px;
    line-height: 26px;
    width: 80%;
  }
}

@media (max-width: 640px) {
  /* line 136, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .button-modal {
    max-width: none;
  }
}

/* line 141, assets/styles/sass/carrinho_modal.scss */
.carrinho-modal .button-modal .bt-carrinho {
  float: right;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  margin: 15px 0 0 0;
  padding: 13px 41px;
}

@media (max-width: 640px) {
  /* line 141, assets/styles/sass/carrinho_modal.scss */
  .carrinho-modal .button-modal .bt-carrinho {
    font-size: 26px;
    width: 100%;
    padding: 26px 41px;
  }
}

/*-------------------------------
  #MODAL COMPARTILHAR
-------------------------------*/
/* line 1, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar {
  max-width: 400px !important;
  padding: 22px 22px 18px;
  text-align: center;
  position: fixed;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  /* line 1, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar {
    max-width: 500px !important;
    padding: 28px 22px 22px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* line 17, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__titulo {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 18px;
  color: #000;
  text-transform: none;
}

@media (max-width: 640px) {
  /* line 17, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__titulo {
    font-size: 22px;
    margin-bottom: 22px;
  }
}

/* line 32, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__redes {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 32, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__redes {
    gap: 22px;
    margin-bottom: 22px;
  }
}

/* line 47, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #000;
  transition: transform .15s ease;
}

/* line 56, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede:hover, .modal-compartilhar__rede:focus {
  transform: translateY(-2px);
  text-decoration: none;
  color: #000;
}

/* line 63, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede--whatsapp .modal-compartilhar__rede-icone {
  background: #25d366;
}

/* line 64, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede--facebook .modal-compartilhar__rede-icone {
  background: #1877f2;
}

/* line 65, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede--x .modal-compartilhar__rede-icone {
  background: #000;
}

/* line 68, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede-icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #ffffff;
}

@media (max-width: 640px) {
  /* line 68, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__rede-icone {
    width: 56px;
    height: 56px;
  }
}

/* line 82, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede-icone svg {
  display: block;
  width: 22px;
  height: 22px;
}

@media (max-width: 640px) {
  /* line 82, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__rede-icone svg {
    width: 28px;
    height: 28px;
  }
}

/* line 94, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__rede-nome {
  font-size: 12px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 640px) {
  /* line 94, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__rede-nome {
    font-size: 14px;
  }
}

/* line 104, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__copiar {
  display: flex;
  align-items: stretch;
  gap: 6px;
  border-top: 1px solid #eee;
  padding-top: 14px;
}

@media (max-width: 640px) {
  /* line 104, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__copiar {
    padding-top: 16px;
    gap: 8px;
  }
}

/* line 117, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__url {
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 12px;
  color: #555;
  background: #f7f7f7;
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 117, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__url {
    height: 44px;
    font-size: 14px;
    padding: 0 12px;
  }
}

/* line 140, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__btn-copiar {
  flex: 0 0 auto;
  height: 36px;
  padding: 0 14px;
  margin: 0;
  background: #000;
  color: #ffffff;
  border: none;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease;
}

/* line 155, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__btn-copiar:hover, .modal-compartilhar__btn-copiar:focus {
  background: #262626;
  color: #ffffff;
}

/* line 161, assets/styles/sass/modal_compartilhar.scss */
.modal-compartilhar__btn-copiar.copiado {
  background: #36ad52;
  color: #ffffff;
}

@media (max-width: 640px) {
  /* line 140, assets/styles/sass/modal_compartilhar.scss */
  .modal-compartilhar__btn-copiar {
    height: 37px;
    font-size: 14px;
    padding: 0 16px;
  }
}

/* COLORS */
/* line 434, assets/styles/sass/main.scss */
article[class*='c_ui-'] {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
}

/* line 443, assets/styles/sass/main.scss */
article[class*='c_ui-'] > * {
  background-size: 100%;
  background-position: center top;
  background-attachment: scroll;
}

/* line 449, assets/styles/sass/main.scss */
article[class*='c_ui-'] > span {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 455, assets/styles/sass/main.scss */
article[class*='c_ui-']:not(.c_ui-) > span {
  position: absolute;
}

/* line 459, assets/styles/sass/main.scss */
.c_ui-2 > span:first-child,
.c_ui-3 > span:first-child,
.c_ui-4 > span {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* line 468, assets/styles/sass/main.scss */
.c_ui-2 > span:first-child {
  z-index: 2;
  top: 35%;
  left: -56%;
  width: 141% !important;
}

@media (max-width: 640px) {
  /* line 468, assets/styles/sass/main.scss */
  .c_ui-2 > span:first-child {
    top: 6%;
    left: -53%;
  }
}

/* line 480, assets/styles/sass/main.scss */
.c_ui-2 > span:last-child {
  z-index: 1;
}

/* line 484, assets/styles/sass/main.scss */
.c_ui-3 > span:first-child {
  top: -55%;
  z-index: 1;
}

/* line 489, assets/styles/sass/main.scss */
.c_ui-3 > span:nth-child(2) {
  left: 50%;
}

/* line 493, assets/styles/sass/main.scss */
.c_ui-3 > span:last-child {
  left: -50%;
}

/* line 497, assets/styles/sass/main.scss */
.c_ui-4 > span:first-child {
  left: 70%;
}

/* line 501, assets/styles/sass/main.scss */
.c_ui-4 > span:nth-child(2) {
  left: -70%;
}

/* line 505, assets/styles/sass/main.scss */
.c_ui-4 > span:nth-child(3) {
  top: -70%;
}

/* line 509, assets/styles/sass/main.scss */
.c_ui-4 > span:last-child {
  top: 71%;
}

@media (max-width: 640px) {
  /* line 514, assets/styles/sass/main.scss */
  article[class*='c_ui-'] {
    height: 80px !important;
    width: 80px !important;
  }
  /* line 518, assets/styles/sass/main.scss */
  article[class*='c_ui-']:not(.c_ui-) > span {
    height: 80px !important;
    width: 80px !important;
  }
}

/* ------- FIREFOX ------- */
@-moz-document url-prefix() {
  /* line 528, assets/styles/sass/main.scss */
  .client-panel .orders footer {
    margin-top: 0;
  }
}

/*IE 10 e 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 538, assets/styles/sass/main.scss */
  .atendimento {
    height: 138px;
  }
  /* line 541, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .atendimento {
    height: 138px;
  }
  /* IE11 */
  /* line 546, assets/styles/sass/main.scss */
  .borda-titulo h2 {
    margin-left: -159px;
    width: 318px;
  }
  /* line 550, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .borda-titulo h2 {
    margin-left: -159px;
    width: 318px;
  }
  /* IE11 */
  /* line 556, assets/styles/sass/main.scss */
  .end-values p.price::before {
    margin: 0 0 0 885px;
  }
  /* line 559, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .end-values p.price::before {
    margin: 0 0 0 885px;
  }
  /* IE11 */
  /* line 564, assets/styles/sass/main.scss */
  .end-values p:not(.price) .price::before {
    margin-left: -3.6rem;
  }
  /* line 567, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .end-values p:not(.price) .price::before {
    margin-left: -3.6rem;
  }
  /* IE11 */
  /* line 572, assets/styles/sass/main.scss */
  .endereco li address .cep-location::before {
    margin-left: -86px;
  }
  /* line 575, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .endereco li address .cep-location::before {
    margin-left: -86px;
  }
  /* IE11 */
  /* line 580, assets/styles/sass/main.scss */
  .endereco .box-post_id-add span::before {
    margin-left: 9px;
  }
  /* line 583, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .endereco .box-post_id-add span::before {
    margin-left: 9px;
  }
  /* IE11 */
  /* line 588, assets/styles/sass/main.scss */
  .form-adicionar-produtos input[type="number"] {
    padding-right: 25px;
  }
  /* IE10 */
  /* line 592, assets/styles/sass/main.scss */
  *::-ms-backdrop,
  .form-adicionar-produtos input[type="number"] {
    padding-right: 25px;
  }
  /* IE11 */
}

/*IE edge*/
@supports (-ms-accelerator: true) {
  /* line 603, assets/styles/sass/main.scss */
  .form-adicionar-produtos input[type="number"] {
    padding-right: 25px;
  }
}

/* line 608, assets/styles/sass/main.scss */
.alert {
  margin-bottom: 40px;
  text-align: justify;
}

@media (max-width: 640px) {
  /* line 608, assets/styles/sass/main.scss */
  .alert {
    float: left;
    width: 600px;
  }
}

/* line 615, assets/styles/sass/main.scss */
.alert p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: #000;
}

@media (max-width: 640px) {
  /* line 615, assets/styles/sass/main.scss */
  .alert p {
    font-size: 20px;
    line-height: 26px;
  }
}

/* line 624, assets/styles/sass/main.scss */
#dados {
  position: relative;
}

/* line 629, assets/styles/sass/main.scss */
.separador:last-child {
  display: none !important;
}

/*loader*/
/* line 636, assets/styles/sass/main.scss */
.mask-to-load {
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url("/img/preloading.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

/* line 650, assets/styles/sass/main.scss */
.mask-to-load.loader-mini {
  background-image: url("/img/preloading.svg");
  background-size: 20px 20px;
}

/* line 655, assets/styles/sass/main.scss */
.mask-to-load.loader-small {
  background-image: url("/img/preloading.svg");
  background-size: 35px 35px;
}

/* line 660, assets/styles/sass/main.scss */
.mask-to-load.loader-large {
  background-image: url("/img/preloading.svg");
  background-size: 40px 40px;
}

/* line 665, assets/styles/sass/main.scss */
.box-loader {
  position: relative;
  width: 100%;
  grid-column: 1 / -1;
  height: 70px;
  background-image: url("/img/preloading.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}

/* line 680, assets/styles/sass/main.scss */
.carregar_mais {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 684, assets/styles/sass/main.scss */
.carregar_mais span {
  border: 2px solid #000;
  color: #000;
  font-size: 18px;
  margin-bottom: 35px;
  padding: 10px 20px;
  text-align: center;
  width: 600px;
}

/* line 695, assets/styles/sass/main.scss */
.fancybox-opened {
  z-index: 9999999;
}

/* line 699, assets/styles/sass/main.scss */
.fancybox-opened .fancybox-skin {
  /* border: 3px solid #E02A7D !important; */
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 706, assets/styles/sass/main.scss */
.fancybox-skin {
  background: #fff !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  position: relative !important;
  z-index: 10000 !important;
}

/* line 715, assets/styles/sass/main.scss */
.customer-evaluation {
  clear: both;
  position: relative;
}

@media (max-width: 640px) {
  /* line 720, assets/styles/sass/main.scss */
  .button--return {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

/* line 726, assets/styles/sass/main.scss */
.button--return .bttn--aval {
  margin-top: 15px;
  padding: 10px 20px;
}

@media (max-width: 640px) {
  /* line 726, assets/styles/sass/main.scss */
  .button--return .bttn--aval {
    font-size: 22px;
  }
}

/* line 736, assets/styles/sass/main.scss */
.informacao-cashback {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
}

/* line 741, assets/styles/sass/main.scss */
.informacao-cashback p {
  -webkit-animation: link-pisca .75s linear infinite;
  -moz-animation: link-pisca .75s linear infinite;
  -ms-animation: link-pisca .75s linear infinite;
  -o-animation: link-pisca .75s linear infinite;
  animation: link-pisca .75s linear infinite;
  font-size: 1rem;
}

@keyframes link-pisca {
  0% {
    color: #FF0000;
  }
  25% {
    color: #FF0000;
  }
  50% {
    color: #FF0000;
  }
  75% {
    color: #000;
  }
  100% {
    color: #000;
  }
}

@media (max-width: 640px) {
  /* line 741, assets/styles/sass/main.scss */
  .informacao-cashback p {
    font-size: 1.5rem;
  }
}

/* line 765, assets/styles/sass/main.scss */
.whatsapp_contato {
  position: fixed;
  bottom: 4%;
  right: 0;
  left: 1%;
  width: fit-content;
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  z-index: 900;
}

@media (max-width: 640px) {
  /* line 765, assets/styles/sass/main.scss */
  .whatsapp_contato {
    right: 2.5%;
    bottom: 8%;
    left: inherit;
    width: 70px;
    align-items: flex-end;
  }
}

/* line 785, assets/styles/sass/main.scss */
.whatsapp_contato #whatsapp_icone {
  width: 45px;
  cursor: pointer;
  pointer-events: all;
}

@media (max-width: 640px) {
  /* line 785, assets/styles/sass/main.scss */
  .whatsapp_contato #whatsapp_icone {
    padding: 5px;
    width: 60px;
  }
}

/* line 798, assets/styles/sass/main.scss */
.whatsapp_contato .links-contato-block {
  display: none;
}

/* line 802, assets/styles/sass/main.scss */
.whatsapp_contato .links-contato {
  display: flex;
  align-items: flex-end;
  justify-content: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
}

/* line 806, assets/styles/sass/main.scss */
.whatsapp_contato .links-contato li {
  background-color: #00a957;
  border-radius: 15px;
  width: 100%;
}

/* line 812, assets/styles/sass/main.scss */
.whatsapp_contato .links-contato a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1rem;
  padding: 5px 15px;
  width: 100%;
  color: #ffffff;
}

@media (max-width: 640px) {
  /* line 812, assets/styles/sass/main.scss */
  .whatsapp_contato .links-contato a {
    font-size: 1.5rem;
    white-space: nowrap;
  }
}

/* line 826, assets/styles/sass/main.scss */
.whatsapp_contato .item_compartilhar {
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 5px 15px;
}

/* line 832, assets/styles/sass/main.scss */
.whatsapp_contato .item_compartilhar label {
  font-size: 1.4rem;
  color: #ffffff;
  cursor: pointer;
  height: 100%;
}

/* line 839, assets/styles/sass/main.scss */
.whatsapp_contato .item_compartilhar .item_compartilhar__button {
  font-size: 1.6rem;
  color: #ffffff;
  padding: 0;
}

/* line 847, assets/styles/sass/main.scss */
.secao-desconto-combo {
  padding: 20px 20px 0 20px;
}

/* line 850, assets/styles/sass/main.scss */
.secao-desconto-combo p {
  text-align: right;
}

@media (max-width: 640px) {
  /* line 850, assets/styles/sass/main.scss */
  .secao-desconto-combo p {
    font-size: 24px;
  }
}

/* line 857, assets/styles/sass/main.scss */
.secao-desconto-combo p span {
  color: #FF0000;
  font-weight: 500;
}

/* line 865, assets/styles/sass/main.scss */
.toastify {
  font-family: "sofia-pro", sans-serif;
  font-size: 1rem;
  color: #ffffff;
}

/* line 870, assets/styles/sass/main.scss */
.toastify.alert-toast {
  background: #ff4b4b;
  border-bottom: 5px solid #bb1111;
}

/* line 875, assets/styles/sass/main.scss */
.toastify.success-toast {
  background: #36ad52;
  border-bottom: 5px solid #006d1b;
}

/* line 880, assets/styles/sass/main.scss */
.toastify.info-toast {
  background: #5189b8;
  border-bottom: 5px solid #004b88;
}

/*# sourceMappingURL=main.css.map */