.menu-direito-nav { margin-right: 45px !important; } .force-height-400 { min-height: 45vh !important; } @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=SUSE:wght@100..800&display=swap'); body, .navbar { background-color: #027e31 !important; font-family:'Montserrat', system-ui; font-weight: 400 !important; font-style: normal; } .custom_topo_fundo { background-color: #027e31 !important; } .custom_topo_texto { color: #ffffff !important; } .custom_topo_texto:hover { color: #ffffff !important; } .custom_menu_fundo, .navbar-expand-lg.navbar-light .navbar-nav .dropdown:hover .nav-link { background-color: #05bf4b !important; border: 1px } .custom_menu_texto { color: #ffffff !important; font-size: 16px !important; } .custom_menu_texto_no_hover { color: #ffffff !important; } .custom_menu_texto:hover { color: #ffcc00 !important; } .custom_color{ color: #ffffff !important; } .custom_color_hover{color: #ffcc00 !important;} .custom_loja_fundo, body { background-color: #efeeef !important; } .custom_loja_texto { color: #000000 !important; font-weight: 400 !important; } .custom_redesSociais_fundo { background-color: #027e31 !important; border: 1px solid transparent !important;} .custom_redesSociais_texto { color: #ffffff !important; } .custom_redesSociais_texto:hover { color: #ffffff !important; } .custom_rodapeInformacoes_fundo { background-color: #fafafa !important; border: 1px solid transparent !important} .custom_rodapeInformacoes_texto { color: #333333 !important; } .custom_rodapeInformacoes_texto_no_hover { color: #333333 !important; } .custom_rodapeInformacoes_texto:hover { color: #027e31 !important; } .custom_rodape_fundo { background-color: #fafafa !important; } .custom_rodape_texto { color: #333333 !important; } .custom_botoesPrincipais_fundo { background-color: #05bf3b !important; } .custom_botoesPrincipais_texto { color: #ffffff !important; } .custom_botoesSucesso_fundo { background-color: #027e31 !important; } .custom_botoesSucesso_texto { color: #ffffff !important; } .nav-tabs .nav-link.active { border-color: #ffffff !important; } .btn-canvas { color: #ffffff !important; } .custom-control-label::before { border: 1px solid #555 !important; } .btn-primary, .bg-primary { background-color: #05bf3b !important; border: 1px solid #05bf3b !important; color: #ffffff !important; } .btn-primary:hover { background-color: #05bf4b !important; border: 1px solid #05bf4b !important; color: #ffffff !important; } .btn-outline-primary { background-color: transparent !important; border: 1px solid #05bf3b !important; color: #05bf3b !important; } .btn-outline-primary:hover { background-color: #05bf3b !important; border: 1px solid #05bf3b !important; color: #ffffff !important; } .btn-info { background-color: #027e31 !important; border: 1px solid #027e31 !important; color: #ffffff !important; } .btn-info:hover { background-color: #05bf4b !important; border: 1px solid #05bf4b !important; color: #ffffff !important; } /* Dot geral (ativo e inativo) */ .owl-carousel .owl-dots .owl-dot { background-color: #05bf3b !important; position: relative; top: -125px; /* Move o dot 50px para cima */ width: 8px; /* Tamanho do dot */ height: 8px; /* Tamanho do dot */ border-radius: 100%; /* Forma circular */ transition: all 0.3s ease; /* Transição suave para o hover e active */ } /* Span dentro do dot (ajuste para o tamanho) */ .owl-carousel .owl-dots .owl-dot span { display: block; /* Garante que o span ocupe o tamanho do dot */ width: 8px !important; /* Garantir que o span tenha o mesmo tamanho do dot */ height: 8px !important; /* Garantir que o span tenha o mesmo tamanho do dot */ border-radius: 100%; /* Mantém a forma circular */ } /* Dot ativo */ .owl-carousel .owl-dots .owl-dot.active { background-color: #027e31 !important; /* Cor do dot ativo */ } /* Span inativo (diferenciação visual) */ .owl-carousel .owl-dots .owl-dot:not(.active) span { background-color: #acadac !important; /* Cor de fundo para os dots inativos */ } /* Span ativo (mantém cor de fundo normal) */ .owl-carousel .owl-dots .owl-dot.active span { background-color: #027e31 !important; /* Cor do dot ativo */ } .loader span { background-color: #000000 !important; } .loader-div { background-color: #efeeef !important; opacity: 0.75; } /* Estilo geral para os cards */ .product-card { position: relative; background-color: #ffffff !important; border: 1px solid #e3e3e7 !important; border-radius: 5px; color: #444650 !important; font-size: 14px !important; line-height: normal !important; margin-bottom: 15px !important; margin-left: -6px !important; margin-right: 55px !important; } .product-card .product-card-body { height: 160px !important; padding: 6px !important; background-color: #f6f6f7; } .product-card:hover { border: 1px solid #e3e3e7 !important; border-color: #e6e6e6 !important; border-style: solid; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: 0 0 0 0px #e6e6e6 inset; } .product-card .btn-primary { background-color: #05bf4b !important; border: 1px solid #05bf4b !important; color: #ffffff !important; } .product-card:hover .btn-primary { background-color: #05bf3b !important; border: 1px solid #05bf3b !important; color: #ffffff !important; } .product-card .btn-primary{ background-color: #05bf4b !important; border: 1px solid #05bf4b !important; color: #ffffff !important; } .product-card:hover .btn-primary { background-color: #05bf3b !important; border: 1px solid #05bf3b !important; color: #ffffff !important; } .product-title-indisponivel{ color: #000000 !important; font-size: 14 !important; text-align: left !important; line-height: normal !important; } .product-card .product-thumb badge{ position:absolute; } .product-card .product-thumb { display: flex; justify-content: center; align-items: center; height: 300px !important; /* Altura fixa para a área da imagem */ padding: 0 !important; /* Remover padding extra */ position: relative; /* Necessário para o posicionamento do overlay */ } .product-card .product-thumb img { width: 100%px !important; /* Largura fixa da imagem conforme o valor PHP */ height: 300px !important;px !important; /* Altura fixa da imagem conforme o valor PHP */ object-fit: cover; /* Ajusta a imagem para cobrir a área sem distorcer */ max-width: 100%; /* Garante que a imagem não ultrapasse a largura do contêiner */ max-height: 100%; /* Garante que a imagem não ultrapasse a altura do contêiner */ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .product-card .product-thumb .foto-hover { position: absolute; top: 0; left: 0; width: 100%; height: 300px !important;px !important; /* A altura do overlay é a mesma da imagem */ background-color: rgba(255, 255, 255, 0.7); /* Fundo semi-transparente para o hover */ visibility: hidden; opacity: 0; transition: opacity 0.3s ease; } .product-card .product-thumb:hover .foto-hover { visibility: visible; opacity: 1; } /* Estilo do título para garantir que ocupe 2 linhas */ .product-title { display: -webkit-box; -webkit-line-clamp: 2; /* Limita o texto a 2 linhas */ -webkit-box-orient: vertical; overflow: hidden; /* Esconde o texto que ultrapassar */ text-overflow: ellipsis; /* Adiciona reticências no final do texto */ line-height: 1.2em; /* Ajuste o espaçamento entre as linhas */ max-height: 2.4em; /* Limita a altura para 2 linhas */ min-height: 2.4em; /* Garante que sempre ocupará no mínimo 2 linhas */ margin-bottom: 10px; /* Espaçamento abaixo do título */ font-size: 14px !important; color: #444650 !important; text-align: left !important; font-weight: bold !important; } /* Garantir que os outros elementos não sobreponham o título */ .product-card-text-line, .product-card-text-price, .product-card-parc, .product-card-disc, .product-card-percent { margin-top: 0; margin-bottom: 5px; /* Adiciona um espaçamento entre os elementos */ } /* Responsividade e ajuste de espaçamento */ @media (max-width: 600px) { .product-title { -webkit-line-clamp: 3; /* Em telas menores, pode-se permitir até 3 linhas */ max-height: 3.6em; min-height: 3.6em; } } .product-card .product-card-text-price { font-size: 25px !important; color: #027e31 !important; text-align: left !important; font-weight: bold !important; display: block; } .product-card .product-card-disc { color: #05bf4b !important; font-size: 14px !important; text-align: left !important; font-weight: normal !important; display: block; } .product-card .product-card-percent { color: #555555 !important; font-size: 11px !important; text-align: left !important; font-weight: normal !important; display: block; } .product-card .product-card-parc { top: 55px; font-size: 13px !important; color: #000000 !important; text-align: left !important; font-weight: normal !important; display: block; } /* .product-card button { color: #ffffff !important; background-color: #333333 !important; } .product-card button:hover { color: #ffffff !important; background-color: #666666 !important; } .product-card .btn-primary, .product-card .bg-primary { background-color: #333333 !important; border: 1px solid #ffffff !important; color: #ffffff !important; } .product-card .btn-primary:hover { color: #ffffff !important; border: 1px solid #ffffff !important; background-color: #666666 !important; } */ .product-card-text-line{ display: block; text-decoration: line-through; color: #027e31 !important; font-size: 30px !important; font-weight: bold !important; text-align: left !important; } .product-card-btns{ position: relative; padding-bottom: 5px; text-align: right; } .product-card .product-card-btns a{ /*padding:6px 12px;*/ visibility: hidden; opacity: 0; right:0; text-align: center; } .product-card:hover .product-card-btns a{ visibility: visible; opacity: 1; } #produtosNovo { display: flex; flex-wrap: wrap; gap: 0px; justify-content: flex-start; } #produtosNovo .col-lg-2, #produtosNovo .col-md-4, #produtosNovo .col-sm-6 { flex: 1 1 calc(22% - 75px); max-width: calc(20% - 0px); } .oferta{background-color: #a67720 !important; color: #f5e5c3 ;} .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #f5e5c3 !important; text-align: center; text-decoration: none; background-color: #a67720 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip .arrow { border-top-color: #a67720 !important; position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #a67720 !important; } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #a67720 !important; } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: #a67720 !important; } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: #a67720 !important; } .tooltip .arrow::before { position: absolute; content: ''; border-color: transparent; border-style: solid; } .shadow-custom { -webkit-box-shadow: 0px 3px 0px 0px #666666; -moz-box-shadow: 0px 3px 0px 0px #666666; box-shadow: 0px 3px 0px 0px #666666; margin-bottom: 0.36rem !important; } .menu-lateral-categoria > a{ color: #ffffff !important; font-weight:500 !important; } .menu-lateral-categoria > a:hover{color: #ffcc00 !important; font-weight:500 !important;} .navbar-btn {width: 95px !important;font-weight: 100 !important;font-size: 12px !important; } .btn-canvas {width: 40px !important;text-align: center !important;} .btn-canvas small {font-size: 8px !important;} .nav-link-inline {font-weight: 400 !important;} @media screen and (min-width: 799px) { .multiplos-config { width: 100% !important; height: auto !important } .slide-config { width: 100% !important; height: auto !important } }