#webdoor:before {content: '';width: 100%;height:100%;position: absolute;left: 0;top:0;background-color: rgba(0,0,0,0.35);z-index: 0}
#webdoor:after {content:'';position:absolute;left:0;top:4rem;width:100%;height: 1px;background-color: rgba(255,255,255,0.35);z-index:1;}

#main-header.h-inner .tab .social {padding: 1.5rem;}
#main-header.h-inner .tab .l1,#main-header.h-inner .tab .l2 {display:flex;justify-content:center;align-items: center;}
#main-header.h-inner .tab img {filter: invert(100%);}
#main-header.h-inner .tab .h-spacer {background-color: rgba(255,255,255,1);}

#webdoor.webdoor-internal {height:27rem;margin:4rem 0 0 0;}
#webdoor.webdoor-internal:after {content:unset;}

#webdoor.webdoor-atuacao {background-image: url(/assets/image/webdoors/webdoor-atuacao.webp);}
#webdoor.webdoor-projetos {background-image: url(/assets/image/webdoors/webdoor-projeto.webp);}
/* restaurantes */
#webdoor.webdoor-restaurantes {background-image: url(/assets/image/webdoors/webdoor-projeto.webp);}
#webdoor.webdoor-jobi {background-image: url(/assets/image/galeria/jobi-01.webp);}
#webdoor.webdoor-bar-jobi {background-image: url(/assets/image/galeria/bar-jobi-14.webp);}
#webdoor.webdoor-balcao-do-jobi {background-image: url(/assets/image/galeria/balcao-do-jobi-17.webp);}
#webdoor.webdoor-tiara {background-image: url(/assets/image/galeria/tiara-11.webp);}
#webdoor.webdoor-itacoa {background-image: url(/assets/image/galeria/itacoa-24.webp);}
#webdoor.webdoor-cucina-per-heaven {background-image: url(/assets/image/galeria/cuccina-per-heaven-10.webp);}
#webdoor.webdoor-o-fado {background-image: url(/assets/image/galeria/o-fado-11.webp);}
#webdoor.webdoor-olivo {background-image: url(/assets/image/galeria/olivo-04.webp);}
#webdoor.webdoor-bar-do-zeca {background-image: url(/assets/image/galeria/bar-do-zeca-07.webp);}
#webdoor.webdoor-nonna-per-heaven {background-image: url(/assets/image/galeria/nonna-per-heaven-01.webp);}
#webdoor.webdoor-emporio-18 {background-image: url(/assets/image/galeria/emporio-18-02.webp);}
/* residencias */
#webdoor.webdoor-residencias {background-image: url(/assets/image/webdoors/webdoor-projetos-residencias.webp);}
#webdoor.webdoor-casa-jardim-marapendi {background-image: url(/assets/image/galeria/casa-jardim-marapendi-04.webp);}
#webdoor.webdoor-cobertura-peninsula {background-image: url(/assets/image/galeria/cobertura-peninsula-06.webp);}
#webdoor.webdoor-casa-novo-leblon {background-image: url(/assets/image/galeria/casa-novo-leblon-01.webp);}
#webdoor.webdoor-casa-tie {background-image: url(/assets/image/galeria/casa-tie-46.webp);}
#webdoor.webdoor-chale-casa-tucano {background-image: url(/assets/image/galeria/chale-casa-tucano-05.webp);}
#webdoor.webdoor-casa-aracari {background-image: url(/assets/image/galeria/casa-aracari-01.webp);}
#webdoor.webdoor-casa-rds {background-image: url(/assets/image/galeria/casa-rds-01.webp);}
/* espacos-corporativos */
#webdoor.webdoor-espacos-corporativos {background-image: url(/assets/image/webdoors/webdoor-projetos-espacos-corporativos.webp);}
#webdoor.webdoor-escritorio-ceo-corporate {background-image: url(/assets/image/galeria/euro17-35.webp)}
#webdoor.webdoor-escritorio-de-engenharia-o2-corporate {background-image: url(/assets/image/galeria/go2-17.webp)}
#webdoor.webdoor-consultorio-ceo-corporate {background-image: url(/assets/image/galeria/consultorio-pediatrico-08.webp)}
/* desenvolvimento-e-estruturacao */
#webdoor.webdoor-desenvolvimento-e-estruturacao {background-image: url(/assets/image/webdoors/webdoor-projetos-desenvolvimento-e-estruturacao.webp);}
#webdoor.webdoor-arena-beach-club {background-image: url(/assets/image/galeria/arena-beach-club-16.webp);}
#webdoor.webdoor-vida-videiras {background-image: url(/assets/image/galeria/vida-videiras-01.webp);}
#webdoor.webdoor-quinta-das-amoras {background-image: url(/assets/image/galeria/quinta-das-amoras-01.webp);}
/* montagem-de-empreendimentos */
#webdoor.webdoor-montagem-de-empreendimentos {background-image: url(/assets/image/webdoors/webdoor-projetos-montagem-de-empreendimentos.webp);}
#webdoor.webdoor-life-of-residences {background-image: url(/assets/image/galeria/life-of-residences-01.webp);}
#webdoor.webdoor-bernini {background-image: url(/assets/image/galeria/bernini-01.webp);}
#webdoor.webdoor-la-maison-de-gauguin {background-image: url(/assets/image/galeria/la-maison-de-gauguin-01.webp);}
#webdoor.webdoor-mondrian {background-image: url(/assets/image/galeria/mondrian-02.webp);}
#webdoor.webdoor-la-vista {background-image: url(/assets/image/galeria/la-vista-02.webp);}
#webdoor.webdoor-puerto-madero {background-image: url(/assets/image/galeria/puerto-madero-01.webp);}
#webdoor.webdoor-aloha-club {background-image: url(/assets/image/galeria/aloha-club-01.webp);}
#webdoor.webdoor-choice-residencial {background-image: url(/assets/image/galeria/choice-residencial-01.webp);}
#webdoor.webdoor-vogue-square {background-image: url(/assets/image/galeria/vogue-square-01.webp);}
#webdoor.webdoor-o2-corporate-offices {background-image: url(/assets/image/galeria/o2-corporate-offices-01.webp);}
#webdoor.webdoor-vision-offices {background-image: url(/assets/image/galeria/vision-offices-01.webp);}
#webdoor.webdoor-grand-midas-convention-suites {background-image: url(/assets/image/galeria/midas-convention-suites-01.webp);}
#webdoor.webdoor-midas-rio-convention-suites {background-image: url(/assets/image/galeria/midas-rio-convention-suites-01.webp);}

