@font-face {
	font-family: "DejaVuSans";
	src: url("../data/fnt/DejaVuSans.woff") format("woff");
	font-weight: normal;
}
@font-face {
	font-family: "DejaVuSans";
	src: url("../data/fnt/DejaVuSans-Bold.woff") format("woff");
	font-weight: bold;
}
:root {
	--white: #ffffff;
	--black: #1a1a18;
	--accent: #e9ac18;
	--font: "DejaVuSans", Arial, sans-serif;
	--glass: rgba(255, 255, 255, 0.05);
	--backdropBlur: blur(1rem);
	--whiteRGBA25: rgba(255, 255, 255, 0.25);
	--whiteRGBA50: rgba(255, 255, 255, 0.50);
	--whiteRGBA75: rgba(255, 255, 255, 0.75);
	--accentRGBA25: rgba(233, 172, 24, 0.25);
	--accentRGBA50: rgba(233, 172, 24, 0.50);
	--accentRGBA75: rgba(233, 172, 24, 0.75);
}


*,
*:after,
*:before {
	box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 0.5rem;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: var(--accent1);
}
* {
  scrollbar-color: var(--accent1) transparent;
  scrollbar-width: thin;
}

html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 19px;
	font-family: var(--font);
	font-weight: 300;
	scroll-behavior: smooth;

	color: var(--black);
	background-color: var(--black);
}
body {
	position: relative;
	min-height: 100%;
	height: max-content;
	padding: 0;
	margin: 0;
	
}
b,
strong {
	font-weight: bold;
}
a,
a:visited {
	color: var(--accent);
    text-decoration: underline;
}
a:focus,
a:hover,
a:active {
	color: var(--accent);
    text-decoration: none;
}




#header {
	position: relative;
	width: 100%;
	height: 100svh;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header > section {
	max-width: calc(100% - 2rem);
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	padding: 4rem 2rem 2rem 2rem;
	background-color: var(--glass);
	backdrop-filter: var(--backdropBlur);
	/*box-shadow: 0rem 0rem 1rem rgba(255, 255, 255, 0.25), 0rem 0rem 0.25rem rgba(255, 255, 255, 0.5), 0rem 0rem 10rem rgba(255, 255, 255, 0.1);*/
}
#header h1 {
	margin: 0 auto;
	text-align: center;
}
#header nav {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	align-items: center;
	justify-content: center;
}

#header nav a,
#header nav a:visited {
	padding: 0.5rem 1rem;
	color: var(--accent);
    text-decoration: none;
	transition: all 0.25s ease;
	border-radius: 0.25rem;
}
#header nav a:focus,
#header nav a:hover,
#header nav a:active {
	color: var(--black);
	background-color: var(--accent);
    text-decoration: none;
}
#logo-header {
	width: 25rem;
	max-width: calc(100% - 4rem);
	height: auto;
}

body > article {
	position: relative;
}

#sobre {
	padding-block: 2rem;
	min-height: 100svh;
	padding-inline: calc((100% - 1280px) / 2 + 2rem);
	display: flex;
	flex-direction: row;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	
	background-color: var(--accentRGBA75);
	backdrop-filter: var(--backdropBlur);
}
#sobre > section {
	width: calc(100% / 3 * 2 - 1rem);
}
#mapa {
	width: auto;
	height: 50vh;
	max-height: 550px;
	aspect-ratio: 6/11;
	background-image: url(../data/img/mapa.webp);
	background-size: calc(20 * 100%);
	animation: none;
}
#mapa[data-view="true"] {
	animation: 1s animated-bg steps(19) both 1 0.5s;
}
@keyframes animated-bg {
	from	{background-position-x: 0px;}
	to		{background-position-x: 100%;}
	
}

