/*
Theme Name:         L'éléphant
Description:        L'éléphant Theme
Version:            1.0
Author:             wevolved

Text Domain:        L'éléphant
*/

/* Configurações BASE */
* {
	box-sizing: border-box;
}

html,
body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	user-select: none; /* Standard syntax */
}

img {
	max-width: 100%;
}

/* Reset comportamento de links */
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: var(--black);
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
input {
	margin: 0px;
	font-family: "Roboto";	
}

/**************** FONTS ****************/
/* Fonts */
@font-face {
	font-family: "FontAwesome";
	src: url("fonts/FontAwesome.otf");
	font-weight: normal;
	font-style: normal;
}

/* Cormorant */
@font-face {
	/* font-family: "XXX";
	src: url("fonts/XXX/XXX.woff2") format("woff2"),
		url("fonts/XXX/XXX.otf") format("ttf");
	font-weight: 300; */
}

/* Raleway */
@font-face {
	/* font-family: "YYY";
	src: url("fonts/YYY/YYY.woff2") format("woff2"),
		url("fonts/YYY/YYY.ttf") format("ttf");
	font-weight: 400; */
}

/* Headers */
h1 {

	font-weight: 300;
	font-size: 30px;
}

h2 {

	font-weight: 300;
	font-size:25px;
}

h3 {

	font-weight: 300;
	font-size: 22px;
}

h4 {

	font-weight: 300;
	font-size: 20px;
}

h5 {

	font-weight: 300;
	font-size: 18px;
}

/* Fonts default */
p,
a,
label,
input,
select,
textarea,
option {
	font-style: normal;
	font-size: 16px;
	resize: none;
	    font-family: "Roboto";	
}
li{
	list-style: none;
}

/* Variáveis p/ reutilizar */
:root {
	/* Cores */
	--black: #000000;
	--white: #ffffff;
	--brown: #bda687;
	--greyBG: #f5f5f5;
	--grey: #222222;
	/* VALORES DEFAULT - MUDAR */
	--header-height: 110px;
	--page-margin-desktop-xl: 156px;
	--page-margin-desktop: 136px;
	--page-margin-tablet: 20px;
	--page-margin-mobile: 17px;
	--border-radius: 2px;
	--border-radius-big: 12px;
	--page-bottom-margin-desktop-xl: 60px;
	--page-bottom-margin-desktop: 40px;
	--page-bottom-margin-tablet: 30px;
	--page-bottom-margin-mobile: 22px;
}

/* Remover paddings */
.noPadding {
	padding-left: 0px;
	padding-right: 0px;
}

/* REGRAS PARA PROJETO */

.btn-open-login-form {
	top: 85 !important;
}


.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 98%;
    width: 98%;
    margin: auto;
}

.privacy-policy main, .page-id-499 main, .page-id-1582 main {
    padding: 0px 2%;
    margin-top: 300px;
}






/**************** FONTS ****************/
/* Fonts */
@font-face {
	font-family: "FontAwesome";
	src: url("fonts/FontAwesome.otf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "LibreBodoni-Bold";
	src: url("fonts/LibreBodoni-Bold.woff2") format("woff2"),
	url("fonts/LibreBodoni-Bold.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni-BoldItalic";
	src: url("fonts/LibreBodoni-BoldItalic.woff2") format("woff2"),
	url("fonts/LibreBodoni-BoldItalic.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni-Italic";
	src: url("fonts/LibreBodoni-Italic.woff2") format("woff2"),
	url("fonts/LibreBodoni-Italic.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni-Medium";
	src: url("fonts/LibreBodoni-Medium.woff2") format("woff2"),
	url("fonts/LibreBodoni-Medium.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni-MediumItalic";
	src: url("fonts/LibreBodoni-MediumItalic.woff2") format("woff2"),
	url("fonts/LibreBodoni-MediumItalic.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni";
	src: url("fonts/LibreBodoni-Regular.woff2") format("woff2"),
	url("fonts/LibreBodoni-Regular.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni-SemiBold";
	src: url("fonts/LibreBodoni-SemiBold.woff2") format("woff2"),
	url("fonts/LibreBodoni-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "LibreBodoni-SemiBoldItalic";
	src: url("fonts/LibreBodoni-SemiBoldItalic.woff2") format("woff2"),
	url("fonts/LibreBodoni-SemiBoldItalic.woff") format("woff");
}

@font-face {
	font-family: "Roboto-Black";
	src: url("fonts/Roboto-Black.woff") format("woff");
}

@font-face {
	font-family: "Roboto-BlackItalic";
	src: url("fonts/Roboto-BlackItalic.woff2") format("woff2"),
	url("fonts/Roboto-BlackItalic.woff") format("woff");
}

@font-face {
	font-family: "Roboto-Bold";
	src: url("fonts/Roboto-Bold.woff") format("woff");
}

@font-face {
	font-family: "Roboto-BoldItalic";
	src: url("fonts/Roboto-BoldItalic.woff") format("woff");
}

@font-face {
	font-family: "Roboto-Italic";
	src: url("fonts/Roboto-Italic.woff2") format("woff2"),
	url("fonts/Roboto-Italic.woff") format("woff");
}

@font-face {
	font-family: "Roboto-Light";
	src: url("fonts/Roboto-Light.woff") format("woff");
}

@font-face {
	font-family: "Roboto-LightItalic";
	src: url("fonts/Roboto-LightItalic.woff2") format("woff2"),
	url("fonts/Roboto-LightItalic.woff") format("woff");
}

@font-face {
	font-family: "Roboto-Medium";
	src: url("fonts/Roboto-Medium.woff") format("woff");
}

@font-face {
	font-family: "Roboto-Thin";
	src: url("fonts/Roboto-Thin.woff") format("woff");
}

@font-face {
	font-family: "Roboto-ThinItalic";
	src: url("fonts/Roboto-ThinItalic.woff") format("woff");
}

@font-face {
	font-family: "Roboto-MediumItalic";
	src: url("fonts/Roboto-MediumItalic.woff2") format("woff2"),
	url("fonts/Roboto-MediumItalic.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	src: url("fonts/Roboto-Regular.woff") format("woff");
}



body {
	/* margin:0px */
	overflow-x: hidden;
	background-color: #ede6e2;
    font-family: "Roboto";	

}
/****************************** HEADER ************************************/
header {
    position: fixed;
    z-index: 2;
    transform: translate(-50%, 0px);
    left: 50%;
}
#main-menu li a, #mobile-menu li a{
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    font-style: normal;
    font-weight: normal;
    color: white;
    text-align: right;
	font-family: "Roboto";  
}
#main-menu li{
    text-align: right;
}
#site-navigation, .site-controlauto{
	padding-top: 25px;
}

.nav {
    padding-left: 0;
    position: absolute;
    right: 1%;
    top: 0;
    list-style: none;
}
.menu-menu-l-elefant-container {
    text-align: right;
}
.site-controlauto {
    position: absolute;
}

/****************************** HEADER ************************************/
/* Congela o fundo sem “saltos” */
body.hp-freeze{
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
}

/* Overlay container */
#hpOverlay{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

/* aparece */
#hpOverlay.is-open{ display: block; }

/* Backdrop (se quiseres fechar ao clicar fora) */
#hpOverlay .hp-backdrop{
  position: absolute;
  inset: 0;
  background: transparent; /* deixa ver tudo atrás */
  z-index: 1;
}

/* Superfície do overlay (a “página por cima”) */
#hpOverlay .hp-surface{
  position: absolute;
  inset: 0;
  background: #fff;

  /* ✅ IMPORTANTÍSSIMO: sticky precisa disto */
  overflow: visible;

  z-index: 2;

  clip-path: polygon(
    33% 37%,
    66% 30%,
    75% 47%,
    78% 66%,
    40% 75%,
    27% 55%
  );
  transition: clip-path 900ms cubic-bezier(.2,.8,.2,1);
}

/* ✅ wrapper que segura o recorte (corta o conteúdo) */
#hpOverlay .hp-surface-clip{
  position: absolute;
  inset: 0;
  overflow: hidden; /* aqui sim! */
}

/* efeito “ar” no estado janela */
#hpOverlay:not(.is-expanded) .hp-surface{
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
}
#hpOverlay .hp-surface {
    clip-path: polygon(
    33% 37%,
    66% 30%,
    75% 47%,
    78% 66%,
    40% 75%,
    27% 55%
  );
    transition: clip-path 900ms cubic-bezier(.2,.8,.2,1);
}

#hpOverlay.is-expanded .hp-surface{
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 50%,
    100% 100%,
    0% 100%,
    0% 50%
  );
}