#webdoor.webdoor-contato {background-image: url(/assets/image/webdoors/webdoor-contato.webp);}

#webdoor.webdoor-privacidade {background-image: url(/assets/image/webdoors/webdoor-contato.webp);}
#webdoor.webdoor-termos-de-uso {background-image: url(/assets/image/webdoors/webdoor-contato.webp);}
#webdoor.webdoor-cookies {background-image: url(/assets/image/webdoors/webdoor-contato.webp);}
#webdoor.webdoor-404 {background-image: url(/assets/image/webdoors/webdoor-contato.webp);}

#webdoor.webdoor-internal h1 {position: absolute;top:35%;display:flex;flex-direction: column;font-weight: 700;text-transform:unset;text-align:right;}
#webdoor.webdoor-internal h1 span:nth-of-type(1) {-webkit-text-stroke: 0.085rem #ffffff;color: transparent;display:flex;align-items:center;}
#webdoor.webdoor-internal h1 span:nth-of-type(1):before {content: '';width: 2rem;height: 2px;background-color: #ffffff;display: block;margin: 0 1.5rem 0 0;flex:1}
#webdoor.webdoor-internal h1 span:nth-of-type(2) {margin: -1rem 0 0 0;}

@media screen and (min-width:1280px){
	#webdoor.webdoor-internal h1 {font-size: 4.15rem;line-height:4.95rem;text-align: right;left: 10%;}
	#webdoor.webdoor-internal h1 span:nth-of-type(1) {font-size: 3rem;}

	#main-header.h-inner .tab {position: absolute;right: 0;top: 5rem;background-color:rgba(0,0,0,0.0);width: max-content; height: max-content;display: flex;flex-direction: column;justify-content: center;gap: 1rem;padding: 0;z-index: 5;box-shadow: unset;}
	#main-header.h-inner .tab .l1,#main-header.h-inner .tab .l2 {flex-direction:column;gap:1.5rem;width: 100%;}
	#main-header.h-inner .tab img {width: 1.15rem;height:1.15rem;}
	#main-header.h-inner .tab .h-spacer {width: 1px;margin:1.5rem auto;height: 2rem;}
}

@media screen and (min-width:900px) and (max-width:1279px){
	#webdoor.webdoor-internal h1 {font-size: 3.77rem;line-height:4.5rem;left: 8%;}
	#webdoor.webdoor-internal h1 span:nth-of-type(1) {font-size: 2.72rem;}

	#main-header.h-inner .tab {position: absolute;right: 0;top: 5rem;background-color:rgba(0,0,0,0.0);width: max-content; height: max-content;display: flex;flex-direction: column;justify-content: center;gap: 1rem;padding: 0;z-index: 5;box-shadow: unset;}
	#main-header.h-inner .tab .l1,#main-header.h-inner .tab .l2 {flex-direction:column;gap:1.5rem;width: 100%;}
	#main-header.h-inner .tab img {width: 1.15rem;height:1.15rem;}
	#main-header.h-inner .tab .h-spacer {width: 1px;margin:1.5rem auto;height: 2rem;}
}

@media screen and (min-width:780px) and (max-width:899px){
	#webdoor.webdoor-internal h1 {font-size: 3.39rem;line-height:4.05rem;left: 6%;}
	#webdoor.webdoor-internal h1 span:nth-of-type(1) {font-size: 2.45rem;}

	#main-header.h-inner .tab {position: absolute;right: 0;top: 5rem;background-color:rgba(0,0,0,0.0);width: max-content; height: max-content;display: flex;flex-direction: column;justify-content: center;gap: 1rem;padding: 0;z-index: 5;box-shadow: unset;}
	#main-header.h-inner .tab .l1,#main-header.h-inner .tab .l2 {flex-direction:column;gap:1.5rem;width: 100%;}
	#main-header.h-inner .tab img {width: 1.15rem;height:1.15rem;}
	#main-header.h-inner .tab .h-spacer {width: 1px;margin:1.5rem auto;height: 2rem;}
}

@media screen and (max-width:779px){
	#webdoor.webdoor-internal h1 {font-size: 2.35rem;line-height: 2.95rem;left: 4%;}
	#webdoor.webdoor-internal h1 span:nth-of-type(1) {font-size: 2.18rem;}
	#webdoor.webdoor-internal h1 span:nth-of-type(2) {margin: -0.25rem 0 0 0;}
}


