:root {
	--vertical-padding-global: var(--side-padding-global);
}

.logo-dragonfly {
	max-width: 100%;
}

#cta {
	margin-bottom: 0;
}
#cta::before,
#cta::after {
	display: none;
}
#cta .wrapper-hero-title {
	z-index: 1;
}
#cta .box .ctaTxt {
	position: relative;
}
@media (width < 768px) {
	#cta .box .ctaTxt {
		top: -20.5rem;
	}
}
#cta .box .ctaTxt h2 {
	max-width: unset;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(2.5rem, 2vw, 3.2rem);
}
#cta .wrapper-hero-title .ctaTxt .subtitleBox span {
	font-family: 'ParqueChas-WideBold', sans-serif;
	font-size: clamp(2.2rem, 1.5vw, 2.4rem);
}
#cta .wrapper-hero-title .ctaTxt .trapecio {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#cta .wrapper-hero-title .ctaTxt .trapecio svg {
	width: 100%;
	height: auto;
	scale: 1.2;
	rotate: 9deg;
	transition:
		scale .6s cubic-bezier(.6,-.28,.74,.05),
		rotate .4s cubic-bezier(.5,-1.5,.5,4) .65s
	;
}
#cta .wrapper-hero-title .ctaTxt .trapecio.active svg {
	scale: 1;
	rotate: 0deg;
}
#cta .wrapper-hero-title .ctaTxt .btn {
	width: max-content;
	margin-top: 2.5rem;
	display: block;
	position: relative;
	z-index: 1;
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: 2.1rem;
	cursor: pointer;
}

body.dragonfly #wrapper .title-green {
	font-family: 'ParqueChas-WideBold', sans-serif;
	font-size: clamp(2.3rem, 2.2vw, 3.6rem);
	color: var(--brand-green);
	text-align: center;
	line-height: 1.2;
}

#intro {
	padding-top: var(--vertical-padding-global);
}
#videoSeparator video {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: 1;
	box-shadow: 0 10px 20px #0a0a0a33;
}

#dataIcons {
	padding-top: 17rem !important;
	margin-bottom: 0;
	color: #fff;
	background-color: var(--brand-green);
}
#dataIcons .wrapper-icon svg .cls-1 {
	fill: #fff;
	stroke: #fff;
}
#dataIcons .iconTxt span {
	display: block;
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: 2.1rem;
	text-transform: uppercase;
}

#visor {
	padding-top: var(--vertical-padding-global);
}
body.dragonfly #wrapper #visor p:last-of-type {
	width: min(100%, 78rem);
	margin: 0 auto;
	font-family: 'ParqueChas-WideBold', sans-serif;
	font-size: clamp(2.2rem, 1.5vw, 2.4rem);
	color: #666;
	text-align: center;
	line-height: 1.2;
}

#caracteristicas h2,
#especificaciones h2 {
	margin-bottom: 6.4rem;
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(3rem, 2.2vw, 3.6rem);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

body.dragonfly #wrapper #caracteristicas.wrapperGridProductosWithBkg::before {
	background-color: #1A201D;
	background-position-x: right;
	background-image: url('/wp-content/themes/invap-2024/images/dragonfly/BG-CARACTERISTICAS-CLAVE.png');
}
#caracteristicas .icons-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 3.2rem;
}
#caracteristicas .icons-grid .wrapper-icon {
	width: min(100%, 34rem);
	display: flex;
	align-items: start;
	gap: 3.2rem;
}
#caracteristicas .icons-grid .wrapper-icon p {
	font-family: 'ParqueChas-WideMedium', sans-serif;
	font-size: 2.1rem;
	color: #fefefe;
	line-height: 1.2;
}
#caracteristicas .icons-grid .wrapper-icon p span {
	margin-bottom: 0.5rem;
	display: block;
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(2.2rem, 1.5vw, 2.4rem);
	color: #fff;
	text-transform: uppercase;
}
#caracteristicas .icons-grid .wrapper-icon img {
	width: 6.5rem;
	position: relative;
	top: 4px;
}