/* Botão close — SEMPRE por cima */
#hpOverlay .hp-close{
  position: absolute;
    top: 27%;
    right: 32%;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  cursor: pointer;

  /* crucial */
  z-index: 9999;
  pointer-events: auto;

  display: grid;
  place-items: center;
  font-size: 22px;
  line-height: 1;
}

#hpOverlay.is-expanded .hp-close {
    top: 90%;
    right: 40px;
}

/* o scroll acontece aqui */
#hpOverlay .hp-page-inner{
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* todas as secções ocupam 100dvh */
#hpOverlay .hp-page-inner > section{
  height: 100dvh;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
}

/* secção 1 fica “presa” e a 2 passa por cima */
#hpOverlay .ov-hero{
  position: sticky !important;
  top: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 120px 24px 80px;
  background: transparent; /* ou #fff se quiseres */
}

/* secções de imagem passam por cima da hero */
#hpOverlay .ov-image{
  z-index: 2;
}

/* ✅ imagem ocupa a secção (não metas 100dvh aqui) */
#hpOverlay .ov-fullimg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

html.over-on header{
  z-index: 99259595;
  filter: invert(1);
}
#hpOverlay .hp-page {
    height: 100%;
}
/* Enquanto está na janela, bloqueia scroll */
#hpOverlay:not(.is-expanded) .hp-page-inner{
  overflow: hidden;
}
.ov-hero-inner-text p{
    width: 70%;
    margin: auto;
    font-size: 1.3vw;
    line-height: 1.5vw;
    font-family: "Roboto";
}
.hero-video {
    position: relative;
    width: 100%;
}
video.hero-video-bg {
    max-width: 100%;
    margin-top: 0px;
    transition: margin-bottom 0.3s ease;
    position: relative;
    z-index: 12;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: 100vh;
    margin-bottom: 0px;
}
.ov-hero {
  position: relative;
  overflow: hidden;
}


/* IMAGENS */
.hover-images img {
  position: absolute;
  width: 260px;
  height: auto;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
  transition: opacity .25s ease, transform .25s ease;
  z-index: 5;
}

.hover-images img.active {
  opacity: 1;
  transform:  scale(1);
}

/* HOTSPOTS (invisíveis) */
.hover-points span {
  position: absolute;
  width: 18%;
  height: 18%;
  cursor: pointer;
  /* background: rgba(255,0,0,.12);  <- liga isto em debug para veres as zonas */
  z-index: 10;
}

/* Posições dos 5 hotspots (onde o rato passa) */
.hover-points span:nth-child(1) { top: 12%; left: 8%; }
.hover-points span:nth-child(2) { top: 20%; right: 10%; }
.hover-points span:nth-child(3) { top: 52%; left: 35%; }
.hover-points span:nth-child(4) { bottom: 18%; left: 12%; }
.hover-points span:nth-child(5) { bottom: 15%; right: 14%; }

/* ÂNCORAS (posições onde as imagens aparecem) */
.hover-anchors .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* Posições das 5 âncoras (podem ser completamente diferentes dos hotspots) */
#a1 { top: 8%;  left: 55%; }   /* exemplo: topo-meio */
#a2 { top: 22%; left: 12%; }   /* esquerda */
#a3 { top: 50%; left: 70%; }   /* direita */
#a4 { top: 72%; left: 40%; }   /* meio-baixo */
#a5 { top: 35%; left: 78%; }   /* direita-alta */



img.img-video {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 8848484;
}





/* FUNDO */
.ov-collage{
  background:#fff;
  padding:90px 0 120px;
}

/* WRAP */
.ov-collage-wrap{
  width:min(1100px,100%);
  margin:0 auto;
  padding:0 60px;
}

.ov-collage-stage {
    display: flex;
    justify-content: center;
    gap: 3%;
}

/* COLUNAS */
.ov-col{
  display:flex;
  flex-direction:column;
}