#inner-intro {background-color:#171717;}
#inner-intro .content {width: 100%;max-width: 1280px;margin: 0 auto;}
#inner-intro .content p {/*font-size: 1.75rem;padding: 3rem;*/font-weight:200;}
#inner-intro .content p + p {padding: 0 3rem 3rem;}

@media screen and (min-width:1280px){
	#inner-intro .content p {font-size:1.75rem;padding:3rem;}
}

@media screen and (min-width:768px) and (max-width:1279px){
	#inner-intro .content p {font-size:1.65rem;padding:2.5rem;}
}

@media screen and (min-width:601px) and (max-width:767px){
	#inner-intro .content p {font-size:1.5rem;padding:2rem;}
}

@media screen and (max-width:779px){
	#inner-intro .content p {font-size:1.4rem;padding:1.5rem;}
}

#atuacao-intro .content {width: 100%;max-width: 1280px;margin: 0 auto;}
#atuacao-intro .content .l1 p {font-size: 1.35rem;padding: 2rem;background-color: var(--logo1);box-shadow: 0 0 6px 6px rgba(0,0,0,0.25);}
#atuacao-intro .counters {display: flex;max-width: 1080px;margin: 0 auto;flex-wrap:wrap;gap:3rem 6rem;justify-content:space-between;padding:4rem 2rem;}
#atuacao-intro .cut-square-c:before {content: '';display: block;border:0.65rem solid var(--logo2);width:10rem;height: 10rem;position: absolute;
clip-path: polygon(-10% -10%,110% -10%,110% 110%,-10% 110%,-10% 50%,15% 50%,15% 88%,105% 88%,105% 60%,85% 60%,85% 15%,-10% 15%);}
#atuacao-intro .cut-square-c {margin:1rem auto 0 auto;font-family: FNXJost;width:10rem;height: 10rem;font-weight: 700;position: relative;}
#atuacao-intro .cut-square-c .anos {font-size: 4rem;line-height: 4rem;margin: 0;position: absolute;top: 1.6rem;text-align:right;}
#atuacao-intro .cut-square-c .txt1 {font-size:1.15rem;text-align:left;width: 100%;position: absolute;left: 1.6rem;bottom: 2.6rem;}
#atuacao-intro .cut-square-c .txt2 {font-size: 2rem;line-height: 2rem;text-align:left;width: 100%;position: absolute;left: 1.6rem;bottom: 0.7rem;}
#atuacao-intro .cut-square-c.plus .anos:after {content:'+';}
#atuacao-intro .cut-square-c.cnt1 .anos {right: 1.55rem;}
#atuacao-intro .cut-square-c.cnt2 .anos {right: 4rem;}
#atuacao-intro .cut-square-c.cnt3 .anos {right: -2.3rem;}

#atuacao-areas {background-color: var(--logo2);}
#atuacao-areas p {font-size: 2rem;text-transform: uppercase;font-family: FNXJost;width: 100%;max-width: 45rem;margin: 0 auto;letter-spacing: 0.15rem;padding:2rem 0;}

.flip-block .content {display:flex;gap:2rem;width: 100%;max-width: 1280px;margin: 0 auto;}
.flip-block:nth-of-type(even) .content .c1 {background-color: var(--logo2);}
.flip-block:nth-of-type(odd) .content .c1 {background-color: var(--logo1);}