#usos-aplicaciones .slider {
	width: min(100%, 1920px);
	height: 100%;
	margin: 0 auto;
}
#usos-aplicaciones .slider .arrow svg {
	border-radius: 100%;
	background-color: #fff;
}
#usos-aplicaciones .slider .arrow svg * {
	fill: #a1a1a1;
}
#usos-aplicaciones .slider .slide .txt-slide {
	width: calc(100% - var(--side-padding-global) * 2);
	max-width: 46rem;
	position: absolute;
	top: 50%;
	left: var(--side-padding-global);
	transform: translateY(-50%);
}
@media (width < 768px) {
	#usos-aplicaciones .slider .slide .txt-slide {
		top: unset;
		bottom: 3.5rem;
		transform: unset;
	}
}
#usos-aplicaciones .slider .slide .txt-slide p {
	width: 77%;
	position: absolute;
	top: 50%;
	left: 63%;
	transform: translate(-50%, -50%);
	font-family: 'ParqueChas-WideBold', sans-serif;
	font-size: clamp(2.2rem, 1.5vw, 2.4rem);
	color: #fff;
	line-height: 1.2;
}
@media (width < 768px) {
	#usos-aplicaciones .slider .slide .txt-slide p {
		left: 55%;
	}
}
#usos-aplicaciones .slider .slide .txt-slide p span {
	margin-bottom: 1.2rem;
	display: block;
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(3rem, 2.2vw, 3.6rem);
	line-height: 1.1;
}
#usos-aplicaciones .slider .slide .txt-slide svg {
	width: 100%;
	height: auto;
	display: block;
}
#usos-aplicaciones .slider .slide picture {
	width: 100%;
	height: 100%;
}
#usos-aplicaciones .slider .slide picture,
#usos-aplicaciones .slider .slide picture * {
	display: block;
}

body.dragonfly #wrapper #especificaciones.wrapperGridProductosWithBkg::before {
	background-color: #1A201D;
	background-position-x: left;
	background-image: url('/wp-content/themes/invap-2024/images/dragonfly/BG-ESPECIFICACIONES-TECNICAS.png');
}
#especificaciones .table .tr {
	padding-bottom: 2.5rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(36rem, 1fr));
	row-gap: 1rem;
	border-bottom: 1px dotted #00cc33;
}
#especificaciones .table .tr + .tr {
	padding-top: 2rem;
}
#especificaciones .table .td p {
	font-family: 'ParqueChas-WideMedium', sans-serif;
	font-size: 2.1rem;
	color: #fff;
	line-height: 1.2;
}
#especificaciones .table .td:first-child p {
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(2.2rem, 1.5vw, 2.4rem);
	text-transform: uppercase;
}

#faqs {
	padding-top: var(--vertical-padding-global);
	padding-bottom: var(--vertical-padding-global);
}
#faqs h2 {
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(3rem, 2.2vw, 3.6rem);
	text-align: center;
	text-transform: uppercase;
}
#faqs .mn-accordion {
	padding: 0;
}
#faqs .mn-accordion .accordion-item {
	background-color: #ebebeb;
}
#faqs .mn-accordion .accordion-item .accordion-heading h5 {
	font-family: 'ParqueChas-WideBold', sans-serif;
	font-size: 2.1rem;
	color: var(--brand-green);
}
body.dragonfly #wrapper #faqs .mn-accordion .accordion-item .accordion-content-box p {
	font-family: 'ParqueChas-WideMedium', sans-serif;
	font-size: 2.1rem;
	color: #666;
}

#cierre {
	width: min(100%, 1920px);
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
#cierre picture {
	width: 100%;
	height: auto;
	display: block;
}
#cierre picture * {
	display: block;
}
#cierre .box {
	padding: 0 var(--side-padding-global);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 0;
}
@media (width < 768px) {
	#cierre .box {
		top: 15%;
		transform: unset;
	}
}
#cierre .logo-dragonfly {
	width: 43rem;
	margin-bottom: 2.6rem;
}
#cierre .logo-dragonfly svg {
	width: 100%;
	height: auto;
	display: block;
}
body.dragonfly #wrapper #cierre p {
	width: min(100%, 50rem);
	padding: 0;
	font-size: clamp(2.2rem, 1.5vw, 2.4rem);
	color: #fff;
	line-height: 1.2;
}
body.dragonfly #wrapper #cierre p:first-of-type {
	padding-bottom: 1.8rem;
	font-family: 'ParqueChas-WideBold', sans-serif;
}

#contactar {
	padding-top: var(--vertical-padding-global);
	padding-bottom: var(--vertical-padding-global);
}
#contactar form {
	padding: clamp(2.25rem, 2vw, 4.5rem) clamp(3rem, 4vw, 6rem);
	border: 1px solid #ccc;
	background-color: #fff;
}
#contactar form fieldset {
	padding: 0;
}
#contactar form .frm_submit .frm_button_submit,
#contactar form .frm_form_field:has(.frm_submit) {
	margin-bottom: 0;
}
#contactar h2 {
	font-family: 'ParqueChas-ExpandedBlack', sans-serif;
	font-size: clamp(2.9rem, 2.2vw, 3.6rem);
	text-align: center;
}

#relatedInvap .otherAreas .grid-equalHeight > div:first-of-type {
	display: none;
}
#relatedInvap .otherAreas .grid-equalHeight > div:not(:first-of-type) {
	max-width: 33.33%;
	flex-basis: 33.33%;
}
@media (width < 48em) {
	#relatedInvap .otherAreas .grid-equalHeight > div:not(:first-of-type) {
		max-width: 100%;
		flex-basis: 100%;
	}
}



@media (width < 768px) {
	:root {
		--vertical-padding-global: 5rem;
	}
}