/* OFFSET DA DIREITA */
.ov-col-right{
  margin-top: 200px;
}

.ov-col .cimg {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-bottom: 120px;
    margin-right: auto;
}

/* LARGURAS EDITORIAIS */
.ov-col-left .cimg:nth-child(odd){
  max-width:360px;
}

.ov-col-left .cimg:nth-child(even){
  max-width:300px;
}

.ov-col-right .cimg:nth-child(odd){
  max-width:300px;
}

.ov-col-right .cimg:nth-child(even){
  max-width:360px;
}

/* FOOTER */
.over-on .home footer{
  background:#fff;
  position:relative;
  z-index:5;
}

/* SECTION */
section#section3{
  padding:150px 0!important;
  height:auto!important;
}

/* RESPONSIVO */
@media (max-width:900px){
  .ov-collage-wrap{ padding:0 24px; }

  .ov-collage-stage{
    flex-direction:column;
  }

  .ov-col-right{
    margin-top:0;
  }

  .ov-col .cimg{
    max-width:100%;
    margin-bottom:70px;
  }
}



.hero-video-overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-video-overlay img {
    max-width: 300px; /* ajusta conforme necessário */
    width: 100%;
    height: auto;
}


/* Todas as sections do overlay 
#hpOverlay .hp-page-inner > section{
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
*/
/* ---------- SECTION 1: TÍTULO ---------- */
#hpOverlay .ov-hero{
  text-align: center;
  padding: 120px 24px 80px; /* espaço para o X */
}
#hpOverlay .ov-hero-inner {
    width: 100%;
    margin-top: 150px;
}
#hpOverlay h1:hover em{
    text-decoration: underline;
}
#hpOverlay h1{
  font-family: "Times New Roman", Times, serif;
  margin: 0;
  font-size: 9.6vw;
  cursor: pointer;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 400; /* Regular */
}
/* 
html[lang="pt-pt"] #hpOverlay h1{
  font-size: 9.1vw;
}
*/
/* ---------- SECTION 2 & 3: IMAGENS ---------- */
#hpOverlay .ov-image{
  padding: 0;
}

/*
#hpOverlay .hp-page-inner{
  scroll-snap-type: y mandatory;
}

#hpOverlay .hp-page-inner > section{
  scroll-snap-align: start;
}

*/

/* Mobile: mantém polygon (NÃO usar inset aqui) */
@media (max-width: 720px){
#hpOverlay .hp-surface {
    clip-path: polygon(
      50% 27%,
      84% 29%,
      93% 34%,
      88% 41%,
      60% 46%,
      23% 43%,
      18% 30%
    );
    -webkit-clip-path: polygon(
      50% 27%,
      84% 29%,
      93% 34%,
      88% 41%,
      60% 46%,
      23% 43%,
      18% 30%
    );
}
  #hpOverlay .ov-hero-inner {
    width: 100%;
    margin-top: 20vh;
}
#hpOverlay .ov-title {
    font-size: 10.5vw;
    padding: 0px 30px;
}
#hpOverlay .hp-close {
    top: 25%;
    right: 10%;
}
.ov-hero-inner-text p {
    font-size: 16px;
    line-height: 20px;
}
img.img-video {
    max-width: 230px;
}
.ov-collage-stage .cimg {
    margin: 0 auto 70px;
  
}









}











/* Pop up cookies */

.aviso-cookies {
  position: fixed;
  z-index: 10;
  bottom: 40px;
  right: 40px;
  background-color: black;
  padding: 20px;
  display: none;
  gap: 20px;
  flex-direction: column;
  box-shadow: 0px 0px 12px -4px black;
  width: 400px;
  z-index: 10;


}

.aviso-cookies > div {
  color: white;
	font: normal normal 400 12px/20px var(--font1)
}

.aviso-cookies .btns{
	display: flex;
	gap: 10px;
}

.aviso-cookies .btns > div{
	background-color: var(--cor-theme);
	padding: 8px 15px;
	text-transform: uppercase;
}

.aviso-cookies .btns > div:hover{
	background-color: white;
	color: black;
	cursor: pointer;
}

.aviso-cookies.open {
	display: flex;
}


/****************************** FOOTER ************************************/





/****************************** FOOTER ************************************/


/****************************** Linguagem ************************************/
ul .wpml-ls-menu-item a{
    display: unset;
}


.wpml-ls-current-language > a{
    display: none;
}

#main-menu li.wpml-ls-slot-2 a{
    font-size: 16px;
    line-height: 30px;
    font-family: "Roboto-Light";
}













/****************************** Linguagem ************************************/


/****************************** PAGE ************************************/
        .projetos-carousel {
            opacity: 0;
            transition: opacity 0.6s ease, transform 0.6s ease;
            transform: scale(0.8);
        }
.footer-column .wpcf7 p, .footer-column .wpcf7 a {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid black !important;
    width: 80% !important;
}
        .projetos-carousel.fade-in {
            opacity: 1;
            transform: scale(1);
        }
		/*Seta mobile*/
		.seta-mobile.seta-right {
			top: 29vh;
			left: unset;
			right: 4%;
			transform: translate(-150%, -50%) rotate(-90deg) scale(0.8);
			opacity: 0;
			transition: opacity 0.6s ease, transform 0.6s ease;
		}
		
		div#seta-mobile-projetos img {
			filter: invert(1);
			height:60px;
		}
		
		.seta-mobile.seta-right.fade-in {
			 opacity: 1;
			transform: translate(-150%, -50%) rotate(-90deg) scale(1);
		}


	.wpb_raw_code.wpb_content_element.wpb_raw_html{
		position: absolute;
		bottom: 50px;
		left: 50%;
		transform: translate(-50%, 2px);
	}










.seta-mobile{
    display: none;
}
.texto-politica{
	padding: 0vh 10vw;
}
.otgs-development-site-front-end{
    display: none;
}
.privacy-policy .site-controlauto, .page-id-499 .site-controlauto, .page-id-1582 .site-controlauto{
filter: invert(1);
}
.privacy-policy #main-menu li a, .page-id-499 #main-menu li a, .page-id-1582 #main-menu li a {
    color: black;
}
footer form.wpcf7-form.init label {
    width: 97%;
}
.site-controlauto img{
	width: 150px;
	height: auto;
}
.slick-track{
	height: 100vh;
}
.slider-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Adiciona suporte a scroll suave em dispositivos iOS */
}

