/*
Theme Name: Template 01
Author: Kodev
Author URI: https://kodev.com.br/
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --preto: #1E1E1E;
    --preto2: #000;
    --branco: #fff;
    --cinza: #49526E;
    --cinzaClaro: #e9ecef;
    --bg: #e9ecef;
    --whatsapp: #08c50f;
    --verde: #08c50f;
    --verdeEscuro: #075e54;

}

body {
    font-family: 'Inter', sans-serif;
}

.form-busca {
    border-radius: 50vh;
    border: none;
}

.btn-form-busca {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px;
    margin-right: 5px;
}

.header-contato-icone {
    color: var(--cor);
    font-size: 35px;
    margin-right: 10px;
}

.header-contato-informacoes .header-contato-informacoes__contato a {
    color: var(--preto);
    text-decoration: none;
}

.header-contato-informacoes__titulo {
    font-weight: 700;
    color: var(--cor);
    font-size: 12px;
}

.header-contato-informacoes__contato {
    font-weight: 700;
    color: var(--cinza);
    font-size: 14px;
}

.nav-bg {
    background-color: var(--cor);
    padding: 2px 0;
}

.nav-bg ul.nav li.nav-item a.nav-link {
    color: var(--branco);
    font-size: 15px;
    font-weight: 600;
}

.nav-bg ul.nav li.nav-item a.nav-link:hover {
    color: var(--cinza);
}

.img-slide {
    border-radius: 10px;
}

.relative {
    position: relative !important;
}

.bg-slide {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--cor);
}

section.produtos {
    margin-top: 50px;
}

h1.titulo {
    font-weight: 700;
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 10px;
}

h1.titulo span{
    font-weight: 300;
}

.btn-padrao {
    background-color: var(--cor);
    color: var(--branco);
}

.btn-padrao:hover {
    background-color: var(--cinza);
    color: var(--branco);
}

.btn-50vh {
    border-radius: 50vh;
}

.full {
    width: 100%;
}

.box-produto {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.box-produto__img {
    margin-bottom: 20px;
    text-align: center;
}

.box-produto__img-card {
    height: 150px;
}

.cover {
    object-fit: cover;
}

.box-produto__nome a {
    color: var(--preto);
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
}

.box-produto__nome {
    height: 50px;
}

.box-produto__descricao {
    color: var(--cinza);
    font-size: 14px;
    margin-bottom: 20px;
}

section.slide {
    margin-top: 30px;
}

section.servicos {
    margin: 50px 0;
}

.box-servico {
    margin-bottom: 30px;
}

.box-servico__img img {
    border-radius: 10px;
}

.box-servico {
    position: relative;
}

.box-servico__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 65%, rgba(0, 0, 0, 0));
    width: 100%;
    padding: 10px 20px 5px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box-servico__bg a {
    color: var(--branco);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.box-servico__bg a:hover {
    color: var(--cor);
}

.branco {
    color: var(--branco) !important;
}

footer {
    background-color: var(--preto);
    padding: 30px 0;
}

.footer-titulo {
    color: var(--branco);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
}

.footer-lista ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-lista ul li {
    margin-bottom: 8px;
}

.footer-lista ul li a {
    color: var(--branco);
    text-decoration: none;
}

.footer-lista ul li a:hover {
    color: var(--cor);
}

.footer-lista ul li::before {
    content: '\f0da';
    font-family: Fontawesome;
    color: var(--cor);
    padding-right: 10px;
}

.copy {
    color: var(--branco);
    font-weight: 800;
    font-size: 18px;
    margin-top: 60px;
}

.site a {
    color: var(--branco);
    font-size: 13px;
    text-decoration: none;
}

.site a:hover {
    color: var(--cor);
}

.site img {
    height: 50px;
}

.site {
    margin-top: 20px;
}

section.pagina {
    margin: 10px 0;
}

.btn-whatsapp {
    background-color: var(--whatsapp);
    color: var(--branco);
}

.btn-whatsapp:hover {
    background-color: var(--preto);
    color: var(--branco);
}

.produto-foto-slide {
    width: 100%;
    height: 300px;
}

.produto-whatsapp {
    border-top: 1px solid rgba(0, 0, 0, 0.1) ;
    text-align: center;
    padding-top: 20px;
}

.card-header {
    font-weight: 700;
    background-color: var(--preto);
    color: var(--branco);
}

nav ol.breadcrumb li.breadcrumb-item a {
    color: var(--cor);
    text-decoration: none;
}

nav ol.breadcrumb li.breadcrumb-item a:hover {
    color: var(--preto);
}

.variacoes {
    margin-bottom: 30px;
}

.titulo-variacao {
    font-weight: 700;
}

.capa-servico-pagina {
    width: 100%;
    height: 300px;
}

.whatsapp-flutuante {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 40px;
}

section.onde-estamos {
    margin-top: 50px;
}

.no-padding {
    margin: 0;
    padding: 0;
}

.sidebar {
    background-color: var(--bg);
    padding: 10px;
    border-radius: 10px;
}

.sidebar-titulo {
    background-color: var(--cor);
    color: var(--branco);
    padding: 5px 5px 5px 15px;
    border-radius: 5px;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
}

.sidebar-conteudo ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-conteudo ul li a {
    color: var(--preto);
    text-decoration: none;
    font-weight: 500;
}

.sidebar-conteudo ul li a:hover {
    color: var(--cinza);
}

.sidebar-conteudo ul li::before {
    content: '\f0da';
    font-family: Fontawesome;
    padding-right: 10px;
    color: var(--cor);
}

.sidebar-conteudo ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.sidebar-conteudo ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mensagem-404 {
    text-align: center;
}

.mensagem-404 a {
    color: var(--preto);
    text-decoration: none;
    font-weight: 700;
}

.mensagem-404 a:hover {
    color: var(--cor);
}

.box-galeria-img {
    border-radius: 7px;
}

.box-galeria {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    transition: ease 0.3s;
    margin-bottom: 30px;
}

.box-galeria:hover {
    border: 3px solid var(--cor);
}

.galeria-titulo {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--cor);
    font-weight: 700;
    margin-bottom: 30px;
    padding: 10px 20px 10px 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;   
}

.galeria-titulo a {
    color: var(--branco);
    text-decoration: none;
}

.galeria-foto-pag {
    width: 100%;
    height: 250px;
}

/* Depoimentos */