#servicos {
	min-height: 100svh;
	padding-block: calc((100svh - 720px) / 2 + 2rem);
	padding-inline: calc((100% - 1280px) / 2 + 2rem);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	
}
#servicos > section {
	color: var(--white);
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	aspect-ratio: 4/3;
	width: calc(100% / 3 - 2rem);
	border-radius: 1rem;
	flex-grow: 1;
	
	background-color: var(--glass);
	backdrop-filter: var(--backdropBlur);
}
#servicos > section img {
	width: 8rem;
	aspect-ratio: 1/1;
	
}
#servicos > h2 {
	width: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	border-radius: 1rem;
	align-items: center;
	justify-content: center;
	color: var(--white);
	flex-grow: 1;
	margin: 0;
	
	background-color: var(--glass);
	backdrop-filter: var(--backdropBlur);
}
#clientes {
	min-height: 100svh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: center;
	justify-content: center;
}/*
#clientes > section {
	min-height: 50svh;
	width: calc(100% - 2rem);
	max-width: 1280px;
	backdrop-filter: blur(3rem);
	background: linear-gradient(to right, var(--accent) 0%, var(--accent) 20%, var(--white) 30%, var(--white)70%, var(--accent)80%, var(--accent) 100%);
	mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
}*/
#clientes > section {
	padding-block: calc((100svh - 720px) / 2 + 2rem);
	padding-inline: calc((100% - 1280px) / 2 + 2rem);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 3rem;
  
}
#clientes > section figure {
	width: calc(100% / 3 - 2rem);
	flex-grow: 1;
	border-radius: 1rem;
	background-color: var(--glass);
	backdrop-filter: var(--backdropBlur);
	margin: 0;
}
#clientes > section figure img {
  width: 100%;
}

#clientes > section h2 {
	width: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	border-radius: 1rem;
	align-items: center;
	justify-content: center;
	color: var(--white);
	flex-grow: 1;
	margin: 0;
	
	background-color: var(--glass);
	backdrop-filter: var(--backdropBlur);
}


#galeria > section h2 {
	width: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	border-radius: 1rem;
	align-items: center;
	justify-content: center;
	color: var(--white);
	flex-grow: 1;
	margin: 0;
	
	background-color: var(--glass);
	backdrop-filter: var(--backdropBlur);
}

.photos {
	padding-block: calc((100svh - 720px) / 2 + 2rem);
	padding-inline: calc((100% - 1280px) / 2 + 2rem);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}
