/*
Theme Name: Ussu
Author: NascerWeb | Christiano Amaral
Author URI: http://nascer.net/
Description: Template desenvolvido exclusivamente para a Ussu.
Version: 1.0
*/
/*-------------------------------------------------------
RESET
-------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
* {
	outline: none;
}
a{
	outline: none !important;
}
button{
	outline: none;
}
button::-moz-focus-inner {
	border: 0;
}
textarea,
input.text,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	outline: none;
}
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
html{
    background-color: #F7EBE7;
	height:100%;
}
body {	
    background-color: #F7EBE7;
    color: #3D2C28;   
	font-size: 15px;	
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    overflow-x: hidden;
	min-height: 100%;	
}
h1, h2, h3, h4, h5, h6 {
    color: #3D2C28;	    
    font-family: "Sora", sans-serif;  
    font-weight: 400;  
	line-height: 1.2em;	
    margin-bottom: 1rem;
}
h1{   
    font-size: 36px;   
}   
h2{	
	font-size: 36px;     
}  
h3{	
	font-size: 20px;	
}
h4{
	font-size: 14px;	
}
h5{
	font-size: 11px;	
}
h6{
	font-size: 11px;
}
a{	
    color: #3D2C28;
	text-decoration:none;
	transition: all 200ms ease-in;	
}
strong{
	font-weight: 700;	
	}
em{
	font-style: italic;
}
p {
	line-height: 1.5em;
	margin-bottom: 1em;
}
p:last-child{
	margin-bottom: 0;
}
.clearfix{
	clear:both;
}
.clearbox::after{
	content: "";
	display: table;
	clear:both;
}
img{
	display: block;
	height: auto;
}
.site {
	width: 100%;
	height: auto;		
	position: relative;		
    z-index: 3;
    transition: all 200ms ease-in;
}
section{	
	width: 100%;
	height: auto;
	position: relative;		
    z-index: 0;
}
.inner{	
	width: 1030px;
	height: auto;  	
	margin: 0 auto;
    position: relative;   
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */	
	height: 0;
}
.videoWrapper iframe,
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.btn-padrao {
	background-color: #DFA78C;
    border: 1px solid #FFFFFF;
	border-radius: 45px;
	width: max-content;
	height: 45px;	
	display: block;
	position: relative;
    color: #3D2C28;
    font-family: "Sora", sans-serif;  
	font-size: 15px;
	font-weight: 700;
	line-height: 43px;
    text-align: center;  
	margin: 0 auto;
	text-transform: uppercase;
}
.ilustra{
    position: absolute;
    z-index: 5;
    pointer-events: none;
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header{	
    background-color: #3D2C28;   
	width: 100%;
	height: auto;   
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;     
}
.header-inner{	   
	width: 1030px;   
	height: auto;
	padding: 16px 0;  
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    margin: 0 auto;
}
.logo{
    width: auto;    
    height: 38px; 
}
/* NAVEGAÇÃO */
.navegacao {
	width: max-content;	
}
.menu-header {
	width: max-content;	
    display: inline-block;
    vertical-align: bottom;
}
.menu-header ul{
    font-size: 0;
}
.menu-header ul li{    
    position: relative;  
    margin: 0 30px 0 0;
    display: inline-block;
}
.menu-header ul li:last-child{
    margin: 0;
}
.menu-header ul li a {
	height: auto;
	display: block;
	position: relative;
	color: #DFA78C;	
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
}
.menu-header ul li a:hover{
    color: #FAD5A8;
}
.btn-busca{
    background: none;
    border: none;
    width: 80px;
    height: 20px;
    padding: 0;
    color: #FAD5A8;
    font-family: "Sora", sans-serif;
    font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;  
}
.btn-busca:hover,
.btn-busca.ativo{
    color: #DFA78C;
}
.btn-busca:hover img,
.btn-busca.ativo img{
    filter: brightness(0) saturate(100%) invert(80%) sepia(95%) saturate(1650%) hue-rotate(297deg) brightness(100%) contrast(75%);
}
.navegacao .form-busca,
.navegacao .social{
   display: none;
}
/* BOTÃO MENU */
.btn-menu{   
    display: none;
}
/* BUSCA */
.busca {
	background: #FAD5A8;
	position: fixed;
	top: -70px;
	left: 0;
	z-index: 9;
    transition: all 400ms ease-in-out;
}
.busca.ativo{
    top: 70px;
}
.busca .inner{
    padding: 15px 0 15px 515px;
}
.form-busca{
    width: 100%;
    height: 40px;
    position: relative;
}
.form-busca input[type="text"]{
    background: none;
    border: 1px solid #3D2C28;
    border-radius: 40px;
    width: 100%;
    height: 40px;
    padding: 0 60px 0 20px;
    position: relative;
    color: #3D2C28;
    font-family: "Sora", sans-serif;
    font-size: 15px;
    z-index: 0;
}
.btn-search {
	background: none;
	border: none;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
    cursor: pointer;
}
.btn-search img{
    filter: brightness(0) saturate(100%) invert(15%) sepia(7%) saturate(2243%) hue-rotate(324deg) brightness(90%) contrast(87%);
}
.btn-search:hover img{
    filter: brightness(0) saturate(100%) invert(80%) sepia(95%) saturate(1650%) hue-rotate(297deg) brightness(100%) contrast(75%);
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
footer {
    border-top: 10px solid #FFF;
    background-color: #F7EBE7;	    
    position: relative;
}
.home footer{
    border-top: none;
}
footer .inner{
    padding: 110px 0 55px;
    display: flex;     
    justify-content: center;
    align-items: start;
    gap: 80px;
}
.ama{
    width: 150px;
    position: absolute;
    top: 40px;
    right: -40px;
}
.col-rodape,
.col-rodape h4{
    width: max-content;
}
.social-menu {
	width: max-content;
	display: flex;  
    gap: 12px;  
}
.social-menu a:hover img{
    filter: brightness(0) saturate(100%) invert(80%) sepia(95%) saturate(1650%) hue-rotate(297deg) brightness(100%) contrast(75%);
}
.col-rodape.endereco h4{
    width: max-content;
    border-bottom: 1px solid #DFA78C;
    margin-bottom: 0.75em;
}
.col-rodape.endereco p{
    font-family: "Sora", sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.grid-logos{
     border-top: 2px solid #DFA78C;
}
.grid-logos .inner {
	padding: 50px 0 40px;
	display: flex;	
    gap: 0;
}
.descentra{
    margin: 45px 35px 0 0;
}
.col-logos{
    width: max-content;   
}
.col-logos h5{
    margin-bottom: 20px;
}
.col-logos img{
    display: inline-block;
    margin: 0 25px 0 0;
}
.col-logos img:last-child{
    margin: 0;
}
.col-logos.patrocinio{
    margin: 0 60px 0 0;
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
.banner{  
    background: #798D8B;  
    width: 100%;
    height: 100vh;      
    position: relative;
    z-index: 1;
}
.banner-video,
.banner-imagem {
	width: 107vh;
	height: 100vh;
	position: absolute;
	overflow: hidden;
	right: 50%;
}
.banner-imagem {
	width: 50vw;	
}
.banner-video::before,
.banner-imagem::before,
.linha-imagem::before {
    content: "";
    background: linear-gradient(0deg,rgba(61, 44, 40, 1) 0%, rgba(125, 114, 111, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    mix-blend-mode: multiply;
}
.banner-video video {
	width: auto;
	height: 192vh;
	object-fit: cover;
	position: absolute;
    top: -38vh;
	left: 50%;
	transform: translateX(-50%);
}
.banner-img{
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
}
.banner-txt{
    background: url(img/utensilios-1.svg) no-repeat 90px 0;
    width: 50vw;
    height: auto;
    padding: 45px 0 70px 90px;
    position: absolute;
    left: 50%;
    bottom: 0;
}
.banner-txt h1{
    color: #DFA78C;
    margin-bottom: 0;
}
.btn-seta{   
    display: block;
    position: absolute;
    bottom: 30px;
    left: 565px;
    transition: none;
}
.btn-seta:hover img{
    filter: brightness(0) saturate(100%) invert(80%) sepia(95%) saturate(1650%) hue-rotate(297deg) brightness(100%) contrast(75%);
}
/* SOBRE NÓS HOME */
.sobre{
    background: #DFA78C;
    z-index: 1;
}
.sobre .inner{  
    padding: 75px 257px 60px;
}
.sobre-txt{
    font-family: "Sora", sans-serif;  
    font-size: 20px;
    margin: 0 0 50px;
}
.sobre .btn-padrao{
    width: 282px;
    margin: 10px auto 0;
}
.sobre .btn-padrao:hover{
    background: #FAD5A8;
   /*  border-color: #FAD5A8;     */
}
.ilustra-sobre-1 {
    bottom: -15px;
    right: 50%;
    transform: translateX(-285px);	
}
.ilustra-sobre-2 {
    top: -35px;
    left: 50%;
    transform: translateX(370px);
}
/* PEÇAS */
.pecas-home{
    background: #798D8B;
}
.pecas-home .inner{
    padding: 65px 0 0;
}
h2.titulo-secao{
    background: url(img/utensilios-1.svg) no-repeat center top;  
    width: max-content;
    padding: 40px 0 0;  
    color: #DFA78C;   
    text-align: center; 
}
.pecas-home h2.titulo-secao{
    float: left;
}
.lista-pecas {
	width: 694px;	
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
    float: right;
    margin: 0 0 50px;
}
.peca-item{
    width: 218px;
    padding-bottom: 20px;
    position: relative;
}
.peca-item img{
    margin: 0 auto 10px;
}
.peca-item h3{
    color: #3D2C28;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: all 200ms ease-in;
}
.peca-item .preco{
    width: 100%;
    color: #3D2C28;
    font-size: 14px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
}
.pecas-home .peca-item h3,
.pecas-home .peca-item .preco{
    color: #FFF;
}
.peca-item:hover h3{
    color: #DFA78C;
}
.cta-catalogo{
    background: url(img/grafismo.svg) no-repeat left top;
    width: 700px;
    height: 220px;   
    padding: 80px 235px 0;
    position: relative;
    margin: 0 auto;
    transform: translate(-60px);
    clear: both;
}
.cta-catalogo h3{
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.cta-catalogo .btn-padrao{
    background: #798D8B;
    border-color: #798D8B;
    width: 178px;
    color: #FAD5A8;
    margin: 0 auto;
}
.cta-catalogo .btn-padrao:hover{
    background: #FAD5A8;
    border-color: #FAD5A8;   
    color: #798D8B; 
}
/*-------------------------------------------------------
LINHAS
-------------------------------------------------------*/
.banner.banner-linhas .banner-txt h1{
    width: 320px;   
}
.linhas{
    background: #FFF;
}
.linhas .inner{   
    display: flex;  
}
.linhas-txt{
    width: 335px;
    padding: 75px 0 0;
}
.lista-linhas{
    width: 695px;
}
.linha-item{
    width: 860px;
    height: 400px;
    position: relative;
    margin: 0 0 20px;
}
.linha-imagem{
    width: 100%;
    height: 100%;
    position: relative; 
    z-index: 0;
}
.linha-img{
    width: 100%;
    height: 100%;
    object-fit: cover;  
    position: relative; 
    z-index: 0;
}
.Linha-info{
    width: 500px;
    height: auto;
    padding: 0 0 40px 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.Linha-info h3{
    position: relative;
    color: #FFF;
    font-size: 44px;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: all 200ms ease-in;
}
.Linha-info h3::before,
.info-peca-txt h1::before{
    content: "";
    background: #DFA78C;
    width: 39px;
    height: 7px;
    position: absolute;
    top: -22px;
    left: 0;
}
.Linha-info h3 span {
	font-size: 20px;
	display: block;
	margin-bottom: 5px;
	line-height: 1em;
}
.Linha-info h3:hover{
    color: #DFA78C;
}
.Linha-info p{
    width: 255px;
    color: #FFF;
    font-size: 20px;
    font-style: italic;
}
/*-------------------------------------------------------
PEÇAS
-------------------------------------------------------*/
.banner.banner-pecas{
    height: 520px;
}
.banner.banner-pecas .banner-imagem {
	height: 100%;
}
.banner.banner-pecas .banner-img{
    height: 520px;
}
.banner.banner-pecas .banner-txt {
	background: url(img/utensilios-2.svg) no-repeat left 90px bottom 70px;
	padding: 45px 0 130px 90px;	
}
.banner.banner-pecas .banner-txt h1{
    width: 270px;   
    color: #F7EBE7;
}
.pecas .inner{
    width: 694px;
    padding: 50px 0 75px;
}
.filtro{
    width: 280px;
    height: 45px;
    margin: 0 auto 50px;
}
select.filtro-linha{
    background: url(img/seta-select.svg) no-repeat right 16px center #F7EBE7;
    border: 1px solid #3D2C28;
    border-radius: 45px;
    width: 100%;
    height: 45px;
    color: #3D2C28;
    font-family: "Sora", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.pecas .lista-pecas {	
	float: none;
	margin: 0;
}
/*-------------------------------------------------------
PEÇA
-------------------------------------------------------*/
.topo-peca{    
    padding: 70px 0 0;
    display: flex;
    justify-content: center;
}
.galeria-peca,
.info-peca{
    width: calc( 100vh - 70px );
    max-width: 50vw;
    height: calc( 100vh - 70px );
    max-height: 50vw;
    position: relative;
}
.owl-nav {
	width: 100%;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-18px);
    pointer-events: none;
}
.owl-prev,
.owl-next{
    background: none !important;   
    width: 36px;
    height: 36px;  
    position: absolute;
    top: 0;
    transition: all 200ms ease-in;
    pointer-events: all;
}
.owl-prev{
    left: 10px;    
}
.owl-next{
    right: 10px;
    transform:scaleX(-1);
}
.owl-prev span,
.owl-next span {
    background: url(img/seta-owl-2.svg) no-repeat center center !important;   
	width: 100%;
    height: 100%;  
	display: block;
	font-size: 0;	
    opacity: 0;
    transition: all 200ms ease-in;
}
.owl-prev::after,
.owl-next::after{
    content: "";
    background: url(img/seta-owl-1.svg) no-repeat center center !important;   
    width: 100%;
    height: 100%;  
    position: absolute;
    top: 0;
    left: 0;
    transition: all 200ms ease-in;
}
.owl-prev:hover span,
.owl-next:hover span{
    opacity: 1;
}
.owl-prev:hover::after,
.owl-next:hover::after{
    opacity: 0;
}
.owl-dots {
	width: 100%;
	font-size: 0;
	text-align: center;
	position: absolute;
    left: 0;
	bottom: 20px;	
	z-index: 2;	
}
.owl-dot{	
	background-color: #DFA78C !important;
	border: none;
	border-radius: 50%;	
	width: 10px;
	height: 10px;
	margin: 0 8px;
	position: relative;
	cursor: pointer;
	transition: all 200ms ease-in-out;
}
.owl-dot:hover,
.owl-dot.active{
	background: #3D2C28 !important;	
}
.info-peca{
    padding: 0 0 80px 100px;
    display: flex;
    align-items: end;
}
.info-peca-txt{
    width: 335px;
}
.info-peca-txt h1{
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0.5em;
}
.info-peca-txt .preco{
    font-size: 18px;
    display: block;
    margin-bottom: 1em;
}
.info-peca .btn-seta{
    left: unset;
    right: 30px;
}
.info-peca .btn-seta img{
    filter: brightness(0) saturate(100%) invert(80%) sepia(95%) saturate(1650%) hue-rotate(297deg) brightness(100%) contrast(75%);
}
.detalhes-peca .inner{
    width: 870px;
    padding: 45px 0 85px;
    display: flex;
}
.detalhes-peca .col-1,
.detalhes-peca .col-2{
    width: 435px;
}
.detalhes-peca .col-1{
    padding: 0 25px 0 75px;
}
.detalhes-peca .col-2{
    padding: 0 0 0 100px;
}
.detalhes-peca h3{
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.detalhes-peca .col-1 p:first-of-type{
    margin-bottom: 2em;
}
.detalhes-peca .col-2 p:first-of-type{
    margin-bottom: 4em;
}
.btn-padrao.btn-comprar{
    border-color: #DFA78C;
    width: 250px;
    margin: 0;
}
.btn-padrao.btn-comprar:hover{
    background: #3D2C28;
    border-color: #3D2C28;
    color: #F7EBE7;
}
.relacionadas .inner{
    border-top: 2px solid #FFF;
    width: 500px;
    padding: 20px 0 45px;
}
.relacionadas h4{
    font-size: 15px;
    font-weight: 700;
}
.owl-relacionados{
    padding: 0 15px 45px;
}
.relacionadas .peca-item {
	width: 100%;	
}
.relacionadas .peca-item h3 {
	font-size: 16px;
}
.relacionadas .owl-dots{
    bottom: 0;
}
.relacionadas .owl-nav {	
    height: 15px;
	top: 0;	
	transform: translateY(67px);	
}
.relacionadas .owl-prev,
.relacionadas .owl-next {	
	width: 15px;
	height: 15px;	
}
.relacionadas .owl-prev{
    left: 0;
}
.relacionadas .owl-next{
    right: 0;
}
.relacionadas .owl-prev span,
.relacionadas .owl-next span,
.relacionadas .owl-prev::after,
.relacionadas .owl-next::after {
    background-size: 10px auto !important;	
}
/*-------------------------------------------------------
SOBRE
-------------------------------------------------------*/
.banner.banner-sobre .banner-txt {
	background: url(img/utensilios-2.svg) no-repeat 90px 0;	
}
.banner.banner-sobre .banner-txt h1{
    width: 280px;
    color: #F7EBE7;
}
.historia{
    background: #FFF;
}
.historia .inner{
    padding: 75px 109px 50px;
    display: flex;
    justify-content: space-between;
}
.historia-txt{
    width: 536px;
}
.equipe{
    background: #3D2C28;
}
.equipe .inner{
    width: 1090px;
    padding: 30px 0 60px;
}
.equipe h2{
    background: url(img/gr-equipe.svg) no-repeat center top;
    width: max-content;
    padding: 35px 0 0;
    color: #DFA78C;
    margin: 0 auto 45px;
}
.lista-equipe{  
    display: flex;    
    flex-wrap: wrap;
    justify-content: start;
    gap: 35px 20px;
}
.card-membro{  
    width: 165px;
    padding: 0 0 50px;  
    position: relative; 
}
.card-membro-img{
    border-radius: 165px;
    width: 165px;
    height: 165px;
    object-fit: cover;
    margin-bottom: 5px;
}
.card-membro h3{ 
    color: #F7EBE7;
    font-size: 16px;    
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}
a.btn-mais{
    background-color: #3D2C28;
    border: 1px solid #FFF;
    border-radius: 38px;
    width: 134px;
    height: 38px;   
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Sora", sans-serif;
    font-size: 13px;   
    font-weight: 700;       
    color: #F7EBE7;
    line-height: 36px;     
    text-align: center;
    text-transform: uppercase;
}
a.btn-mais:hover{
    background-color: #F7EBE7;
    color: #3D2C28;
}
/* POPUP */
.popup{
    background-color: #F7EBE7 !important;
    width: 375px;    
    height: auto;	
    max-height: 92vh;         
    padding: 0 !important;   
    display: none;   
}
.btn-fecha-popup{    
    background-color: transparent;
    border: 2px solid #FFF;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;    
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.btn-fecha-popup::before,
.btn-fecha-popup::after{
    content: "";   
    background-color: #FFF;
    border-radius: 3px;
    width: 3px;
    height: 13px;
    display: block;
    position: absolute;   
    top: 50%;
    left: 50%; 
    transform-origin: center center;
    transform: translate(-50%,-50%) rotate(45deg);
    transition: all 200ms ease-in-out;
}
.btn-fecha-popup::after{       
    transform: translate(-50%,-50%) rotate(-45deg);
}
.btn-fecha-popup:hover{
    background-color: #FFF;   
}
.btn-fecha-popup:hover::before,
.btn-fecha-popup:hover::after{      
    background-color: #3D2C28;
}
.popup-img{   
    width: 375px;
    height: 258px;
    object-fit: cover;
}
.popup-info{
    width: 375px;
    height: calc( 100% - 258px );
    padding: 25px 19px 40px 38px;
}
.popup-info h3{
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1.25em;
}
.popup-txt{
    width: 100%;
    height: 100%;
    padding-right: 15px;
    overflow-y: auto;   
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.banner.banner-contato {	
	height: auto;
	min-height: 100vh;	
}
.banner.banner-contato .banner-txt {
	background: url(img/utensilios-2.svg) no-repeat 90px 140px;	
	padding: 185px 0 70px 90px;
	position: relative;	
}
.banner.banner-contato .banner-txt h1{
    border-bottom: 2px solid #F7EBE7;
    width: 280px;
    padding: 0 0 24px;
    color: #F7EBE7;
    margin-bottom: 24px;
}
.contato{
    width: 290px;
}
.contato h3{
    color: #F7EBE7;
    margin-bottom: 1.25em;
}
.contato-item{
    background: no-repeat;
    padding: 7px 0 0 65px;
    min-height: 55px;
    margin-bottom: 25px;
}
.contato-item:last-child{
    margin-bottom: 0;
}
.contato-item.email{
    background-image: url(img/email.svg);
}
.contato-item.telefone{
    background-image: url(img/telefone.svg);
}
.contato-item.endereco{
    background-image: url(img/endereco.svg);
}
.contato-item h4{
    color: #F7EBE7;
    font-size: 16px;
    margin-bottom: 0.1em;
}
.contato-item p,
.contato-item a{
    color: #F7EBE7;
    font-size: 16px;
    margin-bottom: 0;   
}
.contato-item a:hover{
    color: #DFA78C;
}
/*-------------------------------------------------------
BUSCA
-------------------------------------------------------*/
.topo-resultados{
    background: #798D8B;
}
.topo-resultados .inner{
    width: 600px;
    padding: 140px 0 45px;
}
.topo-resultados h1{
    background: url(img/utensilios-1.svg) no-repeat center top;
    padding-top: 40px;
    color: #DFA78C;
    text-align: center;
}
.topo-resultados h2{
    color: #F7EBE7;
    font-size: 28px;
    text-align: center;
}
.topo-resultados h2 span{
    text-transform: uppercase;
}
.resultados .inner{
    width: 600px;
    padding: 45px 0 70px;
}
.resultado-item{
    display: flex;
    margin-bottom: 20px;
}
.resultado-item:last-child{
    margin-bottom: 0;
}
.resultado-item img{
    width: 150px;
}
.resultado-item-info{
    padding: 0 0 0 20px;
}
.btn-resultado {
	background-color: #F7EBE7;
	border: 1px solid #3D2C28;
	border-radius: 40px;
	width: 80px;
	height: 35px;
	display: block;
	position: relative;
	color: #3D2C28;
	font-family: "Sora", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 33px;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
}
.btn-resultado:hover{
    background: #3D2C28;
    color: #F7EBE7;
}
/*----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------
RESPONSIVO
------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 810px) {
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
h1{   
    font-size: 36px;   
}   
h2{	
	font-size: 36px;     
}  
h3{	
	font-size: 20px;	
}
h4{
	font-size: 14px;	
}
h5{
	font-size: 15px;	
}
h6{
	font-size: 15px;
}
.inner{	
	width: 100vw;	
}
.btn-padrao {
	background-color: #DFA78C;
    border: 1px solid #FFFFFF;
	border-radius: 45px;
	width: max-content;
	height: 45px;	
	display: block;
	position: relative;
    color: #3D2C28;
    font-family: "Sora", sans-serif;  
	font-size: 15px;
	font-weight: 700;
	line-height: 43px;
    text-align: center;  
	margin: 0 auto;
	text-transform: uppercase;
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
.header-inner{	   
	width: 100vw;   	
	padding: 16px 20px;  	
}
.logo {
	position: relative;
	z-index: 5;
}
/* NAVEGAÇÃO */
.navegacao {
    background: url(img/bg-menu.svg) no-repeat left bottom #3D2C28;
	width: 100vw;	
    height: 100vh;
    padding: 100px 35px 0;
    position: absolute;
    top: 0;
    left: 100vw;
    z-index: 3;
    transition: all 400ms ease-in;
}
.navegacao.ativo{
    left: 0;
}
.menu-header {
	width: max-content;	
    display: block;    
    margin: 0 auto 40px;
}
.menu-header ul{
    font-size: 0;
}
.menu-header ul li{   
    padding: 0 0 20px;    
    margin: 0 0 18px;
    display: block;
    position: relative;
}
.menu-header ul li::after{
    content: "";
    background: #DFA78C;
    width: 55px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.menu-header ul li:last-child{
    padding: 0;
    margin: 0;    
}
.menu-header ul li:last-child::after{
    content: none;
}
.menu-header ul li a {
    width: max-content;	
    color: #FAD5A8;
	font-size: 23px;
    margin: 0 auto;	
}
.menu-header ul li a:hover{
    color: #DFA78C;
}
.btn-busca{
   display: none;
}
.navegacao .form-busca{
   display: block;
   margin-bottom: 40px;
}
.navegacao .form-busca input[type="text"] {	
	border: 1px solid #FAD5A8;
    color: #FAD5A8;
}
/* PLACEHOLDER */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */     
    color:#FAD5A8;	
    opacity: 1;   
    font-weight: 700;
}
::-moz-placeholder { /* Firefox 19+ */
    color:#FAD5A8;	
    opacity: 1; 
    font-weight: 700;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#FAD5A8;	
    opacity: 1; 
    font-weight: 700;
}
:-moz-placeholder { /* Firefox 18- */
    color:#FAD5A8;	
    opacity: 1; 
    font-weight: 700;
}
:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 0;   
}
:focus::-moz-placeholder { /* Firefox 19+ */
    opacity: 0;  
}
:focus:-ms-input-placeholder { /* IE 10+ */
    opacity: 0;   
}
:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;    
}
.navegacao .social{
    display: block;
}
.navegacao .btn-search img,
.navegacao .social-menu img {
	filter: brightness(0) saturate(100%) invert(83%) sepia(32%) saturate(412%) hue-rotate(336deg) brightness(101%) contrast(96%);
}
.navegacao .social h4{
    color: #FAD5A8;
    text-align: center;
}
.navegacao .social-menu {	
	margin: 0 auto;
}
.navegacao .social-menu img{
    height: 55px;
}
/* BOTÃO MENU */
.btn-menu{	   
    background: none;
    border: none;
    width: 45px;
    height: 30px;
    padding: 18px 0 0;	
    display: block;
    position: relative;
    z-index: 5;
}
.btn-menu span{
    color: #DFA78C;
    font-family: "Sora", sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.bar{   
    background: #DFA78C;
    width: 43px;
    height: 4px; 
    position: absolute; 
    left: 1px;
    transform-origin: center center;
    transition: all 200ms ease-in;
}
.bar.bar-1{
    top: 0px;
}
.bar.bar-2{
    top: 7px;
}
.bar.bar-3{   
    top: 7px;
}
.bar.bar-4{   
    top: 14px;
}

.btn-menu.ativo .bar.bar-2{
   transform: rotate(19deg);
}
.btn-menu.ativo .bar.bar-3{
    transform: rotate(-19deg);
 }
.btn-menu.ativo .bar.bar-1,
.btn-menu.ativo .bar.bar-4{
    opacity: 0;  
}
/* BUSCA */
.busca {
	display: none;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
footer .inner{
    padding: 130px 0 55px;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 30px;
}
.ama{    
    top: 20px;
    right: 20px;
}
.social-menu {
	justify-content: center;   
}
.col-rodape.endereco h4{  
    margin: 0 auto 0.75em;
}
.col-rodape.endereco p{
   text-align: center;
}
.grid-logos{
     border-top: 2px solid #DFA78C;
}
.grid-logos .inner {
	padding: 30px 45px 40px;
	flex-direction: column;
    align-items: center;
    gap: 0;
}
.descentra{
    width: 170px;
    margin: 0 0 40px;
}
.col-logos{
    width: max-content;   
}
.col-logos h5{
    text-align: center;
    margin-bottom: 25px;
}
.col-logos img{
    display: block;
    margin: 0 auto 35px;
}
.col-logos img:last-child{
    margin: 0;
}
.col-logos.patrocinio{
    margin: 0 0 35px;
}
.col-logos.patrocinio img{
    width: 125px;
}
.col-logos.realizacao img:nth-child(2){
    width: 110px;
}
.col-logos.realizacao img:nth-child(3){
    width: 165px;
}
.col-logos.realizacao img:nth-child(4){
    width: 230px;
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
.banner-video,
.banner-imagem {
	width: 100%;
	height: 100vh;
	position: relative;
	right: 0;
}
.banner-imagem {
	width: 100%;
}
.banner-img {
	width: 100vw;
	height: 100vh;
	position: absolute;
	right: 0;
	object-fit: cover;
}
.banner-txt{
    background: url(img/utensilios-2.svg) no-repeat 35px 0;
    width: 100vw;   
    padding: 45px 35px 80px 35px;   
    left: 0;    
    z-index: 3;
}
.banner-txt h1{
    color: #F7EBE7;
    margin-bottom: 0;
}
.home .banner-txt{
    background: url(img/utensilios-1.svg) no-repeat 35px 0;
}
.home .banner-txt h1{
    color: #DFA78C;   
}
.btn-seta{   
    display: none; 
}
/* SOBRE NÓS HOME */
.sobre{
    background: url(img/bg-sobre.svg) no-repeat left bottom #DFA78C;
}
.sobre .inner{  
    padding: 50px 35px 140px;
}
.sobre-txt{  
    margin: 0 0 25px;
}
.sobre .btn-padrao{
    width: 100%;
    max-width: 282px;    
}
.ilustra-sobre-1,
.ilustra-sobre-2 {
    display: none;
}
/* PEÇAS */
.pecas-home .inner{
    padding: 35px 35px 0;
}
h2.titulo-secao {
	margin: 0 auto 30px;
}
.pecas-home h2.titulo-secao{
    float: none;
}
.lista-pecas {
	width: 100%;
    flex-direction: column;	
    align-items: center;	
	gap: 40px 0;
    float: none;   
}
.peca-item{
    width: 218px;
    padding-bottom: 20px;
    position: relative;
}
.peca-item img{
    margin: 0 auto 10px;
}
.peca-item h3{
    color: #3D2C28;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: all 200ms ease-in;
}
.peca-item .preco{
    width: 100%;
    color: #3D2C28;
    font-size: 14px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
}
.pecas-home .peca-item h3,
.pecas-home .peca-item .preco{
    color: #FFF;
}
.peca-item:hover h3{
    color: #DFA78C;
}
.cta-catalogo {
	transform: translate(-50%);
	left: 50%;
}
/*-------------------------------------------------------
LINHAS
-------------------------------------------------------*/
.banner.banner-linhas .banner-txt h1{
    width: 100%;
    max-width: 320px;   
}
.linhas{
    background: #FFF;
}
.linhas .inner{   
    flex-direction: column;
}
.linhas-txt{
    width: 100%;
    padding: 35px 0 0;
}
.lista-linhas{
    width: 100%;
}
.linha-item{
    width: 100%;
    height: 540px;   
}
.Linha-info{
    width: 100%;   
    padding: 0 20px 80px;   
}
/*-------------------------------------------------------
PEÇAS
-------------------------------------------------------*/
.banner.banner-pecas{
    height: 450px;
}
.banner.banner-pecas .banner-imagem {
	height: 100%;
}
.banner.banner-pecas .banner-img{
    height: 450px;
}
.banner.banner-pecas .banner-txt {
	background: url(img/utensilios-2.svg) no-repeat left 30px bottom 30px;
	padding: 0 30px 90px 30px;	
}
.pecas .inner{
    width: 100vw;
    padding: 40px 45px 60px;
}
.filtro{
    width: 100%;
    max-width: 280px;   
    margin: 0 auto 40px;
}
.pecas .lista-pecas {	
	float: none;
	margin: 0;
}
/*-------------------------------------------------------
PEÇA
-------------------------------------------------------*/
.topo-peca{        
    flex-direction: column;
    justify-content: start;
}
.galeria-peca,
.info-peca{
    width: 100vw;
    max-width: 100vw;
    height: auto;
    max-height: unset;
    position: relative;
}
.info-peca{
    padding: 42px 20px 0;
    display: block;   
}
.info-peca-txt{
    width: 100%;
}
.info-peca .btn-seta img{
    filter: brightness(0) saturate(100%) invert(80%) sepia(95%) saturate(1650%) hue-rotate(297deg) brightness(100%) contrast(75%);
}
.detalhes-peca .inner {
	width: 100vw;
	padding: 30px 20px 40px;
	flex-direction: column;
}
.detalhes-peca .col-1,
.detalhes-peca .col-2{
    width: 100%;
}
.detalhes-peca .col-1{
    padding: 0 0 30px;
}
.detalhes-peca .col-2{
    padding: 0;
}
.detalhes-peca .col-1 p:first-of-type{
    margin-bottom: 2em;
}
.detalhes-peca .col-2 p:first-of-type{
    margin-bottom: 3em;
}
.btn-padrao.btn-comprar{    
    margin: 0 auto;
}
.relacionadas .inner{
    border-top: 2px solid #FFF;
    width: calc( 100vw - 40px );
    padding: 20px 0 60px;
}
.relacionadas h4{
    font-size: 15px;
    font-weight: 700;
}
.owl-relacionados{
    padding: 0 15px 50px;
}
.relacionadas .peca-item {
	width: 100%;	
}
.relacionadas .peca-item h3 {
	font-size: 16px;
}
/*-------------------------------------------------------
SOBRE
-------------------------------------------------------*/
.banner.banner-sobre .banner-txt {
	background: url(img/utensilios-2.svg) no-repeat 30px 0;	
}
.banner.banner-sobre .banner-txt h1{
    width: 100%;
    max-width: 280px;   
}
.historia{
    background: #FFF;
}
.historia .inner {
	padding: 35px 20px;
	justify-content: start;
	flex-direction: column;
}
.historia-txt{
    width: 100%;
}
.equipe{
    background: #3D2C28;
}
.equipe .inner{
    width: 100vw;
    padding: 30px 20px 40px;
}
.equipe h2{  
    margin: 0 auto 30px;
}
.lista-equipe{      
    gap: 20px 10px;
}
.card-membro{  
    width: calc( 50% - 5px );
    max-width: 165px;   
}
.card-membro-img{
    border-radius: 165px;
    width: calc( 50vw - 25px );
    max-width: 165px; 
    height: calc( 50vw - 25px );
    max-height: 165px;   
}
a.btn-mais{   
    width: 100%;
    max-width: 134px;  
}
/* POPUP */
.popup{   
    width: 94vw;
    max-width: 375px; 
}
.popup-img{   
    width: 100%;    
}
.popup-info{
    width: 100%;   
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.banner.banner-contato {		
	min-height: unset;	
}
.banner.banner-contato .banner-imagem{
    display: none;
}
.banner.banner-contato .banner-txt {
	background: url(img/utensilios-2.svg) no-repeat 30px 140px;	
	padding: 185px 35px 45px;	
}
/*-------------------------------------------------------
BUSCA
-------------------------------------------------------*/
.topo-resultados .inner{
    width: 100vw;
    padding: 140px 20px 45px;
}
.topo-resultados h2{    
    font-size: 24px;    
}
.topo-resultados h2 span{
    text-transform: uppercase;
}
.resultados .inner{
    width: 100vw;
    padding: 30px 20px 45px;
}
.resultado-item{
    display: flex;
    margin-bottom: 30px;
}
.resultado-item img{
    width: 120px;
}
.resultado-item-info{
    padding: 0 0 0 10px;
}
}