.flip-block .content .c1 {box-shadow: 0 0 6px 6px rgba(0,0,0,0.25);position: relative;}
.flip-block .content .c1:before {content:'';display: block;width: 100%;}
.flip-block .content .c1 h2 {font-size:1.25rem;padding:1rem;}
.flip-block .content .c1 p {font-size:1.15rem;padding:0 1rem 1rem;text-align: justify;}
.flip-block .content .c1 p strong {font-weight: 500;}
.flip-block .content .c1 ul {list-style: none;text-align: left;padding:0.5rem 1.5rem 1rem 1.5rem;font-size:1.1rem}
.flip-block .content .c1 ul li:before {content:'';display: inline-block;width: 0.5rem;height: 0.5rem;margin:0 0.5rem 0.15rem 0;opacity: 0.5;background-color: #ffffff;}

.flip-block .content .c2 img {object-fit: cover;width: 100%;height: 100%;margin: 0 auto;box-shadow: 0 0 6px 6px rgba(0,0,0,0.25);}

#atuacao1 {background-color: #404040;}
#atuacao2 {background-color: #171717;}
#atuacao3 {background-color: #303030;}

@media screen and (min-width:970px){
	.flip-block .content .c1 {width: 60%;}
	.flip-block .content .c2 {width: 40%;}
	.flip-block:nth-of-type(even) .content .c1 {order:1;}
	.flip-block:nth-of-type(even) .content .c2 {order:2;}
	.flip-block:nth-of-type(odd) .content .c1 {order:2;}
	.flip-block:nth-of-type(odd) .content .c2 {order:1;}
}

@media screen and (max-width:969px){
	.flip-block .content {flex-direction:column;width:100%;}
	.flip-block .content > div {width: 100%;}
	.flip-block .content .c2 img {max-width:550px;display: none}
	.flip-block .content .c1 p {font-size:1.2rem;}
}

@media screen and (max-width:549px){
	.flip-block .content .c1 h2 {
		font-size: 1.35rem;
		height: auto;
	}
	.flip-block .content .c1 p {
		font-size: 1.3rem;
	}
}


#projetos-intro {background-color: #404040;}
#projetos-intro h2 {text-align: right;letter-spacing: 0.1rem;display: flex;align-items: center;justify-content: flex-end;}
#projetos-intro .gallery {display: grid;width: 100%;max-width: 1280px;margin: 0 auto;}
#projetos-intro .gallery .item {display: block;text-decoration: none;color: inherit;}
#projetos-intro .gallery .item .item-photo {width: 100%;position:relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
#projetos-intro .gallery .item .item-photo:after {transition:width 0.4s;content: 'Ver projetos \2794\00a0';font-size: 1.2rem;font-family:FNXJost;font-weight: 300 ;display: flex;position: absolute;bottom: 0;right: 0.5rem;width: 2.15rem;height: 2.15rem;background-color:rgba(0,0,0,0.75);align-items: center;overflow: hidden;text-transform: uppercase;white-space: nowrap;justify-content: flex-end;letter-spacing:0.1rem;}
#projetos-intro .gallery .item:hover .item-photo:after {width: 11rem;padding: 0 0 0 0.5rem;}
#projetos-intro .gallery .item:hover .item-photo {box-shadow:0 0 6px 6px rgba(0,0,0,0.25);}
#projetos-intro .gallery .item .item-photo img {width: 100%;height: 100%;object-fit: cover;transition: width 0.5s,height 0.5s;}
#projetos-intro .gallery .item:hover .item-photo img {width: 112%;height: 112%;}


@media screen and (min-width:950px){
	#projetos-intro h2 {font-size:1.1rem;min-height:5rem;}
	#projetos-intro .gallery {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	#projetos-intro .gallery .item {padding: 3rem 1rem 5rem 1rem;border-right: 1px solid rgba(255,255,255,0.15);}
	#projetos-intro .gallery .item:nth-child(5n+1) {border-left: 1px solid rgba(255,255,255,0.15);}
	#projetos-intro .gallery .item .item-photo {margin-top: 4rem;height: 27rem;}
}

@media screen and (max-width:949px){
	#projetos-intro h2 {font-size:1.5rem;max-width: 550px;margin: 0 auto;height:unset;padding:0 0 1rem 0;}
	#projetos-intro .gallery {grid-template-rows: 1fr 1fr 1fr 1fr 1fr;}
	#projetos-intro .gallery .item {padding: 3rem 2rem 3rem 2rem;border-bottom: 1px solid rgba(255,255,255,0.15);}
	#projetos-intro .gallery .item:nth-child(n+5) {border-bottom: 0px solid rgba(255,255,255,0.15);}
	#projetos-intro .gallery .item .item-photo {height: 22rem;max-width: 550px;margin: 0 auto;}
}

@media screen and (max-width:549px){
	#projetos-intro .gallery .item .item-photo:after {
		width: max-content;
	}
}

#projetos-gallery {background-color: #404040;position:relative;}
#projetos-gallery .gallery::-webkit-scrollbar {display: none;}

#projetos-gallery h3 {font-size:1.45rem;text-align: right;letter-spacing: 0.2rem;padding: 0 0.75rem;min-height:5rem;border-bottom: 1px solid;display: flex;align-items: center;justify-content: flex-end;font-weight:300;text-transform:uppercase;transition:letter-spacing 0.4s;flex: 1;}
#projetos-gallery .gallery {scrollbar-width: none;display: flex;gap: 2.5rem;padding: 4rem 0;width: 100%;max-width: 1280px;margin: 0 auto;position:relative;overflow: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
#projetos-gallery .gallery .item {display: flex;flex-direction:column;text-decoration: none;color: inherit;width: 22rem;box-shadow: 0 0 6px 6px rgba(0,0,0,0.15);background-color: var(--logo2);flex: 1 0 auto;scroll-snap-align: center;transition:box-shadow 0.4s;}
#projetos-gallery .gallery .item:hover {box-shadow: 0 0 6px 6px rgba(0,0,0,0.35);}
#projetos-gallery .gallery .item:nth-child(4n+1) {border-left: 0px solid rgba(255,255,255,0.15);}
#projetos-gallery .gallery .item p.map {font-size: 1.15rem;padding: 0.75rem;text-align: right;font-family: FNXJost;margin: 0 0 1rem 0;flex: 0 1 auto;}
#projetos-gallery .gallery .item p.map:before {content: '';display:inline-block;width: 1.15rem;height: 1.15rem;background-image: url(/assets/image/map-marker-alt.svg);background-size:contain;margin: 0 0.5rem 0 0;filter:invert(100%)}

#projetos-gallery .gallery .item:hover h3 {letter-spacing: 0.35rem;}

#projetos-gallery .gallery .item .item-photo {border:0px solid #ffffff;position:relative;width:100%;overflow: hidden;flex: 0 1 auto;}
#projetos-gallery .gallery .item .item-photo:before {content: '';display: block;width: 100%;padding-bottom: 70%;}
#projetos-gallery .gallery .item .item-photo img {position: absolute;top:0;left:0;bottom: 0; right: 0;width: 100%;height:100%;object-fit:cover;transition:all 0.4s;}
#projetos-gallery .gallery .item:hover .item-photo img{width:120%;height:120%;top:-10%;left:-10%;bottom:-10%; right:-10%;}

#projetos-gallery .lines {position: absolute;width: 100%;max-width: 1280px;margin: 0 auto;height: 100%;bottom: 0;top: 0;z-index: 0;left: 50%;transform: translateX(-50%);display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;display: none;}
#projetos-gallery .lines span {border-right: 1px solid rgba(255,255,255,0.15);}
#projetos-gallery .lines span:nth-child(4n+1) {border-left: 1px solid rgba(255,255,255,0.15);}