.slider-item {
    flex: 0 0 auto; /* Impede que os slides sejam redimensionados */
    width: 100%; /* Define a largura do slide */
    min-width: 100%; /* Garante que os slides tenham a mesma largura */
    box-sizing: border-box; /* Mantém a largura consistente */
    margin-right: 10px; /* Adiciona um espaço entre os slides */
}










.showroom-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px 2%;
}
.showroom-item.half-width {
    grid-column: span 2; /* Faz o item ocupar 2 colunas */
    height: auto; /* Ajuste a altura, se necessário */
}
/* Estilo padrão dos itens */
.showroom-item {
    text-align: center;
    position: relative;
    transition: transform 0.3s ease;
    min-height: 70vh;
}

/* Wrapper para imagens */
.image-wrapper {
    position: relative;
    width: 100%;
    object-fit: cover;
}


/* Imagem padrão */
.image-default {
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 60vh;
    transition: opacity 0.3s ease;
}
p.tipo {
	text-align: right;
	font-size: 14px;
	line-height: 19px;
	font-family: 'Roboto';
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}
.page-id-2183 main#main {
    margin-top: 210px;
}

.page-id-2183 header .site-controlauto{
	filter: invert(1);
}

.page-id-2183 header #main-menu li a{
    color: black;
}
.description p {
    margin-left: auto;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    max-width: 289px;
}

/* Imagem de hover */
.image-hover {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 60vh;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Alteração no hover da imagem */
.showroom-item:hover .image-default {
    opacity: 0;
}
.showroom-item:hover .image-default.image-default-unica {
    opacity: 1;
}
.showroom-item:hover .image-hover {
    opacity: 1;
}

.description {
    opacity: 0;
    transition: opacity 0.8s ease;
    margin-top: 10px;
    font-size: 14px;
    height: 150px;
    color: #666;
}

/* Tornar visível no hover */
.showroom-item:hover .description {
    opacity: 1;
}































.slick-slider, .slick-texto {
    display: inline-block !important;
}
.slick-slide {
    background-position: center;
    background-size: cover;
}
.slick-slider-3 .slick-slide {
    background-position: top;
    background-size: cover;
}
.wpb_text_column.wpb_content_element.overflow-teste {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
}
.wpb_text_column.wpb_content_element.overflow-teste::-webkit-scrollbar {
    display: none;
}

.slick-slider button{
	display: none !important;
}

.slick-texto {
    background-color: #98300a;
    position: relative;
    box-sizing: border-box;
    user-select: text;
    display: inline-block !important;
    margin: 0px;
    z-index: 1;
    height: 100vh;
    white-space: normal;
}

.slick-texto-2 {
    position: absolute;
    bottom: 0;
    padding: 100px 50px;
}
.slick-texto-2 h6 {
    line-height: 26px;
    font-family: 'LibreBodoni-Italic';
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 30px;
    color: black;
}
.slick-texto-2 p {
    line-height: 1.4em;
    font-weight: normal;
    font-size: 1.6vw;
    color: black;
}

.imagem-baixo {
    margin-top: 300px;
    margin-bottom: 100px !important;
}

.home footer {
    background-color: white;
}

.site-controlauto.inverter {
    filter: invert(1);
}
.inverter .site-controlauto {
    filter: invert(1);
}
.menu-transparente{
	z-index: 11;
}
.imagem-apoiar {
    background-size: cover;
    height: 110vh;
    background-position: center;
}
.slick-slider-apoiar{
	width: 100%;
}


.img-about-footer img{
	padding: 0px 5vw;
}
.img-about-footer {
	margin-bottom: 0px !important;
}

.projetos-carousel {
    white-space: nowrap;
    overflow-x: auto;
}


.projeto-imagem {
    display: inline-block;
    margin-right: 0px;
}

.projeto-imagem{
    margin-right: 10px; /* Remove a margem direita para todos os elementos, exceto o último */
}
.projeto-imagem:first-of-type {
    margin-left: 10px;
}
.projeto-imagem {
    margin-top: calc(100vh - 67vh);
}
.projeto-imagem:hover img {
   opacity: 0.6 !important;
   transition: opacity 1s ease;
}
.projeto-imagem img {
   transition: opacity 1s ease;
}
.projeto-imagem img{
    height: 55vh;
    width: auto;
}
.projeto-imagem h2{
	font-size: 1.2rem;
    line-height: 40px;
    text-align: right;
}
.page-id-83 footer, .page-id-500 footer, .page-id-1583 footer{
	display: none;
}

.projetos-carousel::-webkit-scrollbar {
    display: none;
}

.rowmargin .wpb_content_element{
    margin-bottom: 0px;
}

.page-id-83 header .site-controlauto, .page-id-500 header .site-controlauto, .page-id-1583 header .site-controlauto{
	filter: invert(1);
}

.page-id-83 header #main-menu li a, .page-id-500 header #main-menu li a, .page-id-1583 header #main-menu li a {
    color: black;
}

.imagem-capa {
    height: 100vh;
    background-position: center;
    background-size: cover;
}

h1.titulo-projeto {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0vh);
    bottom: 7vh;
    font-weight: 400;
    font-style: normal;
    font-family: 'LibreBodoni';
    color: rgba(255, 255, 255, 1);
    font-size: 4vw;
    text-transform: uppercase;
    text-align: center;
}

.inverter #main-menu li a, .inverter  #mobile-menu li a {
    color: black;
}
.conteudo-projeto {
    margin-top: 35vh;
    padding-left: 6vw;
    padding-right: 6vw;
}
	#seta-mobile-projetos{
		display: none !important;
	}
.mansory-img div {
    height: 90vh;
    width: 100%;
    margin: auto;
    background-size: cover;
    background-position: center;
}
.mansory-img{
    opacity: 0; /* Definindo a opacidade inicial para 0 */
    transition: opacity 1s ease-in-out; /* Adicionando uma transição de opacidade */
    padding: 0px 4vw 0px 4vw !important;
    cursor: pointer;
}
.mansory-img {
    width: 50%;
    margin-bottom: 30vh;

}
.mansory-img.mansory-img-penultima{
    margin-bottom: 10vh !important;
}

