/*
	Autor: 
		PUM! estudio

	Index:
		1 -- Components
		2 -- Libraries
			2.1 -- Gravity forms
			2.2 -- Fancybox
*/

@charset "UTF-8";


/* 1 -- Components */

/* -- Media */
.unit-media { width: 100%; height: 100%; overflow: hidden; border-radius: var(--unit);}
.unit-media img,
.unit-media video,
.unit-media iframe { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--bezier);}
.unit-media iframe { aspect-ratio: 16/9;}
.hover .unit-media img,
.unit-media.hover img,
.hover .unit-media video,
.unit-media.hover video { transform: scale(1.05);}

.unit-media.obj-contain img,
.unit-media.obj-contain svg,
.unit-media.obj-contain video { object-fit: contain;}

/* -- Bg */
.bg-black 		{ background-color: var(--c-black); color: var(--c-white); --c-txt: var(--c-white);}
.bg-black-100 	{ background-color: var(--c-black-100); color: var(--c-black);}
.bg-white 		{ background-color: var(--c-white); color: var(--c-black);}
.bg-green 		{ background-color: var(--c-green); color: var(--c-black);}
.bg-orange 		{ background-color: var(--c-orange); color: var(--c-black);}
.bg-main 		{ background-color: var(--c-main); color: var(--c-white);}

/* -- CTAs group */
.unit-ctas { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: var(--unit-2) var(--unit-4);}

@container style(--size-s: true) {	
	.unit-ctas { flex-direction: column;}

}

/* -- Cards */
.unit-card { aspect-ratio: 1/1; max-width: 42rem; padding: var(--unit-8) var(--unit-10); border-radius: var(--unit-4); overflow: hidden; background-color: var(--c-card);}
.unit-card .unit-txt p { font-family: var(--font-2); font-size: var(--txt-body-2); line-height: var(--txt-body-2-lh); font-weight: var(--txt-body-2-fw); letter-spacing: var(--txt-body-2-ls); font-variant-numeric: lining-nums;}

@container style(--size-m: true) {	
	.unit-card { min-height: 25rem; padding: var(--unit-5); border-radius: var(--unit-3);}

}

/* -- Accordion */
.unit-accordion { display: flex; flex-direction: column; width: 100%; gap: var(--unit);}
.unit-accordion-item { position: relative; width: 100%; background-color: var(--c-black-100); border-radius: var(--unit-6); transition: all .4s var(--bezier);}
.unit-accordion-item.hover { background-color: var(--c-card);}
.unit-accordion-item .cta-accordion { padding: var(--unit-5) var(--unit-8) var(--unit-15) var(--unit-8); transition: all .4s var(--bezier);}
.unit-accordion-item .icon { position: absolute; bottom: var(--unit-5); right: var(--unit-8); pointer-events: none;}
.unit-accordion-item .unit-accordion-content { max-height: 0; overflow: hidden; transition: all .8s var(--bezier); pointer-events: none;}
.unit-accordion-item .unit-accordion-content-in { padding: 0 var(--unit-8) var(--unit-15) var(--unit-8); text-align: left;}
.unit-accordion-item.active { background-color: var(--c-card);}
.unit-accordion-item.active .cta-accordion { padding: var(--unit-5) var(--unit-8);}
.unit-accordion-item.active .icon:after { transform: rotate(-180deg); background-image: var(--icon-c-less);}
.unit-accordion-item.active .unit-accordion-content { max-height: 100cqh;}


/* The end -- :P */