/* ALT VERSION */

#projetos-gallery .gallery {flex-wrap: wrap;justify-content: center;}
#projetos-gallery .gallery .item {flex: unset;}

/* ALT VERSION */

/*  PROJETO  */
#projetos-sheet {background-color: #202020;position:relative;}
#projetos-sheet .content {border-top: 1px solid rgba(255,255,255,0.25);border-bottom: 1px solid rgba(255,255,255,0.25);margin: 2rem -5rem 6rem -5rem;padding:0rem;text-align: left;}

@media screen and (min-width:1280px){
	#projetos-sheet .content {margin: 2rem -5rem 6rem -5rem;}
}
@media screen and (min-width:900px) and (max-width:1279px){
	#projetos-sheet .content {margin: 2rem -4rem 6rem -4rem;}
}	
@media screen and (min-width:600px) and (max-width:899px){
	#projetos-sheet .content {margin: 2rem -3rem 6rem -3rem;}
}
@media screen and (max-width:599px){
	#projetos-sheet .content {margin: 2rem -2rem 6rem -2rem;}
}

#projetos-sheet .content p {font-size: 1.25rem;}
#projetos-sheet .content .tab-pages h3 {padding: 0.75rem;text-transform: uppercase;font-size:1.5rem;font-weight: 400;letter-spacing: 0.2rem;writing-mode: vertical-lr;transform: rotate(180deg);}
#projetos-sheet .content .tab-pages {border-right:1px solid rgba(255,255,255,0.25);display:flex;flex-direction:column;justify-content: space-between;align-items: center;width: 3.5rem;background-color: rgba(255,255,255,0.1);box-sizing: content-box;}

#projetos-sheet .content #pages {width: 90%;max-width: 1280px;margin: 0 auto;position:relative;display: flex;flex-direction: column;}
#projetos-sheet .content #pages > div {width: 100%;border-right: 1px solid rgba(255,255,255,0.25);border-left: 1px solid rgba(255,255,255,0.25);border-bottom: 1px solid rgba(255,255,255,0.25);}
#projetos-sheet .content #pages > div:nth-last-of-type(2) {border-bottom: 0px solid ;}
#projetos-sheet .content .page1 {order:1;display: grid;background-color: #303030;}
#projetos-sheet .content .page1 .txt-info p:before {content: '';display: inline-block;width: 1.15rem;height: 1.15rem;background-size:contain;background-repeat:no-repeat;background-size: contain;margin: 0 0.5rem 0 0;filter: invert(45%) sepia(34%) saturate(357%) hue-rotate(352deg) brightness(97%) contrast(92%);position: relative;top: 0.1rem;}
#projetos-sheet .content .page1 .txt-info p:nth-child(1):before {background-image: url(/assets/image/map-marker-alt.svg);}
#projetos-sheet .content .page1 .txt-info p:nth-child(2):before {background-image: url(/assets/image/calendar-alt.svg);}
#projetos-sheet .content .page1 .txt-info p:nth-child(3):before {background-image: url(/assets/image/instagram.svg);}
#projetos-sheet .content .page1 .txt-info p:nth-child(3):after {content: '';display: inline-block;width: 1.15rem;height: 1.15rem;background-image: url(/assets/image/external-link-alt.svg);background-repeat:no-repeat;background-size:contain;margin: 0 0.5rem 0 0;filter: invert(100%);position: relative;top: 0.1rem;margin: 0 0 0 0.25rem;opacity:0;transition:opacity 0.4s, margin 0.4s;}
#projetos-sheet .content .page1 .txt-info p:nth-child(3):hover:after {margin: 0 0 0 0.5rem;opacity:1;}


@media screen and (min-width:650px){
	#projetos-sheet .content .page1 {grid-template-columns: 3.5rem auto 18rem;grid-template-rows: auto;}
	#projetos-sheet .content .page1 .txt {padding: 3rem 2rem;}
	#projetos-sheet .content .page1 .txt-info {padding: 3rem 2rem;border-left: 1px solid rgba(255,255,255,0.25);}
}
@media screen and (max-width:649px){
	#projetos-sheet .content .page1 {grid-template-columns: 3.5rem auto auto;grid-template-rows: auto auto;}
	#projetos-sheet .content .tab-pages {grid-row: span 2;}
	#projetos-sheet .content .page1 .txt {grid-column: span 2;padding: 2rem;}
	#projetos-sheet .content .page1 .txt-info {grid-column: span 2;padding: 2rem;border-top: 1px solid rgba(255,255,255,0.25);}
}

#projetos-sheet .content .page2 {order:3;display:flex;min-height: 25rem}
#projetos-sheet .content .page3 {order:2;position: relative;display: flex;display: grid;grid-template-columns: 3.5rem auto;grid-template-rows: auto;}

#projetos-sheet .content .page2 {background-color: #303030;}
#projetos-sheet .content .page3 {background-color: #171717;}

#projetos-sheet .content .page2 .txt {display: flex;align-items: center;justify-content: center;width: 100%;}
#projetos-sheet .content .page2 .txt p {font-size: 4rem;font-family: FNXJost;text-transform: uppercase;letter-spacing: 0.2rem;font-weight: 400;padding: 1.5rem;border: 5px solid;}