.photos figure {
	padding: 0;
	margin: 0;
	border-radius: 1rem;
	opacity: 0.75;
	backdrop-filter: var(--backdropBlur);
	width: calc(100% / 4 - 2rem);
	min-width: 10rem;
	flex-grow: 1;
	aspect-ratio: 1/1;
	cursor: pointer;
	filter: grayscale(10%) contrast(80%) brightness(80%);
	transition: filter 0.1s ease;
	overflow: hidden;
}
.photos figure:hover {
	filter: grayscale(0%) contrast(100%) brightness(100%);

}
.photos figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
}
.photos figure figcaption {
	display: none;
}
#photos-viewer h2 {
	display: none;
}
#photos-viewer {
	position: fixed;
	z-index: 1000;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	backdrop-filter: var(--backdropBlur);
}
#photos-viewer-container {
	position: fixed;
	top: 3rem;
	left: 3rem;
	width: calc(100svw - 6rem);
	height: calc(100svh - 6rem);
	background: var(--glass);
	backdrop-filter: var(--backdropBlur);
	border-radius: 1rem;
	box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.25);
}
#photos-viewer-exit,
#photos-viewer-previous,
#photos-viewer-next {
	top: 3.5rem;
	position: absolute;
	right: 3.5rem;
	z-index: 1000;
	margin: 0;
	border: 2px solid var(--accent);
	border-radius: 50%;
	color: var(--black);
	font-size: 1rem;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
	background: var(--accent);
	text-align: center;
}
#photos-viewer-previous {
	top: calc(50% - 1rem + 2rem);
	right: initial;
	left: 3.25rem;
}
#photos-viewer-next {
	top: calc(50% - 1rem + 2rem);
}
#photos-viewer-exit:hover,
#photos-viewer-previous:hover,
#photos-viewer-next:hover {
	background: var(--white);
	border: 2px solid var(--white);
}
#photos-viewer-container figure {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 1rem;
	overflow: hidden;
	margin: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.25s ease;
}
#photos-viewer-container figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
#photos-viewer-container figure figcaption {
	position: absolute;
	bottom: 0;
	text-align: center;
	backdrop-filter: var(--backdropBlur);
	padding: 0.5rem 1rem;
	width: 100%;
	background: var(--glass);
	color: var(--white);
}
#photos-viewer-container[data-image='0'] figure[data-figure='0'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='1'] figure[data-figure='1'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='2'] figure[data-figure='2'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='3'] figure[data-figure='3'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='4'] figure[data-figure='4'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='5'] figure[data-figure='5'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='6'] figure[data-figure='6'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='7'] figure[data-figure='7'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='8'] figure[data-figure='8'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='9'] figure[data-figure='9'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='10'] figure[data-figure='10'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='11'] figure[data-figure='11'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='12'] figure[data-figure='12'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='13'] figure[data-figure='13'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='14'] figure[data-figure='14'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='15'] figure[data-figure='15'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='16'] figure[data-figure='16'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='17'] figure[data-figure='17'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='18'] figure[data-figure='18'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='19'] figure[data-figure='19'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='20'] figure[data-figure='20'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='21'] figure[data-figure='21'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='22'] figure[data-figure='22'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='23'] figure[data-figure='23'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='24'] figure[data-figure='24'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='25'] figure[data-figure='25'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='26'] figure[data-figure='26'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='27'] figure[data-figure='27'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='28'] figure[data-figure='28'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='29'] figure[data-figure='29'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='30'] figure[data-figure='30'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='31'] figure[data-figure='31'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='32'] figure[data-figure='32'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='33'] figure[data-figure='33'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='34'] figure[data-figure='34'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='35'] figure[data-figure='35'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='36'] figure[data-figure='36'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='37'] figure[data-figure='37'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='38'] figure[data-figure='38'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='39'] figure[data-figure='39'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='40'] figure[data-figure='40'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='41'] figure[data-figure='41'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='42'] figure[data-figure='42'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='43'] figure[data-figure='43'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='44'] figure[data-figure='44'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='45'] figure[data-figure='45'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='46'] figure[data-figure='46'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='47'] figure[data-figure='47'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='48'] figure[data-figure='48'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='49'] figure[data-figure='49'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='50'] figure[data-figure='50'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='51'] figure[data-figure='51'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='52'] figure[data-figure='52'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='53'] figure[data-figure='53'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='54'] figure[data-figure='54'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='55'] figure[data-figure='55'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='56'] figure[data-figure='56'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='57'] figure[data-figure='57'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='58'] figure[data-figure='58'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='59'] figure[data-figure='59'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='60'] figure[data-figure='60'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='61'] figure[data-figure='61'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='62'] figure[data-figure='62'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='63'] figure[data-figure='63'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='64'] figure[data-figure='64'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='65'] figure[data-figure='65'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='66'] figure[data-figure='66'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='67'] figure[data-figure='67'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='68'] figure[data-figure='68'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='69'] figure[data-figure='69'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='70'] figure[data-figure='70'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='71'] figure[data-figure='71'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='72'] figure[data-figure='72'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='73'] figure[data-figure='73'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='74'] figure[data-figure='74'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='75'] figure[data-figure='75'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='76'] figure[data-figure='76'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='77'] figure[data-figure='77'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='78'] figure[data-figure='78'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='79'] figure[data-figure='79'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='80'] figure[data-figure='80'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='81'] figure[data-figure='81'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='82'] figure[data-figure='82'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='83'] figure[data-figure='83'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='84'] figure[data-figure='84'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='85'] figure[data-figure='85'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='86'] figure[data-figure='86'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='87'] figure[data-figure='87'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='88'] figure[data-figure='88'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='89'] figure[data-figure='89'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='90'] figure[data-figure='90'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='91'] figure[data-figure='91'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='92'] figure[data-figure='92'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='93'] figure[data-figure='93'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='94'] figure[data-figure='94'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='95'] figure[data-figure='95'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='96'] figure[data-figure='96'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='97'] figure[data-figure='97'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='98'] figure[data-figure='98'] {opacity: 1;pointer-events: all;}
#photos-viewer-container[data-image='99'] figure[data-figure='99'] {opacity: 1;pointer-events: all;}