.mansory-img-2, .mansory-img-4, .mansory-img-6, .mansory-img-8, .mansory-img-10, .mansory-img-12, .mansory-text {
    width: 50%;
    margin-bottom: 30vh;
    padding: 0px 2vw 0px 2vw !important;
}
.mansory-img.mansory-text {
    margin-top: -20vh;
    margin-bottom: 25vh;
    cursor: unset;
    min-height: 450px;
    overflow: hidden;
}
.wpcf7-form-control-wrap input{
	position: absolute;
	bottom: 0;
}
/* Adicionando a classe fade-in para mostrar a imagem gradualmente */
.fade-in {
    opacity: 1 !important;
}
.mansory-img-ultima {
    width: 100% !important;
    margin-bottom: 0vh !important;
    padding: 0px 0vw 0px 0vw !important;
}
.mansory-text p.texto-esp {
    width: 49%;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
	font-family: "Roboto-Light";
}
.mansory-text p.texto-esp.direita-text {
    text-align: right;
}
p.texto-esp2{
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
}
.hp-page-inner footer {
    background-color: white;
    position: relative;
    z-index: 2;
}

#hpOverlay { display: none; }
#hpOverlay.open { display: block; }

body.is-overlay-open { overflow: hidden; }

.com-hash .hp-close{
    display: none !important;
}








span p, span h1, span h2, span h3, span h4, span h5, span h6 {
    font-size: 1.8vw;
    line-height: 2vw;
    margin: 40px 0px;
}

footer form.wpcf7-form.init {
    width: 100%;
    margin-left: 0px;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 9999; 
    overflow: auto; 
}

.overlay-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.overlay-img {
    max-width: 80%; 
    max-height: 80vh; 
}

.close-btn {
    position: absolute;
    top: 5vh;
    right: 5vh;
    color: white;
    font-size: 50px;
    cursor: pointer;
    font-weight: 200;
}

.col-direito{
	text-align: right;
}
.col-anterior{
	text-align: left;
}

.col-anterior, .col-direito {
    color: rgba(34, 34, 34, 1);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    padding: 50px 3vw;
}


label{
    background: transparent;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;

}
p, a, label, input, select, textarea, option {
    background-color: transparent;
    border: none;
}
p::placeholder, a::placeholder, label::placeholder, input::placeholder, select::placeholder, textarea::placeholder, option::placeholder {
    opacity: 0.6;
    font-weight: 100;
    letter-spacing: 1.5;
}

.acondicao{
	position: relative;
}

div#wpcf7-f117-p111-o1, div#wpcf7-f650-p498-o1, div#wpcf7-f1592-p1580-o1 {
    margin-top: 25vh;
}

.wpcf7.js h4{
    font-size: 36px;
    font-weight: 500;

}

.p0{
    opacity: 0;
    transition: opacity 2s ease;
    padding-bottom: 40px;

}
.p0.fade-in-right0 {
    opacity: 1;
}
input::placeholder, textarea::placeholder{
	font-family: "Roboto-Light" !important;
	line-height: 22px !important;
	font-size: 22px !important;
	padding-bottom: 5px;		
}
footer input::placeholder, footer textarea::placeholder{
	font-family: "Roboto-Light" !important;
	line-height: 16px !important;
	font-size: 16px !important;
	padding-bottom: 5px;		
}
textarea{
	height: 200px;
}
.p1{
    opacity: 0;
    transition: opacity 2.2s linear;
}
.p1.fade-in-right1 {
    opacity: 1;
}
.p2{
    opacity: 0;
    transition: opacity 4s linear;

}
.p2.fade-in-right2 {
    opacity: 1;
}
.p3{
    opacity: 0;
    transition: opacity 5s linear;

}
.p3.fade-in-right3 {
    opacity: 1;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    border-color: #dc3232;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #6b6b6b;
    position: absolute;
    max-width: 300px;
    bottom: -25px;
    background-color: #ede6e2;
}
.p4 {
    opacity: 0;
    margin: 25px 0px;
    transition: opacity 5s linear;
    color: black;
    float: right;
    position: relative;
}
.p4 input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 14px;
    padding: 0;
    opacity: 1;
    margin-right: -30px;
    text-transform: uppercase;
}
.p5{
    opacity: 0;
    transition: opacity 3.2s ease;

}
.p4.fade-in-right4 {
    opacity: 1;
}

.acondicao form {
    width: 400px;
    margin-left: 20%;
}
.wpcf7.js h4 {
    font-size: 4rem;
    font-weight: 500;
}
.wpcf7-form.init input::placeholder{
	font-size: 16px;
}

form.wpcf7-form.init label {
    width: 100%;
}
.acondicao form label{
    width: 100%;
}
footer .wpcf7 form.sent .wpcf7-response-output {
    border-color: #6b6b6b;
    position: absolute;
    bottom: -50px;
    left: 10px;
}
.home .menu-transparente {
    opacity: 0;
    transition: opacity 2s ease;
}
.slide-item h6.traco-grande {
    opacity: 0 !important;
    transition: opacity 2s ease !important;
    display: block !important;
}
.home .menu-transparente.fade-in-right5 {
    opacity: 1;
    transition: opacity 2s ease 2s; /* Começa a transição após 5 segundos e dura 2 segundos */
}
.slide-item h6.fade-in-right5 {
    opacity: 1 !important;
    transition: opacity 2s ease 4s !important;
    display: block !important;
}
.p4::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 0px;
    width: 25px;
    height: 1.5px;
    background-color: black;
}
	/* Remover incremento de número - Chrome, Safari, Edge, Opera  */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none !important;
		margin: 0 !important;
	}

	/* Remover incremento de número - Firefox  */
	input[type="number"] {
		-moz-appearance: textfield !important;
	}

	/* Change the white to any color */
	input:-webkit-autofill, input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
		input:-webkit-autofill:focus-within,
			input:-webkit-autofill:target,
				input:-webkit-autofill:visited,
	input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0 30px #ede6e2 inset !important;
		-webkit-text-fill-color: black !important;
	}
	/* Change the white to any color */
	.home input:-webkit-autofill, .home input:-webkit-autofill,
	.home input:-webkit-autofill:hover,
	.home input:-webkit-autofill:focus,
		.home input:-webkit-autofill:focus-within,
			.home input:-webkit-autofill:target,
				.home input:-webkit-autofill:visited,
	.home input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0 30px white inset !important;
		-webkit-text-fill-color: black !important;
	}
	.wpcf7-form-control-wrap input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: #ede6e2 !important;
    color: #ede6e2 !important;
}

footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
    float: right;
    margin-right: 0px;
    padding: 0;
    margin-top: 0px;
    position: absolute;
    right: 25px;
    opacity: 0.26;
    font-size: 12px;
    bottom: 5px;
}
.cortina {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #c8c2bf; /* Cor da cortina */
  animation: cortina-animation 0.8s linear forwards; /* Ajuste a duração para 100 segundos e use um timing linear para uma transição suave */
  z-index: 9999; /* Garanta que a cortina esteja acima de todo o conteúdo */
}

@keyframes cortina-animation {
  0% {
    transform: translateX(0%); /* Iniciando totalmente à direita */
  }
  100% {
    transform: translateX(-100%); /* Terminando totalmente à esquerda */
  }
}

footer span.wpcf7-not-valid-tip {
    position: absolute;
    width: 320px;
    bottom: -45px;
}

/* Remover a borda azul de foco */
input:focus,
textarea:focus {
    outline: none;
}

/* Mudar a opacidade do texto */
input:focus,
textarea:focus,
input:valid,
textarea:valid,
input:-webkit-autofill,
textarea:-webkit-autofill {
    opacity: 0.8;
}

.home input:focus,
.home textarea:focus,
.home input:valid,
.home textarea:valid,
.home input:-webkit-autofill,
.home textarea:-webkit-autofill {
    opacity: 1;
}

/* Mudar a opacidade do texto selecionado */
::selection {
    background-color: transparent; /* Remove o fundo azul do texto selecionado */
    opacity: 0.8; /* Defina o valor de opacidade desejado */
}

.wpcf7-submit {
    color: rgba(34, 34, 34, 1);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    padding: 20px 0px;
    text-transform: uppercase;
}


.page-id-111 #main-menu li a, .page-id-498 #main-menu li a, .page-id-1580 #main-menu li a {
    color: black;
}

.exp-footer{
	padding: 30px 0px 150px 0px;
}

.exp-footer span{
    font-family: 'LibreBodoni';
    font-style: italic;
}



#menu-footer-1 a{
	text-transform: uppercase;
}
.slick-slider-2{
	z-index: 4;
}

footer .wpcf7.js label input::placeholder {
    font-size: 14px;
    opacity: 0.7;
    text-transform: lowercase;
}

footer h3.anews{
	margin: 25px 0px 0px 0px;
}

footer .wpcf7.js h3 {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
}
video {
    margin-top: 300px;
    transition: margin-bottom 0.3s ease;
    position: relative;
    z-index: 12;
    margin-bottom: 0px;
}

.slick-slider-3, .slick-slider-2{
	margin: 0px -4px;
}

.ooverflow .wpb_text_column.wpb_content_element{
	margin-bottom: 0px;
}

.link-anterior, .link-seguinte {
    position: relative;
}

.link-anterior::before {
    content: '';
    position: absolute;
    bottom: 9px;
    left: -35px;
    width: 25px;
    height: 1.5px;
    background-color: black;
}

.link-seguinte::after{
    content: '';
    position: absolute;
    bottom: 9px;
    right: -35px;
    width: 25px;
    height: 1.5px;
    background-color: black; /* Cor do traço */	
}
.traco-grande::after {
    content: '';
    position: absolute;
    bottom: 7px;
    right: -170px;
    width: 150px;
    height: 1.5px;
    background-color: white;
}
.traco-grande {
    position: absolute;
    color: white;
    bottom: 50px;
	font-family: "Roboto-Medium";
    left: 2.4%;
    z-index: 3;
    opacity: 0;
}
.traco-grande.fade-in-percorrer{
	opacity: 1;
    transition: opacity 2s ease 2s;
}
.traco-grande.inverter{
	color: black;
}
.traco-grande.inverter::after {
    background-color: black;
}
.imagem-apoiar {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: scale(0.9);
}

.imagem-apoiar.fade-in {
    opacity: 1;
    transform: scale(1.1);
}


span.traco-grande {
    bottom: 40px;
    left: 50px;
    font-size: 12px;
    color: black;
}

span.traco-grande::after {
    content: '';
    position: absolute;
    bottom: 8px;
    right: -9vw;
    width: 8vw;
    height: 1.5px;
    background-color: black;
}




.layout-bakeri-1{
	position: relative;
}
.texto-container {
    position: absolute;
    bottom: 30vh;
    right: 5vw;
    max-width: 28vw;
}
.texto-container h6 span{
    font-size: 1.3vw;
	padding-top: 100px;
	text-align: right;
	font-family: "Roboto" !important;
}
.texto-container h6{
	font-weight: normal;
    font-size: 1.3vw;
	text-align: right;
    font-family: "Roboto-ThinItalic";
    line-height: 1.3vw;
}
.desktop-none{
	display: block;
}
.mobile-none{
	display: none;
}
/****************************** ABOUT ************************************/
.zona1{
	min-height: 100vh;
	width: 100vw;
}
.zona2 .wpb_wrapper{
	display:flex;
	min-height: 100vh;
	width: 200vw;
	position: relative;
}
.zona2 .zonaHorizontal3 .wpb_wrapper {
    display: flex;
    min-height: 100vh;
    width: 100vw;
    position: relative;
}
.zona2 .zonaHorizontal.zonaHorizontal2{
	width: 100vw;
	min-height: 100vh;
}
.zona2 .zonaHorizontal{
	width: 100vw;
	min-height: 100vh;
}
.zona2 .zonaHorizontal.zonaHorizontal3{
	width: 100vw;	
}
.zonaHorizontal .layout-bakeri-1{
	width: 35vw;
	min-height: 50vh;
}
.zonaHorizontal .slick-about {
    overflow: hidden;
    width: 40vw;
    min-height: 50vh;
    max-height: 70vh;
    background-position: center;
    background-size: cover;
}
.zona21{
	background-color: #f3ff3e;

}
.zona22{
	background-color: #ff7dff;
}
.zona23{
	background-color: #00ff72;
}
/*.zona3{
	min-height: 100vh;
	width: 100vw;
}*/
#main > div.scrollmagic-pin-spacer > div > div > div > div > div:nth-child(2){
	padding: 15vh 10vw 0px 10vw;	
}
.texto-container p {
    font-size: 1.3vw;
    margin-bottom: 10vh;
    font-family: "Roboto";
    line-height: 1.55vw;
}
/****************************** ABOUT ************************************/