#projetos-sheet .content .page1 ul {font-size: 1.25rem;list-style: none;padding: 1rem 0 1rem 1rem;}
#projetos-sheet .content .page1 ul li::before {content: '';display: inline-block;width: 0.5rem;height: 0.5rem;margin: 0 0.5rem 0.15rem 0;opacity: 0.5;background-color: #ffffff;}


.photo-gallery {position:relative;padding: 2rem;}
.photo-gallery #photo-strip {display:flex;flex-wrap:wrap;gap: 2rem;justify-content:center;}
.photo-gallery #photo-strip .photo-strip-item {height: 15rem;/*width:max-content;*/flex: 1 0 auto;max-width: 32%; position:relative;min-width: 12rem;}
.photo-gallery #photo-strip .photo-strip-item img {width:100%;height: 100%;object-fit: cover;}
.photo-gallery #photo-strip .photo-strip-item.zoomed {cursor: zoom-out;position: fixed;inset: 0px;z-index: 99999;background: rgba(0, 0, 0, 0.92);margin: 0px;padding: 1em;text-align: center;display: flex;align-items: center;justify-content: center;max-width: 100%;width: 100%;height: 100%;}
.photo-gallery #photo-strip .photo-strip-item.zoomed img {width: auto;max-height: 80vh;height: auto;}

/*@media screen and (max-width:600px){
	.photo-gallery {padding: 2rem 0.25rem;;}
}*/

.photo-gallery #photo-strip .photo-strip-item span.cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(142, 117, 88, .75);
	transition: 350ms;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.photo-gallery #photo-strip .photo-strip-item span.cover img {
	width: 3rem;
	height: 3rem;
	filter: invert(1);
}

.photo-gallery #photo-strip .photo-strip-item span.cover:hover {
	opacity: 1;
	cursor: pointer;
}

img.mfp-img {
	max-height: 84vh !important;
}

.mfp-bottom-bar {
	display: flex;
	gap:1rem;
	align-items: center;
	justify-content:space-between;
	margin: 0 !important;
	top: initial !important;
	bottom: 0;
	padding: .5rem;
	background: var(--logo1);
	border-top: 1px solid var(--logo2);
}

.mfp-bottom-bar	.mfp-title {    
	font-family: 'FNXJost';
	padding: 0 !important;
	font-size: 1.3rem;
	line-height: 1.8rem;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

.mfp-bottom-bar .mfp-counter {
	position: relative !important;
	font-size: 1rem !important;
	color:var(--color-invert) !important;
}

@media screen and (max-width:549px){
	.mfp-container {
		padding: 0 1.5rem !important;
	}

	.mfp-arrow {
		position: fixed;
		bottom: 12%;
		top: auto;
	}
}


/*  CONTATO  */
#contato-main {background-color: #1e1e1e;font-size:1.1rem}
#contato-main form {background-color:var(--logo2);max-width:930px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap: 0rem;justify-content: center;padding:1rem;box-shadow: 0 0 6px 6px rgba(0,0,0,0.25);}

#contato-main form > div {padding: 1rem;position: relative;}
#contato-main form label {border:0px solid rgba(255,255,0,0.25);width: 100%;height:1.5rem;display: block;position:absolute;left:0;top:0;padding:0 1rem;line-height: 1.1rem;font-size:1.1rem;color:rgba(255,255,255,0.5);pointer-events:none;}
#contato-main form label > div {position:absolute;left:1.5rem;top:3.25rem;top:3rem;transition: font-size 0.4s,left 0.4s, top 0.4s;pointer-events:none;}

#contato-main form input,
#contato-main form select,
#contato-main form textarea {border:none;border-bottom: 2px solid rgba(255,255,255,0.5);width: 100%;background-color: rgba(0,0,0,0.25);color:#ffffff;padding:0.5rem;font-size:1.1rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin:1.5rem 0 0 0;}
#contato-main form input[type="checkbox"] {width: unset;border:1px solid rgba(255,255,255,0.5);margin: 0 0.5rem 0 0;position:relative;}
#contato-main form input[type="checkbox"]:after {content:'';display: block;border-bottom: 0px solid;border-left:0px solid;position: absolute;width: 0rem;height:0rem;left: 0;top:0;transform:translate(25%, 100%) rotate(-45deg);}
#contato-main form input[type="checkbox"]:checked:after {width: 0.6rem;height:0.25rem;border-bottom: 1px solid;border-left:1px solid;}
#contato-main form label[for=aceitelgpd] {pointer-events: initial;position: relative;color: rgba(255,255,255,0.75);text-align: justify;line-height: 1.5rem;left: unset;top: unset;}
#contato-main form label a.link-priv {color: #ffffff;font-weight: 500;}

#contato-main form input:-webkit-autofill,
#contato-main form input:-webkit-autofill:hover, 
#contato-main form input:-webkit-autofill:focus, 
#contato-main form input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #00000040;
}

#contato-main form select {outline:none;}
#contato-main form select option {appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#171717;}
#contato-main form .fancy-select label:before {content: '';font-size:1.5rem;display:block;position: absolute;right:1rem;bottom: -3.25rem;width: 2rem;height: 2rem;line-height:2rem;pointer-events:none;background-image: url(/assets/image/drop-arrow.svg);background-size: 80%;background-repeat: no-repeat;background-position: center center;filter:invert(100%);opacity:0.5;}

#contato-main form input[type="text"].req:focus + label > div,
#contato-main form input[type="text"].req:valid + label > div {font-size:0.95rem;left:1rem;top:1.35rem;pointer-events:none;color:rgba(255,255,255,0.75);}