#contactos {
	padding-block: 2rem;
	min-height: 100svh;
	padding-inline: calc((100% - 1280px) / 2 + 2rem);
	display: flex;
	flex-direction: row;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	
	background-color: var(--accentRGBA75);
	backdrop-filter: var(--backdropBlur);
}
#contactos > form {
	width: calc(100% / 3 * 2 - 1rem);
	display: flex;
    flex-direction: column;
    gap: 1rem;
	color: var(--black);
}
summary {
	cursor: pointer;
}
#contactos form a,
#contactos form a:visited,
#contactos form a:hover,
#contactos form a:focus,
#contactos form a:active {
    color: var(--white);
}
input,
textarea,
select {
	font-family: var(--font);
    border: none;
    background: var(--white);
    color: var(--black);
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    font-size: 1rem;
}
input[type="checkbox"] {
    accent-color: var(--accent1);
}
input.button {
    background: var(--black);
    color: var(--white);
    cursor: pointer;
    font-weight: bold;
    transition: all 0.5s ease;
}
input.button[disabled=""] {
    pointer-events: none;
    opacity: 0.5;
}
#contactos-aviso {
    overflow: hidden;
    transition: all 0.5s ease;
    height: 0rem;
}
#contactos-aviso[data-status="active"] {
    height: 1.5rem;
    animation: 5s none-animation ease;
    text-align: center;
}
@keyframes none-animation {
    0%  {}
    100%{}
}

body > footer {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 100svh;
	padding: 5rem 2rem 2rem 5rem;
	backdrop-filter: var(--backdropBlur);
	background-color: var(--glass);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: space-between;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 10rem;
}

#logo-footer {
	width: 15rem;
	max-width: 100%;;
	margin-inline: auto;
	height: auto;
}
#contactos-footer {
	/*text-align: right;*/
	text-align: center;
	margin-inline: auto;
}
.alert-phone-call {
	font-size: 0.75rem;
}
#copyright {
	width: 100%;
	text-align: center;
}
#parallax-bg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#parallax-bg > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 9/16;
  pointer-events: none;
  filter: blur(0.5rem);
}
#parallax-bg > aside {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url(../data/bg/pattern.webp);
  background-size: 100px 100px;
  background-position: 0px 0px;
  background-color: rgba(233, 172, 24, 0.25 );
  /*animation: 10s bg-pattern-slide linear both infinite;*/
  mix-blend-mode: overlay;
  opacity: 0.25;
}
@keyframes bg-pattern-slide {
	from 	{background-position-y: 100px;}
	to 		{background-position-y: px;}
}



@media (orientation: portrait) {
	#logo-header {
		max-width: 100%;
	}
	#header nav {
		flex-wrap: wrap;
		justify-content: center;
	}
	#sobre {
		flex-direction: column;
		padding: 1rem;
		gap: 1rem;
	}
	#sobre > section {
		width: 100%;
	}
	#servicos {
		flex-direction: column;
		padding: 1rem;
		gap: 1rem;
	}
	#servicos > section {
		width: 100%;
	}
	#clientes {
		padding: 1rem;
	}
	#clientes > section	{
		gap: 1rem;
		padding: 1rem;
	}
	#clientes > section figure {
		width: calc(100% / 2 - 2rem);
	}
	#galeria {
		padding: 1rem;
	}
	#galeria > section	{
		gap: 1rem;
		padding: 1rem;
	}
	#galeria > section figure {
		width: calc(100% / 2 - 2rem);
		min-width: 8rem;
	}
	#photos-viewer-container {
		top: 1rem;
		left: 1rem;
		width: calc(100svw - 2rem);
		height: calc(100svh - 2rem);
	}
	#photos-viewer-exit {
		top: 1.5rem;
		right: 1.5rem;
	}
	#photos-viewer-previous {
		left: 1.5rem;
		right: initial;
	}
	#photos-viewer-next{
		right: 1.5rem;
	}
	#contactos {
		padding: 1rem;
	}
	#contactos > form {
		width: 100%;
	}
	body > footer  {
		margin-top: 1rem;
		padding: 1rem;
	}
		
	#parallax-bg > video { 
		width: 150%;
	}
}