.aviso-cookies{
	display: none;
}








/****************************** PAGE ************************************/

/****************************** MEDIA QUERIES ************************************/
/* HD READY - Resolução Base Desenvolvimento */
@media only screen and (max-width: 1440px) {
}

/* Media query para menu hamburguer */
@media print, screen and (max-width: 1250px) {
}

/* Media query para menu hamburguer */
@media print, screen and (max-width: 1200px) {
}

/*tablet landscape or old laptop */
@media print, screen and (max-width: 1024px) {
}

/* Size considerado para Tablet */
@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 701px) {
.slick-slider, .slick-texto{
	width: 100% !important;
	display: block !important;
	margin-left: 0px !important;
}
div#seta-mobile-projetos img {
    filter: invert(1);
    height: 45px !important;
}
#main-menu li.wpml-ls-slot-2 a {
    font-size: 12px;
    line-height: 20px;
    font-family: "Roboto-Light";
}
.seta-mobile {
    z-index: 9999999999999;
    display: block;
    position: absolute;
    left: 50%;
    top: 75vh;
    transform: translate(-50%, -50%);
    opacity: 0;

}
#seta-mobile-projetos{
		display: block !important;
	}
@keyframes balanco {
  0% { transform: translateY(0); }
  10% { transform: translateY(15px); }
  20% { transform: translateY(0); }
  50% { transform: translateY(0); }
  75% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.seta-mobile img {
  animation: balanco 4s infinite 5s ease-in-out;
  height: 60px;
  width: auto;
}



.seta-mobile.show {
    opacity: 1;
    transition: opacity 2s ease 2s;
}
.hide-quickly {
    transition: opacity 1s ease;
    opacity: 0; 
}
.seta-mobile.show.hide-quickly {
    opacity: 1;
     transition: opacity 1s ease;
}
.slider-container {
    display: block !important;
    flex-wrap: unset !important;
    overflow-x: normal !important;
    -webkit-overflow-scrolling: touch; 
}
.page-id-111 .site-controlauto, .page-id-498 .site-controlauto, .page-id-1580 .site-controlauto {
    filter: none !important;
}
.page-id-111 .inverter .site-controlauto, .page-id-498 .inverter .site-controlauto, .page-id-1580 .inverter .site-controlauto {
    filter: invert(1) !important; 
}
.page-id-111 .inverter #main-menu li a, .page-id-498 .inverter #main-menu li a, .page-id-1580 .inverter #main-menu li a {
    color: black;
}
.page-id-111 #main-menu li a, .page-id-498 #main-menu li a, .page-id-1580 #main-menu li a {
    color: white;
}
.slick-slider-2 {
	margin-top: 100vh;
}
.traco-grande{
	display: none;
}
#site-navigation, .site-controlauto {
    padding-top: 25px;
}

.site-controlauto img {
    width: 80px;
    height: auto;
}

#main-menu li a, #mobile-menu li a {
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 28px;
    font-style: normal;
    color: white;
    text-align: right;
}

.home .menu-transparente{
    opacity: 0;
    transition: opacity 7s ease;
}
.home .menu-transparente.fade-in-right5 {
    opacity: 1;
    transition: opacity 2s ease 2s;
}
footer .wpcf7.js label {
    width: 100%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: absolute;
    right: 30px;
    bottom: -40px;
    font-size: 14px;
    padding: 0;
    opacity: 0.5;
    text-transform: lowercase;
}
.imagem-capa {
    height: 100vh;
}
h1.titulo-projeto {
    bottom: 35px;
}
.mansory-img {
    width: 100%;
    padding: 0px 0vw 0px 0vw;
    margin-bottom: 20vh;
}

.mansory-img-2, .mansory-img-4, .mansory-img-6, .mansory-img-8, .mansory-img-10, .mansory-img-12, .mansory-text {
    width: 100%;
    margin-bottom: 20vh;
    padding: 0px 0vh 0px 0vh;
}
.mansory-img div {
    height: 500px;
}

.col-anterior {
    padding: 20px 10px 20px 50px;
}
.col-direito {
    padding: 20px 50px 20px 10px;
}
.link-anterior::after {
    right: -25px;
    width: 20px;
}

.link-seguinte::before {
    left: -25px;
    width: 20px;
}
.col-anterior a, .col-direito a {
    font-size: 12px;
}

h1.titulo-projeto {
    text-align: center;
}
.overlay {
    background-color: rgb(0 0 0 / 80%);
}

.mansory-img.mansory-text {
    margin-top: 0px;
}

ul#menu-footer-1 {
    padding-left: 0;
    margin: 0px 0px 44px;
}

.exp-footer {
    padding: 30px 0px 150px 0px;
}


.nav {
    right: 4%;
}

.traco-grande {
    bottom: 60px;
    left: 3%;
}
.traco-grande::after {
    content: '';
    position: absolute;
    bottom: 7px;
    right: -145px;
    width: 120px;
    height: 2px;
    background-color: white;
}
.slick-texto-2 {
    position: relative;
    bottom: 0;
    padding: 50px;
}
.slick-texto {
    height: unset;
}

video {
    margin-bottom: 0px !important;
}

.slick-texto-2 p {
    line-height: 30px;
    font-size: 6vw;
    padding-right: 50px;
    color: white;
    font-family: 'Roboto';
}

.slick-texto-2 h6 {
    line-height: 16px;
    font-family: 'LibreBodoni-Italic';
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 5px;
    color: white;
}

.slick-texto-2 {
    position: relative;
    bottom: 0;
    padding: 40vh 20px 30vh 20px;
    max-height: 100vh;
}

.slick-texto-2 .traco-grande{
	display: none;
}

.home footer {
    background-color: #ede6e2;
}

.exp-footer h3 {
    margin-bottom: 30px;
}
.zona2 .zonaHorizontal {
    width: 100%;
    min-height: auto;
}