#contato-main form input[type="email"].req:focus + label > div,
#contato-main form input[type="email"].req:valid + label > div,
#contato-main form input[type="email"].req:not(:placeholder-shown) + label > div {font-size:0.95rem;left:1rem;top:1.35rem;pointer-events:none;color:rgba(255,255,255,0.75);}
#contato-main form input[type="email"].req:not(:placeholder-shown):invalid + label > div {color:yellow;}

#contato-main form input[type="text"].opt:focus + label > div,
#contato-main form input[type="text"].opt:not(:placeholder-shown) + label > div {font-size:0.95rem;left:1rem;top:1.35rem;pointer-events:none;color:rgba(255,255,255,0.75);}

#contato-main form select:focus + label > div,
#contato-main form select:valid + label > div {font-size:0.95rem;left:1rem;top:1.35rem;pointer-events:none;color:rgba(255,255,255,0.75);}

#contato-main form textarea {height: 10rem;resize: none;}
#contato-main form textarea + label > div {top:3rem;pointer-events:none;}
#contato-main form textarea:focus + label > div,
#contato-main form textarea:valid + label > div {font-size:0.95rem;left:1rem;top:1.35rem;pointer-events:none;color:rgba(255,255,255,0.75);}

#contato-main form button {border:1px solid #ffffff;display:flex;padding:0.25rem 0.25em 0.25rem 2rem;height: 3rem;text-decoration:none;background-color:#ffffff;color:var(--logo1);margin: 0 0 0 auto;border-radius:500px;align-items: center;font-size: 1rem;font-weight: 500;width: max-content;font-family: FNXJost;text-transform: uppercase;letter-spacing: 0.2rem;}
#contato-main form button:after {content: '\2794';background-color: rgba(0,0,0,0.5);height: 2.5rem;display: inline-flex;width: 2.5rem;border-radius: 50%;margin: 0 0 0 1rem;align-items: center;justify-content: center;font-weight: 400;font-size: 1.3rem;}
#contato-main form button:hover {background-color:rgba(255,255,255,0.25);color:inherit;}

@media screen and (min-width:850px){
	#contato-main form .mod50 {width:50%;}
	#contato-main form .mod100 {width:100%;}
}

@media screen and (max-width:849px){
	#contato-main form .mod50 {width:100%;}
	#contato-main form .mod100 {width:100%;}
}


#contato-main .form-g {display: grid;justify-content: unset;}
#contato-main .form-g .grid1 {grid-area: g1;padding: 2.5rem 1rem 1rem 1rem;}
#contato-main .form-g .grid2 {grid-area: g2;padding: 2.5rem 1rem 1rem 1rem;}
#contato-main .form-g .grid3 {grid-area: g3;padding: 2.5rem 1rem 1rem 1rem;}
#contato-main .form-g .grid4 {grid-area: g4;padding: 2.5rem 1rem 1rem 1rem;}
#contato-main .form-g .grid5 {grid-area: g5;padding: 2.5rem 1rem 1rem 1rem;}
#contato-main .form-g .grid6 {grid-area: g6;padding: 2.5rem 1rem 1rem 1rem;}
#contato-main .form-g .grid7 {grid-area: g7;padding: 0;display: flex;align-items: center;}
#contato-main .form-g .grid8 {grid-area: g8;padding: 2rem 1rem 1rem 1rem;}
#contato-main .form-g .mod50 {width: 100%;}
#contato-main .form-g input, #contato-main .form-g select, #contato-main .form-g textarea {margin:0;}


@media screen and (min-width:850px){
	#contato-main .form-g {grid-template-areas: "g1 g6" "g2 g6" "g3 g6" "g4 g7" "g5 g8";grid-template-columns: 1fr 1fr;}
	#contato-main form textarea {height: 100%;}
}

@media screen and (max-width:849px){
	#contato-main .form-g {grid-template-areas: "g1" "g2" "g3" "g4" "g5" "g6" "g7" "g8";grid-template-columns: 1fr;}
	#contato-main .form-g div {max-width: 600px;margin: 0 auto;}
	#contato-main form textarea {height: 10rem;}
}

@media screen and (max-width:499px){
	#contato-main .form-g {
		grid-template-columns: 1fr;
	}
	#contato-main form button {
		margin-top: 1.2rem;
	}
}

.popMessage {
	position:fixed;
	width:100vw;
	top:0;
	height:100vh;
	bottom:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:rgba(0,0,0,.85);
	z-index:99999;
}

.popMessage .flexed {
	max-width:580px;
	padding:001.5rem;
	background-color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
}

.popMessage .flexed p.title {
	background:var(--logo1);
	color:#fff;
	font-family:'FNXJost',sans-serif;
	font-size:1.4rem;
	font-weight:500;
}

.popMessage .flexed p {
	color:var(--color);
	font-size:1.1rem;
	width:100%;
	padding:.4rem1rem;
}

.popMessage .flexed button {
	border-radius:10rem;
	border:1px solid var(--logo1);
	background:var(--logo1);
	padding:.5rem 2rem;
	font-family:'FNXJost',sans-serif;
	font-weight:500;
	font-size:1rem;
	max-width:fit-content;
	color:var(--color-invert);
	cursor:pointer;
	transition:200ms;
	letter-spacing:0.2rem;
}
.popMessage .flexed button:hover{
	background:transparent;
	color:var(--color);
}

