:root { /* STYLE GUIDE - START */ --Posicao-Banner-Principal: 0; --Posicao-Banner-Topo: 15; --Posicao-Banner-Tarja: 5; --Posicao-Banners-Categorias: 10; --Banners-Categorias-Largura-Desktop: 184px; --Banners-Categorias-por-Linha-Mobile: 2; --Posicao-Vitrine-de-Lancamentos: 30; --Posicao-Vitrine-de-Kits: 10; --Posicao-Vitrine-de-Produtos-1: 5; --Posicao-Vitrine-de-Produtos-2: 40; --Posicao-Vitrine-de-Produtos-3: 45; --Posicao-Vitrine-de-Produtos-4: 47; --Posicao-Vitrine-de-Produtos-5: 49; --Posicao-Outras-Vitrines-de-Produtos: 10; --Posicao-Banners-Meio: 35; --Posicao-Banners-Central: 46; --Posicao-Banner-Rodape: 50; --Posicao-Produtos-Visitados: 50; --Posicao-Video-Homepage: 55; --Posicao-Marcas-Homepage: 55; --Posicao-Blog-Homepage: 55; --Posicao-Avalicoes-Homepage: 55; --Posicao-Feed-Instagram-Homepage: 60; --Altura-Imagens-dos-Produtos: 100%; /* Color styles */ /* Neutral */ --Neutro-50: #fcfcfc; --Neutro-100: #f3f3f3; --Neutro-200: #e3e3e3; --Neutro-300: #cdcdcd; --Neutro-400: #b1b1b1; --Neutro-500: #8f8f8f; --Neutro-600: #666666; --Neutro-700: #383838; --Neutro-800: #272727; --Neutro-900: #1d1d1d; --Neutro-1000: #1a1a1a; /* Marca */ --Marca-50: #fafafe; --Marca-100: #f2f1fa; --Marca-200: #e7e5f4; --Marca-300: #d6d4ea; --Marca-400: #c0bddf; --Marca-500: #a4a0d1; --Marca-600: #8782c2; --Marca-700: #6962b2; --Marca-800: #4c43a0; --Marca-900: #312783; --Marca-1000: #241d62; /* Status */ --Status-Verde-50: #dbfff1; --Status-Verde-400: #2dd4a5; --Status-Verde-700: #0d9475; --Status-Azul-50: #e0efff; --Status-Azul-400: #638bf1; --Status-Azul-700: #3047a3; --Status-Vermelho-50: #fff1f2; --Status-Vermelho-400: #fb7171; --Status-Vermelho-700: #be1229; /* STYLE GUIDE - END */ /* GLOBAL - START */ --global_fonte: "Inter", sans-serif; --global_fonte_weight: 400; --titulos_fonte: "Inter", sans-serif; --titulos_fonte_weight: 600; --departamentos_fonte: "Inter", sans-serif; --departamentos_fonte_weight: 400; --produtos_det_titulo_fonte: "Inter", sans-serif; --produtos_det_titulo_fonte_weight: 400; /* GLOBAL - END */ /* GERAL - START */ --loja_fundo: #ffffff; --loja_fundo_imagem: inherit; --titulos_fundo: inherit; --titulos_texto: #271b12; --titulos_tamanho: 1.125rem; --titulos_alinhamento: start; --titulos_borda_cor: #271b12; --titulos_borda_altura: 0rem; --alertas_destaque: inherit; --banners_slide: inherit; --blogwidget_fundo: #eeeeee; --blogwidget_titulo_cor: inherit; --blogwidget_titulo_fundo: inherit; --blogwidget_titulo_borda: inherit; --blogpost_fundo: #ffffff; --blogpost_fundo_hover: #eeeeee; --blogpost_texto: #271b12; --blogpost_texto_hover: #fb9337; --modal_fundo: #ffffff; --modal_texto: inherit; /* GERAL - END */ /* OFERTAS PERIODICAS - START */ --ofertas_periodicas_altura: 2rem; --ofertas_periodicas_altura_mobile: 35px; /* OFERTAS PERIODICAS - END */ /* TOPO - START */ --cabecalho_fundo: #0b0b0b; --cabecalho_botao_texto: #271b12; --cabecalho_botao_texto_hover: #fb9337; --cabecalho_botao_fundo: inherit; --cabecalho_botao_fundo_hover: inherit; --menu_mobile_icone_fundo: #271b12; --menu_mobile_icone_active: #fb9337; --menu_mobile_icone_aberto: #fb9337; --topo_fundo: #ffffff; --topo_fundo_scroll: #f5f5f5; --topo_texto: #271b12; --topo_texto_hover: #fb9337; --topo_icone: #271b12; --topo_icone_hover: #fb9337; --linha_topo: inherit; --topo_botao_fundo: #ffffff; --topo_botao_fundo_hover: #f7f2ee; --departamentos_tamanho: 1rem; --departamentos_cor_fundo: #ffffff; --departamentos_cor: #271b12; --departamentos_cor_hover: #fb9337; --departamentos_icone: #271b12; --departamentos_icone_hover: #fb9337; --departamentos_borda_cor: #ede1d9; --departamentos_borda_cor_hover: inherit; --departamentos_borda_cima: 0rem; --departamentos_borda_baixo: 0rem; --departamentos_fundo: inherit; --departamentos_fundo_hover: inherit; --departamentos_altura: 3rem; --departamentos_espacamento: 0rem; --categorias_nivel2_fundo: inherit; --categorias_nivel2_fundo_hover: inherit; --categorias_nivel2_texto: #271B12; --categorias_nivel2_texto_hover: #fb9337; --categorias_nivel3_fundo: inherit; --categorias_nivel3_fundo_hover: inherit; --categorias_nivel3_texto: #271B12; --categorias_nivel3_texto_hover: #fb9337; --abrir_departamentos_borda: #271B12; --abrir_departamentos_active: #fb9337; --abrir_departamentos_cor: #fb9337; --whatsapp_cor: #ffffff; --whatsapp_icone: #6aa84f; --whatsapp_botao: #ffffff; --busca_fundo: #ffffff; --busca_texto: #8b8b8b; --busca_botao: inherit; --busca_icone: #cacaca; --busca_borda_cor: #dddddd; --busca_borda_cor_mobile: #dfcabb; --busca_icone_mobile: #cdac95; --busca_mobile_icone: #cdac95; --busca_mobile_icone_active: #271b12; --busca_mobile_icone_fundo_active: inherit; --busca_fundo_mobile: #ffffff; --busca_borda_mobile: #dfcabb; --busca_texto_mobile: #8c5f42; --cesta_cor: #ffffff; --cesta_numero_cor: #383838; --cesta_numero_fundo: #000000; --cesta_separador: #444444; --cesta_texto_cor: #000000; --usuario_cor: #271b12; --usuario_borda: inherit; --usuario_icone: #271b12; --usuario_botao: inherit; --login_mobile_icone: #fb9337; --login_fundo_mobile: #ffffff; --login_texto_mobile: #271b12; --login_texto_acao: #fb9337; /* TOPO - END */ /* HOMEPAGE - START */ --departamentos_cor_borda: #000000; --departamentos_tamanho_borda: 1px; --categoria_cor_link: #000000; --categoria_cor_link_hover: inherit; --categoria_fundo: inherit; --categoria_fundo_hover: inherit; --subcategoria_cor_link: #666666; --subcategoria_cor_link_hover: inherit; --subcategoria_fundo: inherit; --subcategoria_fundo_hover: inherit; /* HOMEPAGE - END */ /* BOX PRODUTO - START */ --produto_box_fundo: #ffffff; --produto_box_fundo_hover: #f5f5f5; --produto_box_borda_cor: inherit; --produto_box_borda_cor_hover: #ffffff; --produto_box_borda_espessura: 0px; --produto_box_borda_estilo: none; --produto_nome_cor: inherit; --produto_codigo_cor: inherit; --produto_foto_altura: 300px; --produto_info_adicional: inherit; --produto_valorpromocional_cor: inherit; --produto_valorfinal_cor: #ff6600; --produto_valorfinal_tamanho: 18px; --produto_texto_qtdminima: inherit; --produto_parcelamento: #666666; --produto_categorias: #333333; --produto_desconto_texto: #ffffff; --produto_desconto_fundo: #ff6600; --produto_login_fundo: #2bd162; --produto_login_texto: #ffffff; --kits_altura: 480px; --produto_atacado_titulo: #000000; --produto_atacado_borda: #ff6600; --produto_atacado_valor: #000000; --produto_acao_fundo: rgba(0, 0, 0, 0.5); --produto_acao_rounded: 0px; --produto_acao_olhar_fundo: rgba(0, 0, 0, 0.8); --produto_acao_olhar_texto: #ffffff; --produto_acao_comprar_fundo: #ff6600; --produto_acao_comprar_texto: #ffffff; /* BOX PRODUTO - END */ /* DETALHES PRODUTO - START */ --detalhes_comprar_fundo: #16a326; --detalhes_comprar_texto: #ffffff; --detalhes_comprar_rounded: 0px; --detalhes_carrinho_fundo: inherit; --detalhes_carrinho_texto: inherit; --detalhes_olhar_fundo: #3e8ed8; --detalhes_olhar_texto: #ffffff; --detalhes_frete_fundo: #ffffff; --detalhes_frete_texto: #3e8ed8; --detalhes_frete_borda: #3e8ed8; --detalhes_altura_maxima_foto: 560px; --detalhes_variacao_fundo: #b4ff95; --detalhes_variacao_texto: #000000; --detalhes_medidas_fundo: #ffff00; --detalhes_medidas_fundo_hover: #ffff72; --detalhes_medidas_texto: inherit; --detalhes_medidas_texto_hover: inherit; /* DETALHES PRODUTO - END */ /* RODAPE - START */ --rodape_base_fundo: #fdf6f1; --rodape_base_texto: #271b12; --rodape_titulo_texto: #271b12; --rodape_links_texto: #271b12; --rodape_links_texto_hover: #fb9337; --rodape_newsletter_fundo: #f6ddc7; --rodape_newsletter_texto: #271b12; --rodape_newsletter_botao_fundo: #fb9337; --rodape_newsletter_botao_texto: #352419; --rodape_formulario_fundo: #ffffff; --rodape_formulario_texto: #b78767; --rodape_fundo: #ffffff; --rodape_texto: #444444; --rodape_borda: #ede1d9; /* RODAPE - END */ /* MOBILE - START */ --mobile_saudacao_fundo: #000000; --mobile_saudacao_fundo_active: #444444; --mobile_saudacao_texto: #ffffff; --mobile_saudacao_texto_active: #ffffff; --mobile_atendimento_fundo: inherit; --mobile_atendimento_titulo: #666666; --mobile_atendimento_texto: inherit; --mobile_produto_menu_fundo: #444444; --mobile_produto_menu_texto: #ffffff; --departamentos_menu_mobile: #f4f4f4; --departamentos_fundo_mobile: inherit; --departamentos_borda_cor_mobile: #cecece; --departamentos_cor_mobile: inherit; --departamentos_cor_ativo_mobile: inherit; --departamentos_fundo_ativo_mobile: #cccccc; --departamentos_botao_fundo_mobile: #000000; --departamentos_botao_icone_mobile: #ffffff; --categorias_nivel2_voltar_fundo_mobile: inherit; --categorias_nivel2_voltar_botao_mobile: rgba(0, 0, 0, 0); --categorias_nivel2_voltar_icone_mobile: #000000; --categorias_nivel2_texto_mobile: inherit; --categorias_nivel2_texto_ativo_mobile: inherit; --categorias_nivel2_fundo_mobile: inherit; --categorias_nivel2_fundo_ativo_mobile: inherit; --categorias_nivel2_botao_mobile: #000000; --categorias_nivel2_icone_mobile: #ffffff; --mobile_produto_box_altura: 220px; --mobile_produto_kit_altura: 480px; /* MOBILE - END */ --loja_fundo: #FFF; --loja_fundo_imagem: inherit; --topo_fundo: inherit; --topo_texto: inherit; --mobile_produto_box_altura: 220px; --mobile_produto_kit_altura: 480px; --menu_mobile_fundo: #fff; --menu_mobile_texto: #333; --menu_mobile_bordas: #eee; --menu_mobile_icones: #333; --menu_mobile_busca_fundo: #fff; --menu_mobile_busca_borda: #eee; --menu_mobile_busca_botao_fundo: #ddd; --menu_mobile_busca_botao_cor: #333; --mobile_saudacao_fundo: #000; --mobile_saudacao_texto: #FFF; --mobile_atendimento_fundo: inherit; --mobile_atendimento_titulo: #666; --mobile_atendimento_texto: inherit; --produto_box_fundo: #FFF; --produto_box_fundo_hover: #F5F5F5; --produto_box_borda_cor: inherit; --produto_box_borda_cor_hover: #FFF; --produto_box_borda_espessura: 0px; --produto_box_borda_estilo: none; --produto_box_espacamento: 0px; --produto_box_radius: 0px; --produto_box_altura_nome: 60px; --produto_box_altura_nome_mobile: 35px; --produto_nome_cor: inherit; --produto_codigo_cor: inherit; --produto_foto_altura: 300px; --produto_valorpromocional_cor: inherit; --produto_valorfinal_cor: #333; --produto_valorfinal_tamanho: 18px; --produto_texto_qtdminima: inherit; --produto_info_adicional: inherit; --produto_parcelamento: #666; --produto_parcelamento_tamanho: 12px; --produto_nome_tamanho: 16px; --produto_login_fundo: #2BD162; --produto_login_texto: #FFF; --produto_atacado_titulo: #000; --produto_atacado_borda: #000; --produto_atacado_valor: #000; --produto_desconto_fundo: #dd1717; --produto_contador_fundo: #dd1717; --produto_contador_texto: #fff; --produto_contador_espacamento: 6px 12px; --produto_contador_tamanho: 13px; --produto_contador_arredondamento: 3px; --produto_categorias: #333; --produto_fretegratis_fundo: #43c030; --produto_fretegratis_texto: #fff; --produto_fretegratis_tamanho: 13px; --produto_fretegratis_espacamento: 5px 15px; --produto_acao_fundo: rgba(0, 0, 0, 0.5); --produto_acao_rounded: 0px; --produto_acao_olhar_fundo: rgba(0, 0, 0, 0.8); --produto_acao_olhar_texto: #FFF; --produto_acao_comprar_fundo: #28a745; --produto_acao_comprar_fundo_hover: #218e3a; --produto_acao_comprar_texto: #FFF; --produto_acao_comprar_texto_hover: #FFF; --produto_acao_comprar_secundario_fundo: #FFF; --produto_acao_comprar_secundario_fundo_hover: #FFF; --produto_acao_comprar_secundario_texto: #444; --produto_acao_comprar_secundario_texto_hover: #444; --produto_acao_comprar_secundario_borda: #CCC; --selo_produto_tamanho: 12px; --selo_produto_espacamento: 3px 5px; --detalhes_cln_fundo: #FFF; --detalhes_cln_espacamento: 0px; --detalhes_cln_radius: 0px; --detalhes_nome_produto_tamanho: 26px; --detalhes_nome_produto_cor: #333; --detalhes_preco_produto_tamanho: 26px; --detalhes_preco_produto_cor: #333; --detalhes_comprar_texto: #FFF; --detalhes_comprar_texto_hover: #FFF; --detalhes_comprar_ok: #3E8ED8; --detalhes_comprar_ok_texto: #FFF; --detalhes_comprar_texto_tamanho: 15px; --detalhes_comprar_fundo: #28a745; --detalhes_comprar_fundo_hover: #218e3a; --detalhes_comprar_rounded: 0px; --detalhes_comprar_secundario_texto: #444; --detalhes_comprar_secundario_texto_hover: #444; --detalhes_comprar_secundario_texto_tamanho: 15px; --detalhes_comprar_secundario_borda: #CCC; --detalhes_comprar_secundario_fundo: #FFF; --detalhes_comprar_secundario_fundo_hover: #FFF; --detalhes_comprar_secundario_rounded: 0px; --detalhes_parcelas_tamanho: 13px; --detalhes_parcelas_cor: #666; --detalhes_olhar_fundo: #3E8ED8; --detalhes_olhar_texto: #FFF; --detalhes_frete_fundo: #FFF; --detalhes_frete_texto: #3E8ED8; --detalhes_frete_borda: #3E8ED8; --detalhes_variacao_fundo_inativo: #FFF; --detalhes_variacao_texto_inativo: #333; --detalhes_variacao_borda_inativo: #444; --detalhes_variacao_fundo: #b4ff95; --detalhes_variacao_texto: #000; --detalhes_variacao_borda: #b4ff95; --detalhes_medidas_fundo: #f8f9fa; --detalhes_medidas_texto: inherit; --detalhes_medidas_borda: #f8f9fa; --detalhes_medidas_fundo_hover: #e2e6ea; --detalhes_medidas_texto_hover: inherit; --detalhes_medidas_borda_hover: #e2e6ea; --detalhes_carrinho_fundo: inherit; --detalhes_carrinho_texto: inherit; --detalhes_altura_maxima_foto: inherit; --detalhes_ultimasunidades_fundo: #ff4d4d; --detalhes_ultimasunidades_texto: #fff; --detalhes_ultimasunidades_tamanho: 13px; --detalhes_ultimasunidades_espacamento: 5px 15px; --titulos_fundo: inherit; --titulos_texto: inherit; --titulos_alinhamento: inherit; --titulos_borda_altura: 0px; --titulos_borda_largura: 80px; --titulos_borda_cor: inherit; --subtitulo_tamanho: 16px; --subtitulo_texto: inherit; --kits_altura: 480px; --kits_arredondamento_botao: 0px; --kits_fundo_botao: #53a412; --kits_texto_botao: #FFF; --blogwidget_fundo: #EEE; --blogwidget_espacamento: 20px; --blogwidget_titulo_cor: inherit; --blogwidget_titulo_fundo: inherit; --blogwidget_titulo_borda: inherit; --blogpost_fundo: #FFF; --blogpost_fundo_hover: #EEE; --blogpost_texto: #000; --blogpost_texto_hover: inherit; --blogpost_texto_tamanho: 20px; --blogpost_imagem_altura: 195px; --ofertas_periodicas_altura: 48px; --ofertas_periodicas_altura_mobile: 35px; --slogan_fundo: #000; --slogan_texto: #FFF; --banners_slide: inherit; --alertas_destaque: inherit; --borda_separador: #EEE; --breadcrumb_cor: #333; --modal_fundo: #FFF; --modal_texto: inherit; --modal_espacamento_interno_px: 20px; --modal_texto_principal_px: 28px; --modal_texto_px: 16px; --modal_texto_botao_px: 16px; --modal_tamanho_icones_scale: scale(100%); --modal_icone_margem_px: 15px; --modal_botao_margem_px: 30px; --modal_error_icone: #d43f3a; --modal_error_botao: #d43f3a; --modal_error_texto: #fff; --modal_warning_icone: #ffc107; --modal_warning_botao: #ffc107; --modal_warning_texto: #222; --modal_success_icone: #4cae4c; --modal_success_botao: #4cae4c; --modal_success_texto: #fff; --modal_info_icone: #17a2b8; --modal_info_botao: #17a2b8; --modal_info_texto: #fff; --modal_login_input_fundo: #fff; --modal_login_input_texto: #333; --modal_login_borda: #ddd; --modal_login_success_fundo: #28a745; --modal_login_success_borda: #28a745; --modal_login_success_texto: #fff; --modal_login_fb_fundo: #3b5998; --modal_login_fb_borda: #3b5998; --modal_login_fb_texto: #fff; --modal_login_gl_fundo: #d93025; --modal_login_gl_borda: #d93025; --modal_login_gl_texto: #fff; --modal_login_otp_fundo: #fff; --modal_login_otp_borda: #ddd; --modal_login_otp_texto: #333; --alertas_fundo_cor: #f60; --alertas_texto_cor: #FFF; --alertas_espacamento_interno_px: 20px; --alertas_texto_px: 16px; --carrinho_suspenso_fundo: #FFF; --carrinho_suspenso_texto: #333; --carrinho_suspenso_cor_bordas: #ddd; --carrinho_suspenso_excluir: #dc3545; --carrinho_suspenso_continuar_fundo: #fff; --carrinho_suspenso_continuar_texto: #333; --carrinho_suspenso_continuar_borda: #666; --carrinho_suspenso_continuar_arredondamento: 0px; --carrinho_suspenso_finalizar_fundo: #666; --carrinho_suspenso_finalizar_texto: #fff; --carrinho_suspenso_finalizar_borda: #666; --carrinho_suspenso_finalizar_arondamento: 0px; } ::-moz-selection { background-color: var(--Marca-800); color: var(--Neutro-50); } ::selection { background-color: var(--Marca-800); color: var(--Neutro-50); } .outline-0 { outline: 0 !important; } button { outline: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } @media (max-width: 420px) { .produtos .item { .porc_desconto { margin-left: .25rem !important; padding: 0 .375rem !important; font-size: .75rem !important; line-height: 1.5rem !important; } } } @media (min-width: 576px) { .central, .container { max-width: 100%; } } @media (min-width: 768px) { .central, .container { max-width: 100%; } } @media (min-width: 992px) { .central, .container { max-width: 100%; } } @media (min-width: 1200px) { .central, .container { max-width: 1160px; } } @media (min-width: 1400px) { .central, .container { max-width: 1300px; } } @media (min-width: 576px) { .central, .container, .container-sm { max-width: 100%; } } @media (min-width: 768px) { .central, .container, .container-md, .container-sm { max-width: 100%; } } @media (min-width: 992px) { .central, .container, .container-lg, .container-md, .container-sm { max-width: 100%; } } @media (min-width: 1200px) { .central, .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1160px; } } @media (min-width: 1400px) { .central, .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px; } } .btn-primary { padding: 0.5rem 1rem; font-weight: 600; background-color: var(--Marca-900); border-color: var(--Marca-900); color: #fff; &:hover, &:focus, &:not(:disabled):not(.disabled).active, &:not(:disabled):not(.disabled):active, &.disabled, &:disabled { background-color: var(--Marca-800); border-color: var(--Marca-800); color: #fff; } } .btn, .btn-primary, .custom-select, .form-control { &:focus, &:not(:disabled):not(.disabled).active:focus, &:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgb(from var(--Marca-800) r g b / .5); } } .btn:focus { box-shadow: 0 0 0 0.2rem rgb(from var(--Marca-800) r g b / .5); } svg.icon { display: flex; width: var(--size, 1.5rem); height: var(--size, 1.5rem); transition: all 0.3s ease-out; &:not(.fill-none) { fill: var(--Neutro-900); } &.star { fill: #ffb300; } } body.no-scroll { overflow: clip !IMPORTANT; } body { font-size: 16px; line-height: 1.5rem; color: var(--Neutro-900); background-color: var(--loja_fundo); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } @media (pointer: fine), (pointer: none) { body.modal-open { overflow-y: hidden; } body.modal-open, body.no-scroll { padding-right: 17px; } } a { color: var(--Marca-900); transition: color .15s ease-in-out; &:active, &:hover, &:focus { color: var(--Marca-800); } } picture { display: block; } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } .block { float: none; } :is(input, select, .form-control):not(#mymodal *, .suspended-cart *, #carrinho *, #finish *) { padding: .75rem 1rem; color: var(--Neutro-900); background-color: #fff; font-size: 1rem; border: 1px solid var(--Neutro-300); border-radius: .5rem; line-height: 1.5rem; &::placeholder { color: var(--Neutro-400); } &:hover, &:focus, &:active { border: 1px solid var(--Marca-600); } &.error { border: 1px solid var(--Status-Vermelho-400) !IMPORTANT; } &:focus, &:not(:disabled):not(.disabled).active, &:not(:disabled):not(.disabled):active { box-shadow: 0 0 0 0.2rem var(--Marca-500); } } button { &:focus { outline-color: var(--Marca-500); } } .form-control.error ~ .invalid-feedback { display: block; position: absolute; } .invalid-feedback { color: var(--Status-Vermelho-700); } .nowrap { white-space: nowrap; } strong, b { font-weight: 600; } .font-weight-bold { font-weight: 600 !IMPORTANT; } #bt-wpp { background-color: #4dab25; padding: .5rem; bottom: .75rem; right: .75rem !important; border-radius: 100%; transition: transform .3s ease-out; will-change: transform; opacity: 0; animation: showWppButton 1s ease-in-out 3s forwards; img { width: 2.25rem; height: 2.25rem; } &:hover,&:active,&:focus { transform: scale(1.05); } } @keyframes showWppButton { from { opacity: 0; } to { opacity: 1; } } #fixed-bottom { right: 1rem; bottom: 1rem; display: none !important; #scrollToTop { margin: 0; } } #mymodal .mymodal-header h3 { font-weight: 600 !IMPORTANT; } #geral { max-width: 100vw; overflow-x: hidden; } #geral, .produtos .owl-carousel .owl-item, .produtos, .produtos .item .options .valores .valor_de, .produtos .item .options .input-actions, #avaliacoes .itens, #avaliacoes .notamedia, #alerts, #produto, #produto-conjunto .resultado, #produto .botoes .bt-frete, #produto .descricao, #produto .comentarios .b.mymodal, #departamentos .cln.p .listing a, #slogan, #contato, section#video-home, div#page_home>.container>.kit-products .block, .b_header { float: none !IMPORTANT; } @media screen and (max-width: 1024px) { #informacoes, #contato, #departamentos, #produto, #carrinho, #login, #finalizado, #central { padding-left: 15px; padding-right: 15px; } } .owl-carousel .owl-stage::after { content: none !IMPORTANT; } .owl-carousel .owl-stage { display: flex; align-items: stretch !IMPORTANT; } .owl-carousel .owl-nav { .owl-prev, .owl-next { display: inline-flex; position: absolute; top: 50%; transform: translateY(-50%); padding: .375rem; background-color: #FFF; border-radius: 50%; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } .owl-prev { left: -1.25rem; } .owl-next { right: -1.25rem; } } .owl-carousel .owl-dots { position: absolute; width: 100%; margin: 0; bottom: 0; visibility: visible; opacity: 1; .owl-dot { padding: .5rem; span { height: .5rem; width: .5rem; margin: 0; background-color: var(--Marca-100); transition: all .3s linear; } &:is(.active,:hover) span { background-color: var(--Marca-800); } &:is(.active) span { width: 1.5rem; } } } .produtos .owl-carousel .owl-dots { position: relative; margin-top: 1rem !IMPORTANT; } .produtos .owl-carousel .owl-nav .owl-prev, .produtos .owl-carousel .owl-nav .owl-next { top: 150px; } #produtos-lancamentos .owl-nav.disabled { display: none !IMPORTANT; } .banner-topo picture, .banners-meio picture, .banners-central picture, .banner-rodape picture, .banner-animated { overflow: hidden; border-radius: .5rem; a img { transition: transform .3s ease-in-out; @media (prefers-reduced-motion: no-preference) { &:hover, &:active, &:focus { transform: scale(1.05); } } } } /* TITULOS - START */ .vitrine .titulo, .lancamentos .titulo, #widget_avaliacoes .titulo { width: 100%; margin: 0; text-align: left; font-size: 1.125rem; line-height: 1.75rem; color: var(--Neutro-900); font-weight: 600; } /* TITULOS - END */ /* PRODUCT BOX - START */ .vitrine { .produtos { margin-top: 1rem; } .owl-carousel .item { margin-bottom: 0; } } .produtos .item { margin-bottom: 0 !IMPORTANT; height: 100%; } .produtos .owlCarousel .owl-height { height: auto !IMPORTANT; } .produtos .row.owl-carousel { margin-left: 0; margin-right: 0; } .produtos .owl-carousel { .owl-item { display: flex; height: 100%; } } .produtos .item { display: flex; flex-direction: column; border: 0; background-color: transparent; padding: 0; &:hover { background-color: inherit; } .header-wrap { position: relative; z-index: 0; border-radius: .25rem; overflow: hidden; } .fotos, .produto, .cores, .valor, .parcelamento, .rate_box { float: none; } .fotos { z-index: 0; margin: 0; width: 100%; border: 0; .it{ height: fit-content; &::before { content: ""; width: 100%; height: 100%; background: #f7f7f7; position: absolute; mix-blend-mode: darken; z-index: 3; left: 0; } &::after { content: ''; display: block; padding-bottom: var(--Altura-Imagens-dos-Produtos, 100%); } } .img { background-color: #F4F4F4; border-radius: .25rem; overflow: hidden; } } .countdown { position: absolute; left: 0; bottom: 0; margin-bottom: 0 !IMPORTANT; z-index: 1; span { display: block; width: 100%; padding: .375rem .625rem; font-size: .875rem; line-height: 1.25rem; font-weight: 600; background-color: var(--Status-Vermelho-700); border-radius: 0; &::before { content:''; position: relative; background: url('data:image/svg+xml,') center center no-repeat; width: 1rem; height: 1rem; display: inline-block; margin-bottom: -3px; margin-right: 4px; } } } .selos, .frete_gratis { display: flex; position: absolute; top: .625rem; z-index: 1; width: auto; } .selos { left: .625rem; flex-direction: column; gap: .5rem; } .selos span.selo, .frete_gratis { margin: 0; border-radius: .25rem; line-height: 1rem; padding: .25rem .5rem; font-weight: 600; font-size: .75rem; } .frete_gratis { right: .625rem; background-color: var(--Status-Verde-700); } a { margin-top: .5rem; font-weight: 400; z-index: 1; &::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .produto { font-size: .9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: .25rem; padding: 0; text-align: left; height: 2.5rem; color: var(--Neutro-900); line-clamp: 2; -webkit-line-clamp: 2; } } .rate_box { display: inline-flex; align-items: center; gap: .125rem; margin-bottom: .25rem; .star { --size: 1rem; } .rate_total { font-size: .8125rem; line-height: 1.25rem; color: var(--Neutro-700); } } .cores { display: inline-flex; margin-top: .5rem; margin-bottom: 0; gap: .25rem; .cor_primaria { margin: 0; max-width: 1.5rem; max-height: 1.5rem; border: 2px solid rgba(0,0,0,.08); overflow: auto; } } .valor, .parcelamento { order: 10; } .valor { min-height: auto; margin-top: .5rem; margin-bottom: 0; text-align: left; .valor_de { color: #A39B96; font-size: .875rem; line-height: 1.25rem; span:nth-of-type(1), span:nth-of-type(3) { display: none; } span.vlr { margin: 0; } } .valor_final_wrap { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: .25rem 0; } .valor_final { display: inline-block; font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; color: var(--Neutro-900); white-space: nowrap; } } .porc_desconto { margin-left: .5rem; position: relative; top: auto; right: auto; width: auto; height: auto; line-height: 1.75rem; font-size: .875rem; font-weight: 600; color: var(--Status-Verde-700); border-radius: .25rem; padding: 0 .5rem; background-color: var(--Status-Verde-50); white-space: nowrap; } .parcelamento { text-align: left; padding: 0; margin-bottom: 0; p { margin: 0; font-size: .875rem; line-height: 1.25rem; color: var(--Neutro-700); &::before { content: 'at\00E9\0020 '; } } strong { font-weight: 400; } } .produto_indisponivel { padding: .25rem .5rem; color: var(--Status-Vermelho-50); background-color: var(--Status-Vermelho-700); border-radius: .25rem; border: 0; line-height: 1.5rem; font-weight: 600; text-align: center; } .botoes { order: 11; } } /* PRODUCT BOX - END */ .produtos-visitados .produtos > .justify-content-center { justify-content: flex-start !IMPORTANT; } /* BREADCRUMBS - START */ .breadcrumb { padding: .5rem 0; margin-left: -.5rem; margin-bottom: 1rem; .item, .item a { font-size: .875rem; line-height: 1.25rem; color: var(--Neutro-900); } .item a:hover, .item a:focus { color: var(--Marca-800); text-decoration: underline !IMPORTANT; } .item { display: flex; align-items: center; a, b { padding: .5rem; } } .item:not(:last-of-type)::after { content: ''; background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23271B12" viewBox="0 0 24 24"%3E%3Cpath d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center; background-size: 100%; width: 1.15rem; height: 1.15rem; display: inline-block; } } /* BREADCRUMBS - END */ /* ALERTS - START */ #alerts { display: inline-flex; justify-content: space-between; margin-top: -3rem; margin-bottom: -2.5rem; padding: 0; overflow: auto hidden; p, a { display: flex; flex-direction: row; align-items: center; } p { padding: 1rem 1.5rem; position: relative; border-radius: .25rem; flex: 0 0 auto; margin: 0 .5rem; text-align: left; flex-grow: 0; white-space: nowrap; &:first-of-type { margin-left: 0; } &:last-of-type { margin-right: 0; } } a::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } a:hover, a:hover i { text-decoration: underline !IMPORTANT; color: var(--Neutro-800) !IMPORTANT; } .text { display: flex; flex-direction: column; align-items: flex-start; flex-grow: 0; font-size: .875rem; line-height: 1.25rem; &.span, b { font-size: 1rem; line-height: 1.5rem; font-weight: 600; } &, .second { font-size: .875rem; line-height: 1.25rem; } .second { font-weight: 400; } } p img { max-height: 2rem; margin: 0 .75rem 0 0; } p i { margin: 0 .75rem 0 0; font-size: 2rem; line-height: 2rem; } } @media screen and (max-width: 768px) { #alerts .text, #alerts .text .second { font-size: .75rem; line-height: 1rem; } #alerts .text.span, #alerts .text b { font-size: .875rem; line-height: 1.25rem; } #alerts p { margin: 0; padding: 1rem; } } /* ALERTS - END */ /* CHECKOUT - START */ #finish, #finish-mobile { h3, .main .box .steps .label { font-weight: 600 !IMPORTANT; } & ~ footer { margin-top: 0; } } /* CHECKOUT - END */ /* CENTRAL CLIENTE - START */ #central { .produtos { .item { a::after { content: none; } } } } /* CENTRAL CLIENTE - END */ /* CUSTOM SCROLLBAR - START */ /*.custom-scrollbar { scrollbar-width: thin; scrollbar-color: #DFCABB #F7F2EE; }*/ /* Chrome, Edge and Safari */ .custom-scrollbar::-webkit-scrollbar { height: 4px; width: 4px; } .custom-scrollbar::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; } .custom-scrollbar::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track:hover, .custom-scrollbar::-webkit-scrollbar-track:active { background-color: #f0eef7; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #c9bbdf; } .custom-scrollbar::-webkit-scrollbar-thumb:hover, .custom-scrollbar::-webkit-scrollbar-thumb:active { background-color: #9b95cd; } /* CUSTOM SCROLLBAR - END */ /* LGPD - START*/ #lgpd .cont { padding: 1.25rem 1.25rem; width: auto; border-radius: .5rem; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } #lgpd .col { max-width: 340px; } #lgpd .col-md-2 { max-width: unset; width: auto; padding-left: 0; } #lgpd .cont .mensagem { font-size: .875rem; line-height: 1.25rem; } #lgpd .cont .mensagem a { margin-left: .25rem; font-weight: 600; } #lgpd .cont .mensagem a:hover { color: var(--Marca-800) !IMPORTANT; } #lgpd .cont .b { display: block; float: none; font-size: .875rem; padding: .5rem 1.125rem; font-weight: 600; border-radius: .25rem; transition: all .3s ease-out; } #lgpd .cont .b:active, #lgpd .cont .b:hover, #lgpd .cont .b:focus { opacity: .8; } #lgpd .cont .btn-reject { font-size: .875rem; display: none; } /* LGPD - END */ @media screen and (max-width: 768px) { .produtos .item { height: 100%; } #lgpd .row { flex-direction: column; gap: .75rem; } #lgpd .row [class*=col] { margin-bottom: 0 !IMPORTANT; } #lgpd .col-md-2 { width: 100%; padding-left: 15px; } #lgpd .cont .mensagem a { margin-left: 0; } } @media screen and (max-width: 460px) { .produtos .item .countdown span { font-size: .75rem; padding-left: .5rem; padding-right: .5rem; white-space: nowrap; } } @media screen and (min-width: 768px) { .produtos .owl-carousel .owl-nav.disabled { display: block !IMPORTANT; } } /* INSTITUTIONAL PAGES - START */ .infos { .texto { &, p, p span { font-size: 1.125rem !important; } } } #informacoes { padding: 3rem 0 0; .central { padding-right: 15px; padding-left: 15px; @media (min-width: 900px) { max-width: 840px; } } .titulo { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 700; } .texto, .seo_info { float: none !important; } h3, h4, h5, h6 { margin-top: 2.5rem; margin-bottom: .5rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1rem; } .texto { &, p, p span { font-size: 1rem !important; } p { line-height: 1.6; margin-bottom: 1rem; } ul, ol { li { padding-left: 0; line-height: 1.6; } } } } /* INSTITUTIONAL PAGES - END */ /* CONTACT PAGE - START */ #contato { padding: 3rem 0 0; .central { padding-right: 15px; padding-left: 15px; @media (min-width: 900px) { max-width: 840px; } } .titulo { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 700; } h3, h4, h5, h6 { margin-bottom: .5rem; } h3 { font-size: 1.25rem; } #form .bt-enviar { background-color: var(--Marca-900); color: var(--Neutro-100); border-radius: .5rem; transition: background .3s ease; &:is(:hover,:active,:focus) { background-color: var(--Marca-800); } } .texto { &, p, p span { font-size: 1rem !important; } p { line-height: 1.6; margin-bottom: 1rem; } ul, ol { li { padding-left: 0; line-height: 1.6; } } } } /* CONTACT PAGE - END */