*,::after,::before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{	margin-block-start:0;margin-block-end:0;}ol[role=list],ul[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font-size:inherit;font-family:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}legend{border:0;padding:0;}optgroup{font-weight:bold;}td,th{padding:0;}a{background:transparent;color:inherit;text-decoration:none;}a:active,a:hover,a:focus{outline:0;border:none;color:inherit;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{opacity:0.5;color:inherit;font-family:inherit;}:-moz-placeholder{opacity:0.5;color:inherit;font-family:inherit;}::-moz-placeholder{opacity:0.5;color:inherit;font-family:inherit;}:-ms-input-placeholder{opacity:0.5;color:inherit;font-family:inherit;}button,.btn:hover{cursor:pointer;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*  ==========================================================================
	FONT 
	========================================================================== */

@font-face {
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/BebasNeueBold.woff2') format('woff2'),
		 url('../fonts/BebasNeueBold.woff') format('woff'),
		 url('../fonts/BebasNeueBold.ttf') format('truetype'),
		 url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
	font-family: 'BebasNeue';
	font-display: swap;
}


/*  DEFAULT & BASIC STYLES
	========================================================================== */
:root {
	--color-hl: #fff200;
	--color-hl-alt: #eb0c0c;
	--color-gris: #666666;
}
	
html,
body {
	margin: 0;
	padding: 0;
	font: normal 400 62.5%/1 "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
body {
	background: url('../images/bg.png') no-repeat 0rem top #000;
	background-size: auto 100%;
	color: #fff;
	font-size: 100%;
	padding-left: 5rem;
}

@media (min-width:768px){
	body {
		padding-left: 5rem;
	}
}
@media (min-width:1160px){
	body {
		padding-left: 5.25rem;
	}
}


main,
header,
section,
footer,
nav,
a {
	-webkit-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	-moz-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	-ms-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	-o-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
img {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: auto !important;
}

.db {
	display: block;
}
.dib {
	display: inline-block;
}
.vat,
.vam {
	display: inline-block;
	vertical-align: middle;
}
.vat {
	vertical-align: top;
}
.uc,
.tdu {
	text-decoration: underline;
}
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}

.fsi {
	font-style: italic;
}

.mtmq {
	margin-top: -0.25em !important;
}
.mtmh {
	margin-top: -0.5em !important;
}
.mtm1 {
	margin-top: -1em !important;
}
.mtm2 {
	margin-top: -2em !important;
}
.mbmq {
	margin-bottom: -0.25em !important;
}
.mbmh {
	margin-bottom: -0.5em !important;
}
.mbm1 {
	margin-bottom: -1em !important;
}
.mbm2 {
	margin-bottom: -2em !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mbq {
	margin-bottom: 0.25em !important;
}
.mbh {
	margin-bottom: 0.5em !important;
}
.mb1,
.mb {
	margin-bottom: 1em !important;
}
.mb1h {
	margin-bottom: 1.5em !important;
}
.mb2 {
	margin-bottom: 2em !important;
}
.mb3 {
	margin-bottom: 3em !important;
}
.mb4 {
	margin-bottom: 4em !important;
}
.mb8 {
	margin-bottom: 8em !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mtq {
	margin-top: 0.25em !important;
}
.mth {
	margin-top: 0.5em !important;
}
.mt1,
.mt {
	margin-top: 1em !important;
}
.mt1h {
	margin-top: 1.5em !important;
}
.mt2 {
	margin-top: 2em !important;
}
.mt3 {
	margin-top: 3em !important;
}
.mt4 {
	margin-top: 4em !important;
}
.mt8 {
	margin-top: 8em !important;
}.mtrmq {
	margin-top: -0.25rem !important;
}
.mtrmh {
	margin-top: -0.5rem !important;
}
.mtrm1 {
	margin-top: -1rem !important;
}
.mtrm2 {
	margin-top: -2rem !important;
}
.mbrmq {
	margin-bottom: -0.25rem !important;
}
.mbrmh {
	margin-bottom: -0.5rem !important;
}
.mbrm1 {
	margin-bottom: -1rem !important;
}
.mbrm2 {
	margin-bottom: -2rem !important;
}
.mbr0 {
	margin-bottom: 0 !important;
}
.mbrq {
	margin-bottom: 0.25rem !important;
}
.mbrh {
	margin-bottom: 0.5rem !important;
}
.mbr1,
.mbr {
	margin-bottom: 1rem !important;
}
.mbr1h {
	margin-bottom: 1.5rem !important;
}
.mbr2 {
	margin-bottom: 2rem !important;
}
.mbr3 {
	margin-bottom: 3rem !important;
}
.mbr4 {
	margin-bottom: 4rem !important;
}
.mbr8 {
	margin-bottom: 8rem !important;
}
.mtr0 {
	margin-top: 0 !important;
}
.mtrq {
	margin-top: 0.25rem !important;
}
.mtrh {
	margin-top: 0.5rem !important;
}
.mtr1,
.mtr {
	margin-top: 1rem !important;
}
.mtr1h {
	margin-top: 1.5rem !important;
}
.mtr2 {
	margin-top: 2rem !important;
}
.mtr3 {
	margin-top: 3rem !important;
}
.mtr4 {
	margin-top: 4rem !important;
}
.mtr8 {
	margin-top: 8rem !important;
}

.mxa {
	margin-right: auto;
	margin-left: auto;
}

.fw1 {
	font-weight: 100 !important;
}
.fw2 {
	font-weight: 200 !important;
}
.fw3 {
	font-weight: 300 !important;
}
.fw4 {
	font-weight: 400 !important;
}
.fw5 {
	font-weight: 500 !important;
}
.fw6 {
	font-weight: 600 !important;
}
.fw7 {
	font-weight: 700 !important;
}
.fw8 {
	font-weight: 800 !important;
}
.fw9 {
	font-weight: 900 !important;
}

.plq,
.pq,
.pxq {
	padding-left: 0.25em;
}
.prq,
.pq,
.pxq {
	padding-right: 0.25em;
}
.plh,
.ph,
.pxh {
	padding-left: 0.5em;
}
.prh,
.ph,
.pxh {
	padding-right: 0.5em;
}
.pl1,
.p1,
.px1 {
	padding-left: 1em;
}
.pr1,
.p1,
.px1 {
	padding-right: 1em;
}
.pl2,
.p2,
.px2 {
	padding-left: 2em;
}
.pr2,
.p2,
.px2 {
	padding-right: 2em;
}
.pl3,
.p3,
.px3 {
	padding-left: 3em;
}
.pr3,
.p3,
.px3 {
	padding-right: 3em;
}
.pl4,
.p4,
.px4 {
	padding-left: 4em;
}
.pr4,
.p4,
.px4 {
	padding-right: 4em;
}


.plqr,
.pqr,
.pxqr {
	padding-left: 0.25rem;
}
.prqr,
.pqr,
.pxqr {
	padding-right: 0.25rem;
}
.plhr,
.phr,
.pxhr {
	padding-left: 0.5rem;
}
.prhr,
.phr,
.pxhr {
	padding-right: 0.5rem;
}
.pl1r,
.p1r,
.px1r {
	padding-left: 1rem;
}
.pr1r,
.p1r,
.px1r {
	padding-right: 1rem;
}
.pl2r,
.p2r,
.px2r {
	padding-left: 2rem;
}
.pr2r,
.p2r,
.px2r {
	padding-right: 2rem;
}
.pl3r,
.p3r,
.px3r {
	padding-left: 3rem;
}
.pr3r,
.p3r,
.px3r {
	padding-right: 3rem;
}
.pl4r,
.p4r,
.px4r {
	padding-left: 4rem;
}
.pr4r,
.p4r,
.px4r {
	padding-right: 4rem;
}

.pq,
.ptq,
.pyq {
	padding-top: 0.25em;
}
.pq,
.pbq,
.pyq {
	padding-bottom: 0.25em;
}
.ph,
.pth,
.pyh {
	padding-top: 0.5em;
}
.ph,
.pbh,
.pyh {
	padding-bottom: 0.5em;
}
.p1,
.py1,
.pt1 {
	padding-top: 1em;
}
.p1,
.py1,
.pb1 {
	padding-bottom: 1em;
}
.p2,
.py2,
.pt2 {
	padding-top: 2em;
}
.p2,
.py2,
.pb2 {
	padding-bottom: 2em;
}
.p3,
.py3,
.pt3 {
	padding-top: 3em;
}
.p3,
.py3,
.pb3 {
	padding-bottom: 3em;
}
.p4,
.py4,
.pt4 {
	padding-top: 4em;
}
.p4,
.py4,
.pb4 {
	padding-bottom: 4em;
}
.p5,
.py5,
.pt5 {
	padding-top: 5em;
}
.p5,
.py5,
.pb5 {
	padding-bottom: 5em;
}
.p6,
.py6,
.pt6 {
	padding-top: 6em;
}
.p6,
.py6,
.pb6 {
	padding-bottom: 6em;
}
.p7,
.py7,
.pt7 {
	padding-top: 7em;
}
.p7,
.py7,
.pb7 {
	padding-bottom: 7em;
}
.p8,
.py8,
.pt8 {
	padding-top: 8em;
}
.p8,
.py8,
.pb8 {
	padding-bottom: 8em;
}


.pqr,
.ptqr,
.pyqr {
	padding-top: 0.25rem;
}
.pqr,
.pbqr,
.pyqr {
	padding-bottom: 0.25rem;
}
.phr,
.pthr,
.pyhr {
	padding-top: 0.5rem;
}
.phr,
.pbhr,
.pyhr {
	padding-bottom: 0.5rem;
}
.p1r,
.py1r,
.pt1r {
	padding-top: 1rem;
}
.p1r,
.py1r,
.pb1r {
	padding-bottom: 1rem;
}
.p2r,
.py2r,
.pt2r {
	padding-top: 2rem;
}
.p2r,
.py2r,
.pb2r {
	padding-bottom: 2rem;
}
.p3r,
.py3r,
.pt3r {
	padding-top: 3rem;
}
.p3r,
.py3r,
.pb3r {
	padding-bottom: 3rem;
}
.p4r,
.py4r,
.pt4r {
	padding-top: 4rem;
}
.p4r,
.py4r,
.pb4r {
	padding-bottom: 4rem;
}
.p5r,
.py5r,
.pt5r {
	padding-top: 5rem;
}
.p5r,
.py5r,
.pb5r {
	padding-bottom: 5rem;
}
.p6r,
.py6r,
.pt6r {
	padding-top: 6rem;
}
.p6r,
.py6r,
.pb6r {
	padding-bottom: 6rem;
}
.p7r,
.py7r,
.pt7r {
	padding-top: 7rem;
}
.p7r,
.py7r,
.pb7r {
	padding-bottom: 7rem;
}
.p8r,
.py8r,
.pt8r {
	padding-top: 8rem;
}
.p8r,
.py8r,
.pb8r {
	padding-bottom: 8rem;
}


.mw--lg-l {
	max-width: 1360px;
}
.mw--lg {
	max-width: 1280px;
}
.mw--lg-s {
	max-width: 1040px;
}
.mw--md-l {
	max-width: 900px;
}
.mw--md {
	max-width: 760px;
}
.mw--md-s {
	max-width: 640px;
}
.mw--sm-l {
	max-width: 580px;
}
.mw--sm {
	max-width: 480px;
}
.mw--sm-s {
	max-width: 400px;
}
.mw--xs {
	max-width: 320px;
}
.mw--xxs {
	max-width: 240px;
}
.mw--xxxs {
	max-width: 180px;
}
.mw--xxxxs {
	max-width: 150px;
}

.mw--100 {
	max-width: 100%;
}


.center-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.center-block--md {
	width: 90%;
	max-width: 60rem;
}
.center-block--lg {
	max-width: 60rem;
}
	.center-block__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	ul.list,
	ol.list {
		margin-block-start: 0;
		margin-block-end: 0;
		padding-inline-start: 1rem;
	}
	ul.list li,
	ol.list li {
		display: list-item;
	}
	ol.list li {
		list-style: decimal outside;
	}
	.list--disc li {
		line-height: 1.36;
		list-style: none;
	}
	.list--disc li:not(:last-child) {
		margin-bottom: 0.75rem;
	}
	.list--disc li::before {
		display: inline-block;
		margin-right: 0.5em;
		border-radius: 50%;
		background: #fff200;
		width: 0.4em;
		height: 0.4em;
		content: '';
	}

a.hl,
.hl {
	color: #fff200;
}
a.hl--alt,
.hl--alt {
	color: #eb0c0c;
}

.titulo {
	font-size: 4em;
	line-height: 1;
	font-family: "Bebas Neue", sans-serif;
}
	.titulo strong {
		font-weight: 800;
	}
.texto {
	font-size: 2em;
	line-height: 1.2;
}
	.texto p:not(:last-child) {
		margin-bottom: 1em;
	}
	.texto em {
		font-weight: 400;
	}
	.texto strong {
		font-weight: 700;
	}
	.texto em strong,
	.texto strong em {
		font-weight: 800;
	}

	.lets-cnnn {
		letter-spacing: -0.06em !important;
	}
	.lets-cnn {
		letter-spacing: -0.04em !important;
	}
	.lets-cn {
		letter-spacing: -0.02em !important;
	}
	.lets-0 {
		letter-spacing: 0 !important;
	}
	.lets-e {
		letter-spacing: 0.01em !important;
	}
	.lets-ex {
		letter-spacing: 0.02em !important;
	}
	.lets-exx {
		letter-spacing: 0.04em !important;
	}
	.lets-eexx {
		letter-spacing: 0.06em !important;
	}


	.fz__xxl-l {
		font-size: 2.25em;
	}
	.fz__xxl {
		font-size: 2em;
	}
	.fz__xxl-s {
		font-size: 1.8em;
	}
	.fz__xl-l {
		font-size: 1.65em;
	}
	.fz__xl {
		font-size: 1.5em;
	}
	.fz__xl-s {
		font-size: 1.4em;
	}
	.fz__lg-x,
	.fz__lg-l,
	.fz__lgx {
		font-size: 1.3em;
	}
	.fz__lg {
		font-size: 1.25em;
	}
	.fz__lg-m {
		font-size: 1.2em;
	}
	.fz__lg-s {
		font-size: 1.1em;
	}
	.fz__md-l {
		font-size: 0.925em;
	}
	.fz__md {
		font-size: 0.85em;
	}
	.fz__md-s {
		font-size: 0.8em;
	}
	.fz__sm-l {
		font-size: 0.75em;
	}
	.fz__sm {
		font-size: 0.7em;
	}
	.fz__sm-s {
		font-size: 0.65em;
	}
	.fz__xs-l {
		font-size: 0.6em;
	}
	.fz__xs {
		font-size: 0.5em;
	}
	.fz__xs-s {
		font-size: 0.425em;
	}
	.fz__xxs {
		font-size: 0.33em;
	}

	a.link:focus,
	a.link:active,
	a.link:hover,
	a.link,
	.link:focus,
	.link:active,
	.link:hover,
	.link {
		color: inherit;
		-webkit-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		-moz-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		-ms-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		-o-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	}
	a.link:not(:hover):not(:active):not(:focus),
	.link:not(:hover):not(:active):not(:focus) {
		text-decoration: underline;
		-webkit-text-decoration-skip: edges;
		text-decoration-skip: edges;
	}
	a.link:active {
		opacity: 0.85;
	}



/*  ==========================================================================
	CONTENT 
	========================================================================== */

.header {
	position: relative;
	z-index: 1001;
	transition: all 0.2s ease-out;
	will-change: content;
	padding: 0.5em 0;
}
.header--scrolled {
	backdrop-filter: blur(8px);
	background: rgba(0,0,0,0.5);
	-webkit-backdrop-filter: blur(8px);
}
	.header__logo {
		will-change: scroll-position;
		margin: 0 auto;
	}
	.header__logo {
		max-width: 300px;
	}
	.header--scrolled .header__logo {
		max-width: 100px;
	}
		.header__logo img {
			display: block;
			width: auto;
			max-width: 100%;
		}
		
	.header,
	.header__logo,
	.header__logo img {
		transition: all 0.3s ease;
	}
	
	
	.header--placeholder {
		visibility: hidden;
		pointer-events: none;
	}
	.header--fixed {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1001;
		width: 100%;
		padding-left: 4.5rem;
	}

	
	.navbar {
		display: none;
		position: absolute;
		top: 0.5rem;
		right: 1rem;
		flex: 0 1 auto;
		text-align: right;
	}
		.navbar__btn {
			display: none;
			position: relative;
			top: 0.5rem;
			z-index: 1010;
			border: none;
			background: 0 0;
			padding: 2rem 0;
		}

		.navbar__btn:focus {
			outline: 0
		}

		.navbar__btn span {
			position: relative
		}

		.navbar__btn span,
		.navbar__btn span::after,
		.navbar__btn span::before {
			display: block;
			border-radius: 3px;
			background-color: #fff;
			width: 5.5rem;
			height: 6px;
			-webkit-transition: opacity .3s, -webkit-transform .3s;
			transition: opacity .3s, -webkit-transform .3s;
			-o-transition: opacity .3s, transform .3s;
			transition: opacity .3s, transform .3s;
			transition: opacity .3s, transform .3s, -webkit-transform .3s
		}

		.navbar__btn span::after:focus,
		.navbar__btn span::before:focus,
		.navbar__btn span:focus {
			outline: 0
		}

		.navbar__btn span::after,
		.navbar__btn span::before {
			content: ''
		}

		.navbar__btn span::before {
			-webkit-transform: translateY(-1.4em);
			-ms-transform: translateY(-1.4em);
			transform: translateY(-1.4em)
		}

		.navbar__btn span::after {
			-webkit-transform: translateY(0.8em);
			-ms-transform: translateY(0.8em);
			transform: translateY(0.8em)
		}

		.main {
			-webkit-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			padding-top: 0.5rem;
			max-width: 1280px;
			margin: 0 auto;
		}
			.menu-active .footer,
			.menu-active .main {
				-webkit-filter: blur(5px) grayscale(0.5);
				filter: blur(5px) grayscale(0.5);
				pointer-events:none;
			}

		.menu-active .navbar__btn span {
			-webkit-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg)
		}

		.menu-active .navbar__btn span::before {
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg)
		}

		.menu-active .navbar__btn span::after {
			opacity: 0
		}



		.navbar__links a {
			display: inline-block;
			color: #fff;
			font-size: 1.8em;
			text-transform: uppercase;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-ms-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			transform-origin: center bottom;
			transition: all 0.2s ease-out;
		}
			.navbar__links a:hover {
				color: var(--color-hl);
				-webkit-transform: scale(1.035);
				-moz-transform: scale(1.035);
				-ms-transform: scale(1.035);
				-o-transform: scale(1.035);
				transform: scale(1.035);
			}
@media (min-width:200px){
	.navbar {
		display: block;
	}
	.navbar__btn {
		display: inline-block;
	}
	.navbar__links {
		position: absolute;
		top: calc(100% + 2rem);
		right: 0;
		background: rgba(0,0,0,0.32);
		padding: 2rem 1rem 1rem 1rem;
		padding-top: 1em;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-end;
		align-items: space-evenly;
		gap: 2rem;
		transform-origin: right top;
	}
	body:not(.menu-active) .navbar__links {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
	}

	.menu-active .navbar__links {
		visibility: visible;
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 1em 3em #fff2007d;
		border: 0.2rem solid var(--color-hl);
		border-radius: 1rem;
		gap: 0;
	}
	.navbar__links a {
		display: block;
		padding: 1rem 0;
		font-weight: 800;
		font-size: 2.5em;
		-webkit-transform-origin: center right;
		-ms-transform-origin: center right;
		transform-origin: center right;
	}
	.navbar__links hr {
		border: none;
		border-top: 0.2rem dotted var(--color-hl);
		height: 0.1rem;
		width: 100%;
	}
	
}

@media (max-width:579px){
	.navbar__btn {
		top: 0;
	}
	.navbar__btn span,
	.navbar__btn span::after,
	.navbar__btn span::before {
		width: 3.2rem;
		height: 2px;
	}
	.navbar__btn span::before {
		-webkit-transform: translateY(-0.8em);
		-ms-transform: translateY(-0.8em);
		transform: translateY(-0.8em);
	}
	.navbar__btn span::after {
		-webkit-transform: translateY(0.58em);
		-ms-transform: translateY(0.58em);
		transform: translateY(0.58em);
	}
}



/* MAIN */
.intro {
	padding: 0 1rem;
	margin-bottom: 2.5rem;
}
	.intro__titulo {
		margin-bottom: 0.5rem;
		color: var(--color-hl);
		font: normal 400 3em/0.9 "Bebas Neue", serif;
		font-size: calc(0.78125vw + 3.75em);
		text-align: center;
	}
		.intro__titulo--1 {
			font-weight: bold;
			letter-spacing: -0.005em;
		}
		.intro__titulo--2 {
			display: block;
			letter-spacing: 0.025em;	
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.intro__titulo--3 {
			font-style: normal;
			font-weight: bold;
		}

		.intro__texto {
			text-transform: uppercase;
			letter-spacing: -0.025em;
		}

@media (min-width:480px){
	.intro {
		padding: 0 3rem;
	}
}
@media (min-width:580px){
	.intro {
		padding: 0 7rem;
		margin-bottom: 2rem;
	}
}
@media (min-width:940px){
	.intro {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width:399px){
	.intro__texto {
		font-size: 1.8em;
		margin-bottom: 1.5rem;
	}
}







/* IMPORTANTE */
.importante {
	border: 0.5rem solid var(--color-gris);
	border-radius: 1rem;
	box-shadow: inset 0 0 0.25em 0.5em var(--color-gris);
	padding: 1rem;
	width: 38rem;
	max-width: 96%;
	margin: 0 auto 2rem;
}
.importante__header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto 0.5rem;
	padding: 0;
}
	.importante__icono {
		width: 8rem;
		height: 8rem;
		margin: 0 0.5rem 0 0;
		object-fit: contain;
	}
.importante__titulo {
	color: var(--color-hl);
	text-align: center;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.035em;
}
	.importante__texto {
		font-size: 1.7em;
		text-align: center;
		max-width: 100%;
		margin: 0 auto;
		width: 52rem;
		line-height: 1.2;
	}


@media (max-width:479px){
	.importante__icono {
			width: 6rem;
			height: 6rem;
	}
	.importante__titulo {
		font-size: 3.2rem;
	}
}
@media (max-width:399px){
	.intro {
		margin-bottom: 2rem;
	}
	.importante {
		border: 0.33rem solid var(--color-gris);
		box-shadow: inset 0 0 0.125em 0.25em var(--color-gris);
		padding: 0.5rem;
		width: 100%;
	}
	.importante__icono {
			width: 4.5rem;
			height: 4.5rem;
	}
	.importante__titulo {
		font-size: 2.8rem;
		margin-bottom: 0;
	}
}
@media (max-width:349px){
	.importante__icono {
			width: 3.5rem;
			height: 3.5rem;
	}
	.importante__titulo {
		font-size: 2.4rem;
	}
}



.respuesta {
	margin-bottom: 4rem;
}
.respuesta__titulo {
	color: var(--color-hl);
	font: normal 400 4em/0.9 "Bebas Neue", serif;
	font-size: calc(1.5vw + 2em);
	text-align: center;
}
.respuesta__lista {
	font-size: calc(1vw + 1.3em);
	max-width: 100%;
}
	.respuesta__lista li {
		letter-spacing: -0.035em;
	}
	.respuesta__lista.list--disc li:not(:last-child) {
		margin-bottom: 0.25rem;
	}
@media (min-width:768px){
	.respuesta__lista {
		font-size: 1.8rem;
	}
}








/*  ==========================================================================
	GRID FOTOS 
	========================================================================== */
.grid-fotos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border: 0.5rem double var(--color-hl);
	padding: 0;
	max-width: 100%;
	margin: 0 auto 5rem;
}
	.grid-fotos__item {
		position: relative;
		overflow: hidden;
	}
		.grid-fotos__item img {
			display: block;
			width: 100%;
			height: auto;
			object-fit: cover;
		}







/*  ==========================================================================
	SERVICIOS 
	========================================================================== */
.servicios {
	padding: 0;
	margin-bottom: 4rem;
}
	.respuesta__titulo strong,
	.fotos__titulo,
	.servicios__titulo {
		background: var(--color-hl);
		color: #000;
		margin: 0 auto 1rem;
		text-align: center;
		padding: 1rem 0 0.1rem;
		max-width: 100%;
	}
	.fotos__titulo,
	.servicios__titulo {
		font: normal bold 4em/1 "Bebas Neue", serif;
		font-size: calc(0.78125vw + 3.75em);
	}
	.respuesta__titulo {
		border: 0.1rem solid var(--color-hl);
		border-radius: 0.5rem;
		padding: 0 0 0.5rem;
		margin-bottom: 1rem;
		width: 30rem;
		margin-left: auto;
		margin-right: auto;
	}
	.respuesta__titulo strong {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-bottom: 0.5rem;
		display: block;
	}
	.servicios__titulo {
		margin-bottom: 3rem;
	}
	.fotos__titulo {
		margin-bottom: 0;
	}
	.servicios__lista {
		max-width: 50rem;
	}

	@media (max-width:699px){
		.servicios__titulo,
		.servicios__lista {
			max-width: 100%;
		}
	}
	



	
	





/* CARROUSEL */
.fotos {
	padding: 0;
	position: relative;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	.fotos__carrousel {
		position: relative;
		overflow: hidden;
		border-radius: 0;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
		max-width: 1280px;
		margin: 0 auto;
	}
		.fotos__item {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: opacity 0.15s ease;
		}
		.fotos__item--active {
			opacity: 1;
		}
		.fotos__item--prev {
			opacity: 0;
		}
		.fotos__item--next {
			opacity: 0;
		}
		.fotos__item--transitioning {
			opacity: 1;
		}
			.fotos__item img {
				display: block;
				width: 100%;
				height: auto;
				object-fit: cover;
			}
		
		/* Navigation Arrows */
		.fotos__nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 10;
			background: rgba(0, 0, 0, 0.6);
			border: none;
			border-radius: 50%;
			width: 5%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			cursor: pointer;
			transition: all 0.15s ease;
			
			
			top: 0;
			bottom: 0;
			height: 100%;
			border-radius: 0;
			transform: none;
			background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		}
		.fotos__nav:hover {
			background: linear-gradient(to right,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.65) 100%);
		}
		.fotos__nav:active {
		}
		.fotos__nav--prev {
			left: 0;
			background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		}
		.fotos__nav--prev:hover {
			background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 100%);
		}
			.fotos__nav--next {
			right: 0;
		}
		.fotos__nav svg {
			width: 9.6rem;
			height: 9.6rem;
		}
		
		/* Navigation Dots */
		.fotos__navbar {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			gap: 0.1rem;
			padding: 0.1rem;
			background: rgba(0, 0, 0, 0.5);
		}
		.fotos__dot {
			flex: 1 1 auto;
			border: none;
			background: rgba(255, 255, 255, 0.4);
			cursor: pointer;
			transition: all 0.15s ease;
			padding: 0;
			height: 0.5rem;
		}
		.fotos__dot:hover {
			background: rgba(255, 255, 255, 0.7);
		}
		.fotos__dot--active {
			background: var(--color-hl);
		}
		
		/* Mobile-first responsive adjustments */
		@media (max-width: 767px) {
			.fotos__nav {
				width: 4.2rem;
			}
		}
		
		/* Fallback for devices that don't support backdrop-filter */
		@supports not (backdrop-filter: blur(4px)) {
			.fotos__nav {
				background: rgba(0, 0, 0, 0.8);
			}
			.fotos__navbar {
				background: rgba(0, 0, 0, 0.7);
			}
		}
		
		/* Fallback transition for devices that might have issues with transform */
		.fotos__item--fallback {
			transition: opacity 0.15s ease;
		}
		.fotos__item--fallback.fotos__item--active {
			opacity: 1;
			transform: none;
		}
		.fotos__item--fallback:not(.fotos__item--active) {
			opacity: 0;
			transform: none;
		}
		
		/* Fallback carousel container */
		.fotos__carrousel--fallback .fotos__item {
			transition: opacity 0.15s ease;
		}
		.fotos__carrousel--fallback .fotos__item--active {
			opacity: 1;
			transform: none;
		}
		.fotos__carrousel--fallback .fotos__item:not(.fotos__item--active) {
			opacity: 0;
			transform: none;
		}


		
		
		



/* WHATSAPP */
.whatsapp {
	position: fixed;
	z-index: 1100;
	right: 2.5rem;
	bottom: 14rem;
}
	.whatsapp__link {
		display: block;
		width: 6rem;
		height: 6rem;
		transition: all 0.2s ease;
	}
		.whatsapp__link img {
			box-shadow: 0 0.8rem 0.5rem -0.5rem rgba(0, 0, 0, 0.75), 0 0 2rem rgba(0, 0, 0, 0.33);
			border-radius: 1.5rem;
		}
@media (pointer: fine) {
	.whatsapp__link:not(:hover) {
		opacity: 0.7;
	}
}


/* CONTACTO */
.contacto {
	position: fixed;
	z-index: 1100;
	right: 0;
	bottom: 2rem;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b5b6', endColorstr='#fefefe',GradientType=0 );
	border-radius: 5rem 0 0 5rem;
	background: #b6b5b6;
	background: -moz-linear-gradient(top,  #b6b5b6 0%, #fefefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b5b6), color-stop(100%,#fefefe));
	background: -webkit-linear-gradient(top,  #b6b5b6 0%,#fefefe 100%);
	background: -o-linear-gradient(top,  #b6b5b6 0%,#fefefe 100%);
	background: -ms-linear-gradient(top,  #b6b5b6 0%,#fefefe 100%);
	background: linear-gradient(to bottom,  #b6b5b6 0%,#fefefe 100%);
	padding: 0.5rem 0 0.5rem 0.5rem;
	color: #000;
	transition: all 0.2s ease;
	box-shadow: 0 0.8rem 0.5rem -0.5rem rgba(0, 0, 0, 0.75), 0 0 2rem rgba(0, 0, 0, 0.33);
}
	.contacto__contenido {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#b6b5b6',GradientType=0 );
		border-radius: 5rem 0 0 5rem;
		background: #fefefe;
		background: -moz-linear-gradient(top,  #fefefe 0%, #b6b5b6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#b6b5b6));
		background: -webkit-linear-gradient(top,  #fefefe 0%,#b6b5b6 100%);
		background: -o-linear-gradient(top,  #fefefe 0%,#b6b5b6 100%);
		background: -ms-linear-gradient(top,  #fefefe 0%,#b6b5b6 100%);
		background: linear-gradient(to bottom,  #fefefe 0%,#b6b5b6 100%);
		padding: 0.65rem 1rem 0.35rem 1.4rem;
	}
		.contacto__link {
			display: flex;
			position: relative;
			flex-flow: column nowrap;
			justify-content: center;
			align-items: flex-start;
			padding-left: 7rem;
		}
		.contacto__link::before {
			position: absolute;
			top: -0.1rem;
			left: 0;
			animation: pulse 2s infinite;
			background: url(../images/icono-sirena.gif) no-repeat left center transparent;
			background-size: contain;
			width: 6.9rem;
			height: 7rem;
			content: '';
		}
			.contacto__title {
				color: var(--color-hl-alt);
				font-weight: 700;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				margin-bottom: 0.1rem;
				font-size: 1.75em;
				letter-spacing: -0.05em;
			}
			.contacto__telefono {
				margin-bottom: 0.1rem;
				font-weight: 800;
				font-size: 3.2em;
				letter-spacing: 0.05em;
			}
			.contacto__nombre {
				margin-top: -0.25rem;
				color: var(--color-gris);
				font-size: 2em;
			}

		@keyframes pulse {
			0% {
				opacity: 0.7;
			}
			50% {
				opacity: 1;
			}
			100% {
				opacity: 0.7;
			}
		}
		@media (pointer: fine) {
			.contacto:not(:hover) {
				opacity: 0.9;
			}
		}




@media (min-width:940px){
	.wrap-desk {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 4rem;
		padding: 0;
		margin: 3rem auto 5rem;
	}
		.wrap-desk > section,
		.wrap-desk > aside {
			flex: 0 1 auto;
			margin: 0;
			width: auto;
			max-width: 40rem;
		}
		.respuesta__lista {
			width: 50rem;
			max-width: 100%;
		}
}


/* FOOTER */
.footer {
	padding: 14rem 0 2rem;
	text-align: center;
	font-weight: 300;
	font-size: 1.25em;
	color: var(--color-gris);
}


@-ms-viewport { width: device-width; }