.depoimento-box {
    background-color: var(--bg);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    
}

.depoimento-estrelas img {
    height: 25px;
}

.depoimento-texto {
    margin-top: 20px;
    font-style: italic;
}

.depoimento-autor {
    font-weight: 700;
}

.depoimento-icone {
    font-size: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -30px;
    margin-right: -20px;
    color: rgba(0, 0, 0, 0.05);
}

/* Parceiros */

.parceiro-img {
    width: 100%;
    height: 250px;
}

.parceiro-box {
    margin-bottom: 30px;
}

/* Sobre nos */

.foto-fachada-img {
    width: 100%;
    height: 300px;
}

/* Marcas */
section.marcas {
    margin-top: 50px;
}

.left {
    text-align: left !important;
}

.box-produto__precos {
    margin-bottom: 20px;
}

.box-produtos__precos-normal {
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    margin-bottom: -5px;
}

.box-produtos__precos-normal span {
    font-size: 16px;
    text-decoration: line-through;
}

.box-produtos__precos-promocional {
    font-weight: 700;
}

.box-produtos__precos-promocional span {
    font-size: 22px;
}

.box-produto__precos {
    min-height: 50px;
}

a.link {
    color: var(--cor);
    text-decoration: none;
}

.logo-marca-produto {
    width: 150px;
    height: 50px;
}

.logo-marca-index {
    height: 180px;
}

.titulo-busca {
    font-weight: 700;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.none {
    display: none !important;
}

.logado {
    background-color: var(--verde);
    padding: 10px;
    position: fixed;
    bottom: 0;
    margin-bottom: 50px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 999999 !important;
}

.logado a{
    color: var(--branco);
    text-decoration: none;
    font-weight: 700;
}

.header-menu-toggle span {
    padding: 10px 5px;
    font-size: 30px;
}

.search-form {
    margin-top: 13px;
}

.header-busca {
    position: relative;
    margin-right: 40px;
}

.img-thumb-sacola {
    width: 50px;
    height: 50px;
}

.btn-whatsapp {
    background-color: var(--verdeEscuro);
    color: var(--branco);
    border-radius: 50vh;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.btn-whatsapp::after {
    content: '\f232';
    font-family: Fontawesome;
    padding-left: 5px;
}

.custom-select {
    border-radius: 50vh;
    height: 50px;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu ul li a {
    color: var(--branco);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.menu ul li a:hover {
    color: var(--cor);
}

.menu ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.menu ul li::before {
    content: '\f0da';
    font-family: Fontawesome;
    padding-right: 10px;
    color: var(--cor);
}

.menu ul li:last-child {
    border-bottom: 1px solid transparent;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.nav-bg-modelo-6 {
    background-color: var(--cor); 
}

.menu-header-6 {
    padding:  20px 0;
}

.menu-header-6 ul.nav li.nav-item a.nav-link {
    color:  var(--menu_topo_6);
    text-decoration: none;
    font-weight: 700;
}

.menu-topo a {
    color: var(--preto);
    font-size: 30px;
    text-decoration: none;
}

.header-logo {
    text-align: center;
    margin: 0 20px;
}

.header-logo img {
    width: 260px;
    height: 100px;
    object-fit: cover;
}

.busca-header {
    margin-left: 30px;
}

a.busca {
    font-weight: 800;
    font-size: 30px;
    color: var(--branco);
}

.busca-menu {
    margin: 50px 0;
}

.cotacao-titulo {
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  
}
input[type="number"] {
  -moz-appearance: textfield;
}

.input-group-text {
    cursor: pointer;
}

.sacola-vazia__icone {
    color: var(--cinzaClaro);
    font-size: 130px;
    margin-bottom: 20px;
}

.menu-topo__texto {
    margin-left: 13px;
}

.menu-topo__texto a,
.sacola-titulo a {
    font-size: 16px;
    font-weight: 600;
}

.menu-topo__texto a:hover,
.sacola-titulo a:hover {
    color: var(--cor);
}

.menu-topo__texto {
    padding-top: 2px;
}

.rede-img {
    height: 60px;
}

.whatsapp-flutuante img {
    width: 70px;
    height: 70px;
}

.menu-redes {
    margin-top: 50px;
}

.menu-redes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-redes ul li {
   margin-bottom: 10px;
}

.menu-redes ul li:last-child {
   margin-bottom: 0px;
}

.menu-redes ul li a {
    text-decoration: none;
    color: var(--branco);
}

.menu-redes ul li a:hover {
    color: var(--cor);
}

.menu-redes ul li.facebook::before {
    content: '\f09a';
    font-family: Fontawesome;
    padding-right: 10px;
}

.menu-redes ul li.instagram::before {
    content: '\f16d';
    font-family: Fontawesome;
    padding-right: 10px;
}

.menu-redes ul li.tiktok::before {
    content: '\e07b';
    font-family: Fontawesome;
    padding-right: 10px;
}

.menu-redes ul li.youtube::before {
    content: '\f167';
    font-family: Fontawesome;
    padding-right: 10px;
}