/*		.popMessage{
			position:fixed;
			width:100vw;
			top:0;
			height:100vh;
			bottom:0;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			background:rgba(0,0,0,.85);
		z-index:99999;

			&.flexed{
				max-width:580px;
				padding:001.5rem;
				background-color:#fff;
				display:flex;
				flex-direction:column;
				align-items:center;
				gap:1rem;

				&p.title{
					background:var(--logo1);
					color:#fff;
					font-family:'FNXJost',sans-serif;
					font-size:1.4rem;
					font-weight:500;
				}
				&p{
					color:var(--color);
					font-size:1.1rem;
					width:100%;
					padding:.4rem1rem;
				}
				&button{
					border-radius:10rem;
					border:1pxsolidvar(--logo1);
					background:var(--logo1);
					padding:.5rem2rem;
					font-family:'FNXJost',sans-serif;
					font-weight:500;
					font-size:1rem;
					max-width:fit-content;
					color:var(--color-invert);
					cursor:pointer;
					transition:200ms;
					letter-spacing:0.2rem;
				}
				&button:hover{
					background:transparent;
					color:var(--color);
				}
			}
		}
*/


/*
404
*/


.content-404 {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-404 .cut-square-404:before {
	content: '';
	display: block;
	border: 1rem solid var(--logo2);
	width: 15rem;
	height: 15rem;
	position: absolute;
	clip-path: polygon(-5% 0%, 15% 0%, 15% 65%, -2% 65%, -2% 88%, 102% 88%, 102% 65%, 85% 65%, 85% 0%, 102% 0%, 102% 100%, -5% 100%)
}

.content-404 .cut-square-404 {
	margin: 5rem auto;
	width: 15rem;
	height: 15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	padding: 0 9rem;
}

.content-404 .cut-square-404 p,.content-404 .cut-square-404 h2 {
	font-weight: 700;
	font-family: FNXJost;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
}

.content-404 .cut-square-404 .anos {
	font-size: 5.25rem;
	line-height: 4rem;
	top:-1rem
}

.content-404 .cut-square-404 .anos:before {
	content:unset;
	padding:0;
}
.content-404 .cut-square-404 .txt1 {
	font-size: 2.5rem;
}

.content-404 .cut-square-404 .txt2 {
	font-size: 2.85rem;
	line-height: 2rem;
	white-space: nowrap;
	bottom: 2.05rem;
}

.content-404 .txt {
	font-size:1.25rem;
}
.content-404 .txt a{
	margin:1.5rem auto 0 auto;
}

@media screen and (min-width:651px){
	.content-404 {flex-direction:row;}
	.content-404 .txt {padding:1.5rem 1.5rem 1.5rem 5rem;}
}
@media screen and (max-width:650px){
	.content-404 {flex-direction:column;}
	.content-404 .txt {padding:1.5rem;}
}




/*
AUXILIARES
*/
.module.aux {background-color:#202020;}
.module.aux .content {margin: 0 auto;width: 100%;max-width: 1280px;}
.module.aux h2 {text-align:center;padding:3.5rem 0 1.2rem 0;height:unset;max-width:800px;margin:0 auto;}
.module.aux h2:before {content: unset;position:unset;border: 0px solid transparent;display: inline;background-color: unset;}
.module.aux h3 {text-align:center;padding:2.5rem 0 1rem 0;height:unset;max-width:800px;margin:0 auto;font-weight: 300;letter-spacing: 0.25rem;}
.module.aux p {padding-bottom: 1rem;}
.module.aux p,.module.aux li,.module.aux th,.module.aux td {text-align: justify;font-size: 1.25rem;}
.module.aux table {margin:1rem auto;border-spacing: 0.5rem;max-width: 600px;}
.module.aux th {border-bottom: 3px solid;padding:1rem;text-align:center;}
.module.aux td {border-bottom: 1px solid;padding:1rem;background-color:rgba(255,255,255,0.1);}

body {
	counter-reset: section;
}

.module.aux h2 {
	counter-reset: subsection;
}

p.aux-item {
	counter-reset: subsection2;
}

.module.aux h2:before {
	counter-increment: section;
	content: counter(section) ". ";
}

p.aux-item:not(.aux-item-lvl1):before {
	counter-increment: subsection;
	content: counter(section) "." counter(subsection) ". ";
	font-weight:500;
}

p.aux-item.aux-item-lvl1:before {
/*	counter-increment: subsection;*/
	counter-increment: subsection2;
	content: counter(section) "." counter(subsection) "." counter(subsection2) ". ";
	font-weight:500;
}

p.aux-item.aux-item-lvl1 {
	padding-left:1rem;
}

.module.aux .content ol, .module.aux .content > ul {
	padding-bottom:1rem;
}
.module.aux .content ol li, .module.aux .content > ul li {
    list-style-position: inside;
    padding: 0.5rem 1.5rem;
}
.module.aux .content ol li::marker, .module.aux .content > ul li::marker {
	font-weight:500;
	color:var(--logo2);
}

.module.aux ul.navigators {list-style: none;display:flex;gap:3rem;flex-wrap:wrap;max-width:1080px;margin:1rem auto;justify-content:center;}
.module.aux tr.kind {background-color: var(--logo1);}

@media screen and (min-width:601px){
	.module.aux h2 {font-size:2.25rem;}
	.module.aux h3 {font-size:1.75rem;}
}

@media screen and (max-width:600px){
	.module.aux h2 {font-size:1.75rem;}
	.module.aux h3 {font-size:1.5rem;}
}