.zona2 .wpb_wrapper {
    display: block;
    min-height: unset;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.zona2 .zonaHorizontal {
    width: 100%;
    min-height: auto;
}
.zonaHorizontal .layout-bakeri-1 {
    width: 100%;
    min-height: auto;
    max-width: 100%;
}

.texto-container {
    position: relative;
    bottom: unset;
    right: unset;
    max-width: 100%;
}
.zonaHorizontal .slick-about {
    width: 100% !important;
    min-height: 50vh;
}

.zona1 {
    min-height: 100vh;
    width: auto;
}

.imagem-apoiar {
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.page-id-45 main, .page-id-495 main, .page-id-1578 main{
	width: 91%;
    margin: auto;	
}
.desktop-none{
	display: none;
}
.mobile-none{
	display: block;
}

img.imagem-mobile-1 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.texto-container-mobile{

}
.texto-container-mobile h6 span{
	text-align: right;
	font-size: 20px;
    line-height: 25px;
}
.texto-container-mobile h6{
	text-align: right;
	font-size: 20px;
    line-height: 25px;

}
.texto-container-mobile p {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
}
img.imagem-mobile-2 {
    padding: 100px 100px 100px 0px;
}
img.imagem-mobile-3 {
    padding: 50px 0px 100px 50px;
}
.img-about-footer img {
    padding: 0px 0vw;
}
.zona3 {
    min-height: unset;
    width: auto;
}

.projeto-imagem {
    margin-top: calc(100vh - 67vh);
}

.projeto-imagem img {
    height: 45vh;
    width: auto;
    max-width: unset;
}


.mansory-img.mansory-text {
    margin-top: 0vh;
    height: auto;
    margin-bottom: 10vh;
    cursor: unset;
}

span p, span h1, span h2, span h3, span h4, span h5, span h6 {
    font-size: 20px;
    line-height: 30px;
    margin: 40px 0px;
}

.conteudo-projeto {
    margin-top: 15vh;
    padding-left: 0vw;
    padding-right: 0vw;
}


.page-id-111 .wpb_single_image img, .page-id-498 .wpb_single_image img, .page-id-1580 .wpb_single_image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    height: 100vh;
    object-position: right;
    object-fit: cover; /* Mantém a proporção da imagem */
}

.page-id-111 .site-controlauto, .page-id-498 .site-controlauto, .page-id-1580 .site-controlauto{
	filter: invert(1);
}
.page-id-45 .site-controlauto, .page-id-495 .site-controlauto, .page-id-1578 .site-controlauto{
	filter: invert(1);
}
.page-id-45 #main-menu li a, .page-id-495 #main-menu li a, .page-id-1578 #main-menu li a {
    color: black;
}
.wpcf7.js label {
    width: 80vw;
}

.acondicao input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: relative;
    right: 75px;
    float: right;
    bottom: 0px;
}

.p4::after {
    content: '';
    position: absolute;
    right: 15px;
    width: 25px;
    height: 1.5px;
    bottom: 20px;
    background-color: black;
}
div#wpcf7-f117-p111-o1, div#wpcf7-f1592-p1580-o1 {
    margin-top: 15vh;
}

video {
    margin-top: 0px;
}
.site-controlauto{
	z-index: 5;
}
.acondicao form {
    width: 100% !important;
    padding: 0px 20px;
}
.wpcf7.js h4 {
    font-size: 3rem;
    font-weight: 500;
}

.mansory-img {
    padding: 0px 0vw 0px 0vw !important;
}

.mansory-img-2, .mansory-img-4, .mansory-img-6, .mansory-img-8, .mansory-img-10, .mansory-img-12, .mansory-text {
    padding: 0px 0vw 0px 0vw !important;
}
.acondicao form {
    width: 350px;
    margin-left: 0px;
}
footer input::placeholder, footer textarea::placeholder{
	line-height: 13px !important;
	font-size: 12px !important;		
}
h1.titulo-projeto {
    font-size: 30px;
}
.layout-bakeri-mobile .slick-slide{
	height: 70vh;
	width: 100%;
}
.layout-bakeri-mobile .slick-track {
    height: auto;
}
.layout-bakeri-mobile{
	margin: 0px -15px;
}
.texto-container-mobile {
    padding: 0px 15vw 20vh 30px;
}
.layout-bakeri-mobile .slider-container.slick-about.slick-initialized.slick-slider {
    margin: 20vh 0px;
}
.texto-container-mobile h6 {
    text-align: right;
    font-size: 20px;
    line-height: 25px;
    font-family: "Roboto-ThinItalic";
}
.texto-container-mobile h6 span{
	font-family: "Roboto" !important;
}

footer form.wpcf7-form.init label {
    width: 85%;
}


.imagem-direita{
	background-position: right !important;
}

	/* Change the white to any color */
	.home input:-webkit-autofill, .home input:-webkit-autofill,
	.home input:-webkit-autofill:hover,
	.home input:-webkit-autofill:focus,
		.home input:-webkit-autofill:focus-within,
			.home input:-webkit-autofill:target,
				.home input:-webkit-autofill:visited,
	.home input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0 30px #ede6e2 inset !important;
		-webkit-text-fill-color: black !important;
	}
footer h3.anews {
    margin: 25px 0px 30px 0px;
}
.footer-column .wpcf7 p, .footer-column .wpcf7 a {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid black !important;
    width: 90% !important;
}
    /* Alterar grade para 2 colunas */
    .showroom-grid {
		display: block;
        grid-template-columns: repeat(1, 1fr); /* 2 colunas no mobile */
        gap: 15px; /* Ajuste do espaçamento no mobile */
    }

    /* Itens de largura dobrada ocupam toda a linha */
    .showroom-item.half-width {
        grid-column: span 2; /* Ocupa toda a linha no mobile */
    }
.image-default, .image-hover {
    height: 50vh;
}
.showroom-item{
	min-height: unset;
}
.description {
    display: block;
    opacity: 1;
}
.showroom-grid {
    padding: 20px 4%;
}



}
/* smartphones plus */
@media only screen and (max-width: 500px) {
	ul#menu-footer-1 {
    padding-left: 0;
		margin: 44px 0px 44px;
	}

}
/* smartphones normais  */
@media only screen and (max-width: 378px) {
}
/* iphone 5 <=  */
@media only screen and (max-width: 320px) {
}