/* BASE */
html {
	font-size: 10px;
	
	line-height: 1.4;
	text-align: center;
	/* scroll-behavior: smooth; */
	overscroll-behavior-y: none;
	overflow: hidden;
	overflow-y: auto;
	
}

body {
	margin: 0;
	padding: 0;
	min-height: 100vh !important;
	width: 100%;

	font-family: roboto, sans-serif;
	display: flex;
	flex-direction: column;

}

body * {
	box-sizing: border-box;

}

main {
	min-height: 300px;

/* flex: 1; */

	
}



::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

.pg-elem-select,[elem-type] {
	position: relative;

}

[contenteditable]:focus {
	outline: none;
	border: none;
	/* só se quiser remover a borda */
	box-shadow: none;
	/* remove glow em alguns navegadores */
}


:root {
	--gapbase: 1.6rem;
	/* gap padrão */
	
	--basecolor1: #23252a;
	--basecolor2: #303238;
	--basecolor3: #a2aac1;
	--basecolor4: #3c67e6;

}







body:not(.pg-edit) a.subelem-attr{position: absolute;
    z-index: 999;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
a{text-decoration: none;}
/* ============================ 	TIPOGRAFIA ============================ */
/* PARÁGRAFOS */
p,
.gee_text {
	--ft-1: 1.1rem;
	/* 11px */
	--ft-2: 1.3rem;
	/* 13px */
	--ft-3: 1.6rem;
	/* 18px */
	--ft-4: 1.8rem;
	/* 18px */
	--ft-5: 2.2rem;
	/* 20px */
	font-size: var(--ft-3);
	
}

/* H4 */
h4 {
	--ft-1: 1.6rem;
	--ft-2: 1.8rem;
	--ft-3: 2.2rem;
	--ft-4: 2.8rem;
	--ft-5: 3.2rem;
	font-size: var(--ft-3);
}

/* H3 */
h3 {
	--ft-1: 1.8rem;
	--ft-2: 2.2rem;
	--ft-3: 2.8rem;
	--ft-4: 3.2rem;
	--ft-5: 3.8rem;
	font-size: var(--ft-3);
}

/* H2 */
h2 {
	--ft-1: 2.2rem;
	--ft-2: 2.8rem;
	--ft-3: 3.2rem;
	--ft-4: 3.8rem;
	--ft-5: 4.8rem;
	font-size: var(--ft-3);
}

/* H1 */
h1 {
	
	--ft-1: 2.2rem;
	--ft-2: 3.2rem;
    --ft-3: 3.8rem;
    --ft-4: 4.8rem;
	--ft-5: clamp(5.2rem, 6vw, 8.4rem);
	font-size: var(--ft-3);
}

/* REGRA GENÉRICA COM :is() PARA TODOS OS ELEMENTOS */




[ft="1"] :is(p, h1, h2, h3, h4) {
	font-size: var(--ft-1);
}

[ft="2"] :is(p, h1, h2, h3, h4) {
	font-size: var(--ft-2);
}

[ft="3"] :is(p, h1, h2, h3, h4) {
	font-size: var(--ft-3);
}

[ft="4"] :is(p, h1, h2, h3, h4) {
	font-size: var(--ft-4);
}

[ft="5"] :is(p, h1, h2, h3, h4) {
	font-size: var(--ft-5);
}

:is(p, h1, h2, h3, h4, .gee_text)[ft="1"] {
	font-size: var(--ft-1);
}

:is(p, h1, h2, h3, h4, .gee_text)[ft="2"] {
	font-size: var(--ft-2);
}

:is(p, h1, h2, h3, h4, .gee_text)[ft="3"] {
	font-size: var(--ft-3);
}

:is(p, h1, h2, h3, h4, .gee_text)[ft="4"] {
	font-size: var(--ft-4);
}

:is(p, h1, h2, h3, h4, .gee_text)[ft="5"] {
	font-size: var(--ft-5);
}







:is(p, h1, h2, h3, h4) {
	width: max-content;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	text-align: inherit;
	line-height: inherit;
	vertical-align: middle;
	min-width: 1em;
	/* text-wrap: pretty */
}

.gee-menu:not(.menu_show) .gee-menu-item > :is(p, h1, h2, h3, h4){ max-width: 100% !important;}


[ftw='1'] {
	font-weight: 100
}

[ftw='2'] {
	font-weight: 300
}

[ftw='3'] {
	font-weight: 400
}

[ftw='4'] {
	font-weight: 600
}

[ftw='5'] {
	font-weight: 800;
	font-weight: 900;
	
}

/* ============================= letter space ============================ */
/* [style*="--letter-spacing"]{
	letter-spacing: var(--letter-spacing);
} */

[elem-type="body"],
[elem-type="header"],
[elem-type="footer"],
[elem-type="section"],

[elem-type="list"],
[elem-type="accordion"],
[elem-type="acc_item"],
[elem-type="acc_header"],
[elem-type="acc_content"],
[elem-type="carrossel"],
[elem-type="c_card"],
[elem-type="modal"],
[elem-type="webinar"],
[elem-type="captcha"] {
   letter-spacing: normal;
}

/* ============================= ESTRUTURA ============================ */
header,
footer,
section {
	width: 100%;
	max-width: 100%;
	position: relative;
	display: flex;
}

.gee-center {
	width: 1200px;
	max-width: 95%;
	min-height: 30px;
	margin: 0 auto;
	padding-top: calc(var(--gapbase) * 4);
	padding-bottom: calc(var(--gapbase) * 4);

}

header .gee-center {
	min-height: 20px;
		padding-top: var(--gapbase) ;
	padding-bottom: var(--gapbase) ;
}

header .gee-center:has(>*:not(sel)) {
	min-height: 10px;
}

header,
footer {
	z-index: 99
}

header {
	top: 0;
}

footer {
	bottom: 0;
	margin-top: auto !important;
}

:is(p, h1, h2, h3, h4, .gee-ul, .gee-img).gee-folow-text {
	display: inline-block !important
}

:is(.gee-box,.gee_cap).gee-folow-text {
	display: inline-flex !important
}

.bg-repeat-x {
	background-repeat: repeat-x !important
}

.bg-repeat-y {
	background-repeat: repeat-y !important
}

.bg-no-repeat {
	background-repeat: no-repeat !important
}

.bg-auto {
	background-size: auto, cover !important
}

.bg-cover {
	background-size: cover, cover !important
}

.bg-contain {
	background-size: contain, cover !important
}









[elem-type][style*="border-"] {border-style: solid;     }

.bg-fixed {
	background-attachment: fixed, local !important
}

/* ============================ TIPOGRAFIA ============================ */
.gee-folow-text {
	display: inline-block
}
.geedb.gee-folow-text{display: inline-block}
.geedf.gee-folow-text{display: inline-flex !important}
.geedg.gee-folow-text{display: inline-grid}

/* ============================ TIPOGRAFIA ============================ */

.gee-img {
	margin: 0 auto;
	max-width: 100%;
	vertical-align: middle;

	width: fit-content;
	border-width: 0 !important;
	border-style: solid;
	border-color: currentColor
}

.gee-img.gee-folow-text {
	display: inline-block
}

.gee-img img {
	width: 100%;
	border-radius: inherit;
	border: inherit;
	border-style: inherit;
	margin-bottom: -1px
}

.gee-aspect_ratio-1_1{--aspect-ratio_:1/1;}
.gee-aspect_ratio-3_2{--aspect-ratio_:3/2;}
.gee-aspect_ratio-16_9{--aspect-ratio_:16/9;}
.gee-aspect_ratio-21_9{--aspect-ratio_:21/9;}
.gee-aspect_ratio-2_3{--aspect-ratio_:2/3;}
.gee-aspect_ratio-9_16{--aspect-ratio_:9/16;}
.gee-aspect_ratio-9_21{--aspect-ratio_:9/21;}

[class*="gee-aspect_ratio"]  > img {
	aspect-ratio: var(--aspect-ratio_);
	
	object-fit: cover;
}




[class*="gee-aspect_ratio"]  > .gee-box-card,
[class*="gee-aspect_ratio"]  > .Carrossel-content > .Carrossel-card {
	aspect-ratio: var(--aspect-ratio_);
}



/* ============================ TIPOGRAFIA ============================ */


.subtext {
	display: inline-block;
	word-break:break-all;
}

.vert_align_middle > * {
	vertical-align: middle
}

.vert_align_bottom > * {
	vertical-align: bottom
}

.vert_align_top > * {
	vertical-align: top
}

/*====*/
body:not(.min_map) [style*="--minheight:"]{min-height: var(--minheight) !important}


/* ============================ buttom ============================ */

.gee-button {
	width: fit-content;
	max-width: 100%;
	display: flex;
	align-items: center;
	border: 1px solid currentColor;
	box-sizing: border-box;
	/* importante para borders e padding */
	overflow: hidden;
	/* evita overflow visual */
	padding: calc(var(--gapbase) / 2);
	gap: calc(var(--gapbase) / 2);
	margin: 0 auto;
	cursor: pointer;
	text-align: center;



}

.gee-button a {
	position: absolute
}

[style*="--h_border_color"]:hover {

	border-color: var(--h_border_color) !important
}

[style*="--h_background"]:hover {

	background: var(--h_background) !important
}

[style*="--h_color"]:hover {

	color: var(--h_color) !important
}




[style*="--act_background"].act_on_group{
background: var(--act_background) !important
}
[style*="--act_color"].act_on_group{
color: var(--act_color) !important
}
[style*="--act_border_color"].act_on_group{
border-color: var(--act_border_color) !important
}



.gee-button.gee-folow-text {
	display: inline-flex !important;
}

.gee-button-cell {
	flex: 1 1 0;
	/* cresce e encolhe proporcionalmente */
	box-sizing: border-box;
	min-width: 0;
	/* evita que o conteúdo force overflow */
	min-height: 10px;
}

.gee-button-cell2 {


	display: block;
	/* ou inline-block, se preferir */

	min-width: 20px;
	/* impede overflow */
	max-width: 40px;
	min-height: 20px;
	display: none;
	background: #ccc;
}

.gee-button-cell2:has(*) {
	background: none;
	min-height: 10px;
}

.gee-button.gee-button-il,
.gee-button.gee-button-ir {
	text-align: left
}

.gee-button.gee-button-il .gee-button-cell2,
.gee-button.gee-button-ir .gee-button-cell2 {
	display: block
}

.gee-button.gee-button-il {
	flex-direction: row-reverse;
	/* <<< inverte a ordem dos filhos */
}

/* ============================ GEE BOX ============================ */
.gee-space {
	min-height: 1px;
	max-width: 100%;
	display: block;
	background: #333;
	margin: 0 auto
}

.gee-space.gee-folow-text {
	display: inline-block
}

/* ============================ ICON ============================ */

.gee-icon {
	width: 300px;
	max-width: 100%;
	padding: 2px;
	min-width: 10px;
	margin: 0 auto;
	display: flex;
	color: currentcolor;
	aspect-ratio: 1/1;
	align-content: center;
	vertical-align: middle;
	overflow: hidden;
	--iconcurrentcolor:currentcolor;
}

.gee-icon svg {
	width: 100% !important;
	height: auto !important;
	
}

/* .gee-icon svg:not(.user_icon) path{
	fill: currentcolor !important
} */

.gee-icon.gee-folow-text {
	display: inline-flex
}

 .gee-icon[style*="--pdl:"] svg {
    padding-left: calc(2% * var(--pdl));
}
 .gee-icon[style*="--pdr:"] svg{
    padding-right: calc(2% * var(--pdr));
}
 .gee-icon[style*="--pdt:"] svg{
    padding-top: calc(2% * var(--pdt));
}
 .gee-icon[style*="--pdb:"] svg{
    padding-bottom: calc(2% * var(--pdb));
}





/* ============================ ACCORDION ============================ */
.gee-acc {
	width: 1200px;
	max-width: 100%;
	border: 0px solid currentColor;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	    display: flex;
    flex-direction: column;

}
.gee-folow-text.gee-acc{display: inline-flex;}
.acc_content {
	overflow: auto;
	padding: calc(var(--gapbase) / 2);
}

.gee-acc summary {
	background: var(--basecolor3);
	list-style: none;
	margin: 0;
	overflow: auto;
	padding: calc(var(--gapbase) / 2);
	border: 0px solid currentColor;
	max-width: 100%;
	cursor: pointer;
}



.gee-acc details {
	margin: 0;
	padding: 0;
	border: 1px solid currentColor;
	overflow: hidden;
}

/* ============================ gallery============================ */



.gee-gal {
	max-width: 100%;
	display: flex;
	flex-direction: column;
	--miniimg: 86px;
	margin: 0 auto
}
.gee-gal.gee-folow-text{display: inline-flex}


.gee-gal[galsz='1'] {
	--miniimg: 32px;
}

.gee-gal[galsz='2'] {
	--miniimg: 48px;
}

.gee-gal[galsz='3'] {
	--miniimg: 64px;
}

.gee-gal[galsz='4'] {
	--miniimg: 86px;
}

.gee-gal[galsz='5'] {
	--miniimg: 100px;
}

.gee-gal-center {
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	border: 0px solid black
}

.gee-gal-container {
	display: flex;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 1/1;
}

.gee-gal-left,
.gee-gal-right {
	position: absolute;
	width: 30px;
	aspect-ratio: 1/1;
	background: #000;
	top: 50%;
	transform: translateY(-50%);
	left: 3%;
	margin: auto;
	cursor: pointer;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
	border: 1px solid rgba(0, 0, 0, .3);
	max-width: 20%
}






.pagee-Carrossel[style*="--bg_dot"] > .gee-dot,.gee-gal[style*="--bg_dot"]  .gee-dot{background: var(--bg_dot) !important}
.pagee-Carrossel[style*="--border_dot"] > .gee-dot,.gee-gal[style*="--border_dot"]  .gee-dot{border-color: var(--border_dot) !important}
.pagee-Carrossel[style*="--border_w_dot"] > .gee-dot,.gee-gal[style*="--border_w_dot"]  .gee-dot{border-width: var(--border_w_dot) !important}

.gee-gal-right {
	left: auto;
	right: 3%;
}

.gee-gal-menu {
	overflow: scroll;
	display: flex;
	width: 100%;
	gap: 8px;
	padding: 8px 0;
	position: relative
}

.gee-gal-menu img {
	width: 100%;
	height: auto;
	cursor: pointer;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: inherit;
}

.gee-gal-container img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.gee-gal-img {
	min-width: var(--miniimg);
	max-width: var(--miniimg);
	overflow: hidden;
	aspect-ratio: 1/1;
	border: 0px solid black
}


.gt .gee-gal-menu-wrapper {
	order: -1;
}



.gee-gal.gl,
.gee-gal.gr {

	align-items: stretch;
	flex-direction: row;
}

.gee-gal.gl .gee-gal-img,
.gee-gal.gr .gee-gal-img {
	min-width: var(--miniimg);
	max-width: var(--miniimg);
	min-height: var(--miniimg);
}

.gee-gal.gl .gee-gal-center,
.gee-gal.gr .gee-gal-center {
	flex: 1;

	aspect-ratio: 1 / 1;
}

.gl .gee-gal-menu-wrapper,
.gr .gee-gal-menu-wrapper {
	flex: 0 0 auto;
	min-width: 32px;
	max-width: calc(var(--miniimg) + 8px);
	height: auto;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	position: relative;
	overflow: hidden;
	order: -1;
}

.gr .gee-gal-menu-wrapper {
	order: 1;
}

.gl .gee-gal-center,
.gr .gee-gal-center {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	min-height: 0
}

.gl .gee-gal-menu,
.gr .gee-gal-menu {

	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;

	width: auto;
	flex-direction: column;

	padding: 0 0 0 8px
}

.gl .gee-gal-menu {
	padding: 0 8px 0 0
}


.gee-gal-zoom {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	backdrop-filter: blur(5px);
}

.gee-gal-zoom-center {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.gee-gal-zoom-center img {
	max-width: 80%;
	min-width: 50%;
	max-height: 90%;
	object-fit: contain;
}


/* ============================ modal ============================ */


.gee-modal_container {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9000;
	
	pointer-events: none;
	display: block;
	opacity: 1;
	transition: .3s
}

.gee-modal_container:not(:has(.gee_show)) {
	display: none !important
}


.gee-modal {
	position: absolute;
	pointer-events: auto;
	--mbdcolor: rgba(0, 0, 0, 0.5);
	--mbdblur: 0;
	border: 1px solid #333;
	width: 300px;
	background: #fff;
	min-height: 20px;
	transform: none !important;
	padding: var(--gapbase1);
	max-width: 90%;
}

.modalclosebtn {
	position: absolute;
	top: 0px;
	right: 10px;
	display: none;
	z-index: 9;
	cursor: pointer;
}

.modalclosebtn:after {
	content: '\292B';
	font-size: 24px
}

.modalclose .modalclosebtn {
	display: block
}

.gee-modal.bd::after {
	content: "";
	position: fixed;
	inset: 0;

	background: var(--mbdcolor);
	z-index: -1;
	backdrop-filter: blur(var(--mbdblur));
}

.gee-modal_container:has(.pcc, .pcl, .pcr) {
	display: flex;
	align-items: center;
	justify-content: center
}

.gee-modal_container:has(.pcl) {
	display: flex;
	justify-content: flex-start
}

.gee-modal_container:has(.pcr) {
	display: flex;
	justify-content: flex-end
}

.gee-modal:is(.pcc, .pcl, .pcr) {
	position: relative !important;
	top: 0;
	margin: 0
}


/* ============================ LISTA (UL / LI) ============================ */

.content {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	background: #000;
	/* se quiser centralizar texto ou inline-block */
}

.gee-ul {
	--gap: 0;
	
	--col:2;
	padding: 0;
	gap: 0;
	column-gap: var(--gap) !important;

	max-width: 100%;

	column-count: var(--col);

	display: block;
margin: 0 auto;
	border: 1px solid currentColor;
	counter-reset: meu-contador;
}

.gee-li {

	break-inside: avoid;
	padding: 0;
	margin: 0;


	display: block;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	min-height: 10px;
	border: 1px solid currentColor;
	/* clear: both; */
	padding: 8px;
	position: relative;
	counter-increment: meu-contador;
}
.gee-li:first-of-type {
    margin-top: 0 !important;
}



.pg-edit .gee-li:before {
	content: 'w';
	position: absolute;
	z-index: 999;
	min-height: 4px;
	display: block;
	left: 0;
    top: 0;
	color: currentColor;
	content: counter(meu-contador) ". ";
}

/* ============================menu ============================ */

.gee-menu {
	border: 1px solid green;
	text-align: left;
	padding: 0;
	width: fit-content;
	padding: 0;
	position: relative;
	gap: 10px;
	margin: 0 auto;
	display: block
}
.gee-menu.gee-folow-text{display: inline-block}

/*
.gee-menu-container {
	border: 1px solid green
}
*/

.gee-menu-container-list {
	display: flex;
	gap: inherit;
	width: fit-content;
/*	border: 1px solid blue;*/
	padding: 0;
	margin: 0 !important;
	column-gap: 5px;
	list-style: none;
}

.gee-menu-item {
	border: 1px solid #ccc;
	/* display: flex;
	align-items: flex-start; */
	padding: 5px;
	margin: 0;
	position: relative;
	min-height: 10px;
	min-width: 20px;
}



:is(.gee-menu-compact, .gee-menu-compact-bar) .gee-menu-item {
	min-width: 160px;
	max-width: 320px;
	padding-left: 1em;
}

@media (max-width: 800px) {
	:is(.gee-menu-compact, .gee-menu-compact-bar) .gee-menu-item {
		max-width: 70vw
	}
}

.gee-menu-compact,
.gee-menu-compact-bar {
	gap: 0 !important
}

.gee-menu:not(.gee-menu-compact, .gee-menu-compact-bar) .gee-menu-icon {
	display: none
}


.gee-menu-icon {
	width: 100%;
	aspect-ratio: 1/1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.gee-menu .gee-menu-icon .gee-icon {
	width: 1.6em !important;
	margin: 0
}


.gee-menu-item .gee-icon {
	margin: 0;
	min-width: 1em
}

.gee-menu-item span {
	min-width: 30px;
	min-height: 10px
}

.gee-menu-item:has([elem-type]) > span{display: none;}

.gee-menu-bg {
	position: absolute !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #5555556b;
	z-index: -1;
	display: none
}

.gee-menu-compact-bar .gee-menu-bg,
.gee-menu-compact .gee-menu-bg {
	display: block
}



.gee-menu-compact .gee-menu-container {
	flex-direction: column;
	position: absolute;
}

.gee-menu-compact:not(.menu_show) .gee-menu-container {
	display: none
}

:is(.gee-menu-compact, .gee-menu-compact-bar) .gee-menu-container {
	z-index: 9999;
	background: var(--bg_menu_drop);
	color: var(--color_menu_drop);
}

:is(.gee-menu-compact, .gee-menu-compact-bar) .gee-menu-container-list {
	flex-direction: column;
}

.gee-menu-compact-bar .gee-menu-container {
	flex-direction: column;
	position: absolute;
	height: 100dvh;
	position: fixed;
	top: 0;
	overflow-y: auto;
}

.gee-menu-compact-bar:not(.menu_show) .gee-menu-container {
	display: none !important
}


[style*="--bg_menu_drop:"].gee-menu.gee-menu-compact:not(.gee-menu-compact-bar) .gee-menu-container{ border-radius: 8px; max-height: 30vh;
    overflow-y: auto;}
	[style*="--bg_menu_drop:"].gee-menu.gee-menu-compact:not(.gee-menu-compact-bar) .gee-menu-container .gee-menu-container-list{border-radius: 8px;}
	/* [style*="--color_menu_drop:"].gee-menu.gee-menu-compact-bar .gee-menu-container{max-height: 100dvh; overflow-y: auto;} */



:is(.gee-menu-compact, .gee-menu-compact-bar).menu_show .gee-menu-item{border-radius: 0 !important;}



.gee-menu-icon .sel_drag{display: none !important;}


/* [style*="--color_menu_drop:"].gee-menu.gee-menu-compact-bar .gee-menu-container-list{color: var(--color_menu_drop)}*/
/* [style*="--color_menu_drop:"].gee-menu.gee-menu-compact .gee-menu-container-list{color: var(--color_menu_drop)}  */

.gee-menu-bg{display: none !important;}
/* [style*="--bg_menu_drop:"].gee-menu .gee-menu-bg{background: var(--bg_menu_drop); border-radius: inherit;} */
/* [style*="--bg_menu_drop:"][class*="gee-menu-compact"].gee-menu .gee-menu-container{background: var(--bg_menu_drop);} */
/* ============================carosel ============================ */
.pagee-Carrossel {
	position: relative;
	min-width: 200px;
	width: 1200px;
	max-width: 100%;
	margin: 2rem auto;
	overflow: hidden;
	border: 2px solid #333;
	--gap: 16px;
--crd_v:3;
	--w: calc( (100% / var(--crd_v)) - var(--gap) + (var(--gap) / var(--crd_v)));
	--wn: calc((var(--w) + (var(--gap))) * -1);

}

:not(.pg-edit) .pagee-Carrossel{contain: content;}

.Carrossel-content {
	display: flex;

	gap: var(--gap);
	transition: transform 0.5s ease;
	width: 100%;
	margin-left: var(--wn);
}

.Carrossel-card {
	min-width: var(--w);
	width: var(--w);
	display: flex;
	overflow: hidden;
	/*  padding: 1em;*/
	border: 0px solid #000 ;
	background: var(--basecolor3);
}

.c_card_content {
	min-height: 10px;
	width: 100%;
}

.Carrossel-dot-left,
.Carrossel-dot-right {
	width: 30px;
	height: 30px;
	background: #000;
	position: absolute;
	display: block;
	z-index: 1200;
	margin: auto;
	top: 0;
	bottom: 0;
	border: 3px solid #fff;

	border-radius: 50%;
	cursor: pointer;
}

.Carrossel-dot-left {
	left: 5px;
}

.Carrossel-dot-right {
	right: 5px;
}


/* [style*="--crd_v:"] {
	--w: calc((100% / var(--crd_v)) - var(--gap))
} */



/*
@media (min-width: 600px) {
  [cc="1"] { --w: 100%; --gap:.1px !important}
}
*/


.Carrossel-content {
  will-change: transform, margin-left;
  backface-visibility: hidden;
  perspective: 1000px; /* Isso força o navegador a criar uma camada de composição dedicada */
}

/* ============================ GEE countdown ============================ */
.gee_countdown {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
	--gap:8px;
	gap: var(--gap);
	font-family: sans-serif;
	justify-content: center;
	margin: 0 auto;
	max-width: 100%;
	

	--ft-1: 3rem;

	font-size: var(--ft-1);


}
.gee_countdown.gee-folow-text{display: inline-grid;}


.gee_countdown[ft="1"] {
	--ft-1: 1rem;
}

.gee_countdown[ft="2"] {
	--ft-1: 2rem;
}

.gee_countdown[ft="3"] {
	--ft-1: 3rem;
}

.gee_countdown[ft="4"] {
	--ft-1: 4rem;
}

.gee_countdown[ft="5"] {
	--ft-1: 5rem;
}



.gee_countdown .gee_c_d {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #33333365;

	border-radius: 5px;
	aspect-ratio: 1/1;
	text-align: center;
	position: relative;
	color: inherit;

	container-type: inline-size;

}


.gee_countdown .gee_countdown_d{display: none}
 [countdown_days_show] .gee_countdown_d, .countdown_date .gee_countdown_d{display: flex}
body .countdown_date_not_days:not([countdown_days_show])  .gee_countdown_d{display: none !important}
.gee_countdown .gee_c_d span {
	display: block;
}

.count-label {
	position: absolute;
	bottom: 5%;
	width: 100%;
	text-align: center;
	font-size: 0.33em;
	opacity: .6;
	/* proporção em relação ao número */
	
}
body:not(.pg-edit) .count-label{pointer-events: none;}

/* Container query para ajustar fonte dinamicamente */
@container (max-width: 120px) {
	.gee_c_d span {
		font-size: clamp(11px, 35cqi, 1em);
	}

	.gee_c_d .count-label {
		font-size: clamp(9px, 6vw, calc(1em / 5))
	}

}

/* ============================ GEE progbar ============================ */

.gee_prog {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 300px;
	max-width: 100%;
	min-height: 1.2em;
	background: var(--basecolor3);
	position: relative;
	color: #000;
	text-align: center;
	border-radius: 10px;
	overflow: clip;
	margin: 0 auto;
	border: 0px solid #333;
	--progcolor: var(--basecolor2);
}


.gee_prog_text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	height: 1em;
	line-height: 1em;
	margin: auto;
}

.gee_prog_text_u {
	min-width: .3em;
	min-height: 1em;
	display: inline-block
}

.gee_prog_text_u:hover {
	border: 1px currentcolor dashed
}

.gee_prog_bar {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	background: var(--progcolor);
}

.gee_prog:not(.per) .gee_prog_text_per {
	display: none
}

body:not(.pg-edit) .gee_prog_text_u {
	pointer-events: none;
	border: none !important
}

/* ============================ GEE captcha ============================ */
.gee_cap {
	width: fit-content;
	min-width: 160px;
	display: flex;
	align-items: center;
	padding: var(--gapbase);
	border-color: currentColor;
	border-width: 1px ;
	border-style: solid ;
	background: #eee;
	border-radius: 5px;
	font-family: roboto, 'sans serif';
	font-size: 1.3rem;
	margin: 0 auto
}


.gee_cap_check {
	min-width: 32px;
	width: 32px;
	aspect-ratio: 1/1;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: inherit;
	border-radius: 10%;
	background: color-mix(in srgb, currentColor, transparent 80%);
	position: relative
}

.gee_cap_text {
	padding: 0 1em
}

.gee_cap svg {
	min-width: 52px;
	width: 52px;
}

.gee_cap.checked .gee_cap_check {
	background: none;
	border: none !important
}

.gee_cap.checked .gee_cap_check:after {
	content: '';
	width: 100%;
	height: 40%;
	display: block;
	border: solid green;
	border-width: 0 0 6px 6px;
	top: 0%;
	position: absolute;
	transform: rotate(-45deg)
}

/* ============================ GEE iframe ============================ */

.gee-iframe {
	position: relative;

	width: 1200px;
	max-width: 100%;
	border: 1px solid #333;

	margin: 0 auto;
	display: block;
	min-height: 10px;
	overflow: hidden;
}

.gee-iframe iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;

}

body.pg-edit .gee-iframe iframe {
	pointer-events: none
}

/* ============================ GEE BOX ============================ */
.gee-box {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	--col: 2;

	border: 1px solid currentColor;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	--gap: var(--gapbase);
	padding: 0;

	gap: var(--gap);
}

.gee-box.gee-folow-text {
	display: inline-flex
}

/* ============================ ITENS ============================ */
.gee-box-card {

	display: flex;
	border: solid 1px currentColor;
	--itemsize: 1;
	--itemsize_m: 1;
}

.box_card_content {
	display: block;
	min-height: 30px;
	width: 100%;
}

.gee-box-align-content-top {
	align-items: flex-start
}

.gee-box-align-content-center {
	align-items: center
}

.gee-box-align-content-bottom {
	align-items: flex-end
}

/* ============================ CHILD ATTRIBUTES ============================ */

[style*="--box_cp:"]{--col: var(--box_cp)}
.gee-box {

--child-size:calc(100%/ var(--col)  -  ( var(--gap)   ) + (var(--gap)/ var(--col)) );
}




.gee-box-card {

	width: var(--child-size);
	 --itemsize:1;
	 --child-self-size_m:1;
	      max-width:100% !important;
}

[style*="--itemsize:"],
[style*="--itemsize_m:"] {



width: calc( (var(--child-size) * var(--itemsize) )   + (var(--gap) * (var(--itemsize) - 1) )    );
}




[style*="--gap_g:"] {
	--gap: calc(var(--gapbase) * var(--gap_g));
	gap:var(--gap);
}


/* Padding */


[style*="--pdt:"],[style*="--pdt:"] > .box_card_content  {
	padding-top: calc(var(--gapbase) * var(--pdt)) !important
}

[style*="--pdr:"],[style*="--pdr:"] >.box_card_content {
	padding-right: calc(var(--gapbase) * var(--pdr)) !important
}

[style*="--pdb:"],[style*="--pdb:"] > .box_card_content {
	padding-bottom: calc(var(--gapbase) * var(--pdb)) !important
}

[style*="--pdl:"],[style*="--pdl:"] > .box_card_content{
	padding-left: calc(var(--gapbase) * var(--pdl)) !important
}

.gee-box-card,.gee-icon{padding: 0 !important;}






/* ============================  ============================ */
.gee-container_ohidden >.box_card_content{
	overflow: hidden
}

.gee-container_oscrolly >.box_card_content {
	overflow-y: scroll
}




.ptl {
	position: absolute !important;
	top: 0;
	left: 0;
}

.ptc {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	margin: auto
}

.ptr {
	position: absolute !important;
	top: 0;
	right: 0;
}

.pcl {
	position: absolute !important;
	top: 50%;
	left: 0;
	margin: auto;
	transform: translateY(-50%)
}

.pcc {
	position: absolute !important;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%)
}

.pcr {
	position: absolute !important;
	top: 50%;
	right: 0;
	margin: auto;
	transform: translateY(-50%)
}

.pbl {
	position: absolute !important;
	bottom: 0;
	left: 0;
}

.pbc {
	position: absolute !important;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.pbr {
	position: absolute !important;
	bottom: 0;
	right: 0;
}

.fixed_on_section:is(.pbl, .pbc, .pbr, .ptl, .ptc, .ptr, .pcl, .pcc, .pcr){position: fixed !important;}
section:has(.fixed_on_section:is(.pbl, .pbc, .pbr, .ptl, .ptc, .ptr, .pcl, .pcc, .pcr)){contain: layout;}
.gee_show {}

body:not(.pg-edit) .gee_hidden:not(.show-time-act) {
	display: none !important
}

body.pg-edit .gee_hidden {
	outline: red 1px dashed;
	outline-offset: 2px
}

body.pg-edit.hidden-edit-visible .gee_hidden {
	display: none !important
}

body.pg-edit .gee_hidden:after,
body.pg-edit .gee_hidden.pg-elem-act:after {
	content: 'hidden';
	position: absolute;
	left: 0;
	margin: 0 auto;
	top: 0;
	font-size: 11px;
	background: rgba(253, 0, 0, 0.49);
	color: #fff;
	height: 1.4em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 0 4px;
	pointer-events: none;
	width: fit-content;
}



body:not(.pg-edit) [visibility-by-memory]:not(.gee_show){display: none !important}

/*==========*/

[style*="--backblur:"]{backdrop-filter: blur(var(--backblur));   -webkit-backdrop-filter: blur(var(--backblur));}




/* ============================ INPUTS ============================ */
.gee-input{
	width: 600px;
	margin: 0 auto;
font-size:1em;
  min-height:2em;
	max-width: 100%;
border:1px solid #333;
  --bcolor:#333;
  position:relative;
  color:#333;
	background: #fff;
}

.gee-input input{   all: unset;         
  box-sizing: border-box; width: 100%;

   border:none;
  cursor:pointer;

}
.gee-input input[type="checkbox"],.gee-input input[type="radio"]{
position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin:0;
}

.gee-input:has(input:focus) {
border-color:var(--bcolor)
  
  
}
.gee-input input[type='checkbox'], .gee-input input[type='radio'] {
  opacity:.001;

} 
.gee-input:has(input[type='checkbox'],input[type='radio']) {
 min-height:auto;

  max-width:40px;
  aspect-ratio:1/1
}

.gee-input-style{display:none; pointer-events:none; position:absolute; top: 0;bottom: 0;right: 0;left: 0; z-index:2;}
input[type='checkbox']:checked ~ .gee-input-style, input[type='radio']:checked ~ .gee-input-style{display:block;  border-radius:inherit}

.gee-input input[type='checkbox'] ~ .gee-input-style:after{content:''; width: 20%;height: 75%; background:currentColor;  position:absolute; bottom: 15%; right: 30%;  transform:rotate(35deg)}
.gee-input input[type='checkbox'] ~ .gee-input-style:before{content:''; width: 20%;height: 40%; background: currentColor;  position:absolute;  position:absolute; bottom: 15%; left: 25%;   transform:rotate(-45deg)}

.gee-input input[type='radio'] ~.gee-input-style:after{content:''; width: 80%; aspect-ratio:1/1; background:currentColor;  position:absolute; margin:auto; left: 0;right: 0;bottom: 0;top: 0; border-radius:inherit}

/* ============================ code ============================ */




.gee-code{display:block;
  max-width:100%;
border:1px solid #333;
  min-height:30px;
	margin: 0 auto;
	display: block;
}
.gee-code.gee-folow-text{  display: inline-block;}
.gee-code_content{ width: 100%; overflow: hidden; border-radius: inherit;}
.gee-code_content>*{max-width: 100%}

/* ============================ transform ============================ */



[style*="--t_rotate:"],[style*="--t_rotatey:"],[style*="--t_rotatex:"]{--t_rotatey: 0; --t_rotatex: 0; --t_rotate:0;}
:is(.gee-icon,.gee-img):is([style*="--t_rotate:"],[style*="--t_rotatey:"],[style*="--t_rotatex:"]) :is(svg,img){  transform: rotate(var(--t_rotate)) rotateX(var(--t_rotatex)) rotateY(var(--t_rotatey))}

.text-clip{
background-clip: text !important;
color: transparent;
text-shadow: none;
}
/* ============================ video ============================ */



.bg-size[style*="--bg_size_w"][style*="background: url("]{ background-size: var(--bg_size_w) ,cover !important}
.bg-size[style*="--bg_size_h"][style*="background: url("]{ background-size: auto var(--bg_size_h) ,cover !important}

.bg-size[style*="--bg_size_w"][style*="--bg_size_h"][style*="background: url("]{ background-size:var(--bg_size_w) var(--bg_size_h) ,cover !important}

/* ============================ video ============================ */
[style*="--zindex"]{
	z-index: var(--zindex);
}
/* ============================ video ============================ */

.gee-video {
  display:block;
  
  width: 600px;
  max-width: 100%;
 
  aspect-ratio: 16/9;
  margin:0 auto; /* espaço para scroll */
	border-color: #333;
	border-style: solid;
	border-width: 0;
	color: aliceblue;
	text-align: center;
	

}
.gee-video[class*="gee-aspect_ratio"]{ aspect-ratio: var(--aspect-ratio_)}
.gee-video[class*="gee-aspect_ratio"],.gee-video[class*="gee-aspect_ratio"] :is(.gee-video-container,.gee-video-media, .gee-video-media *){aspect-ratio: var(--aspect-ratio_) !important;}

.gee-video:not(.gee-video-mute) .mute_off{display: none}
.gee-video.gee-video-mute .mute_on{display: none}



.gee-video-container {
  width: 100%;
 aspect-ratio: 16/9;

  position: relative;
  
overflow:hidden;
	border-radius: inherit;
border-color: inherit;
	border-style: inherit;
	
		background-color:  var(--basecolor2); /* cor base */
background-image: 
  linear-gradient(45deg, var(--basecolor1) 25%, transparent 25%), 
  linear-gradient(-45deg,  var(--basecolor1) 25%, transparent 25%),
  linear-gradient(45deg, transparent 75%,  var(--basecolor1) 75%), 
  linear-gradient(-45deg, transparent 75%,  var(--basecolor1) 75%);
background-size: 20px 20px; /* tamanho do quadrado */
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;


}


.gee-video-container-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
	
  
}
body:not(.pg-edit)  .gee-video-container-screen {pointer-events: none !important}
body:not(.pg-edit) [video-from=vimeo][video-state=playing]:not(.no_pause) .gee-video-container-screen:after  {content:''; position:absolute; top: 0;bottom: 0; left:0; right:0; pointer-events: all !important}
body:not(.pg-edit) [video-from=vimeo][video-state=playing] .gee-video-control {z-index: 20;}
body:not(.pg-edit) .gee-video[video-from=vimeo][video-state=continue] .gee-video_screen_continue>*{ pointer-events: auto !important}
body:not(.pg-edit) [video-from=vimeo] .gee-video-media > div{position: absolute !important; padding: 0 !important; display: contents;}
body:not(.pg-edit) [video-from=vimeo] iframe{width: 100% !important; min-height: 10% !important; right:0 !important; bottom: 0 !important;}

.gee-v_screen{display: flex; align-items: center;}
.gee-v_screen>div{min-height: 10px; width: 100%;}

.gee-v_screen>div:not(:has([elem-type])){height: 50%; }

.gee-video-media, .gee-video-media :is(video,iframe) {
  aspect-ratio: 16 / 9;
  height: 102%;
  margin: auto;
  position: absolute;
  left: 0;right: 0;
  width:102%
}
.gee-video-media video, .gee-video-media iframe{ left: -2%;
    right: -2%;
    margin: auto;
    top: -2%;
    bottom: -2%;
min-height: 102%;
width:102% }

.pagee_player .gee-video-media video, .pagee_player[video-from=youtube]  .gee-video-media iframe{ left: -2%;

    right: -2%;
    margin: auto;
    top: -200px;
    bottom: -200px;
}
	.pagee_player[video-from=youtube]  .gee-video-media iframe{ 
    min-height: calc(100% + 400px);}

[video-from=wistia] .gee-video-media,[video-from=wistia] .gee-video-media > * {height:100%; width: 100%; contain: size;}
[video-from=wistia] .gee-video-media > div>div{ width:100%; height:100%}


.pagee_player .w-bottom-bar.w-css-reset{ display: none !important;}
.pagee_player .w-vulcan-overlays-table.w-css-reset {
    display: none !important;
}

.pagee_player[video-from=youtube] .gee-video-media iframe{top: -200%; bottom: -200%; height: 300%;}

.gee-video_screen_load{ background: #000;}
.gee-video_screen_play{ background:green; pointer-events: auto !important}
.gee-video_screen_autoplay{ background:rgba(0, 128, 0, 0.26); pointer-events: auto !important}
.gee-video_screen_pause{ background:red; pointer-events: auto !important}
.gee-video_screen_continue{ background:blue}
.gee-video_screen_end{ background:#333}
.gee-v_screen{display:none; position: absolute !important; top: 0;bottom: 0;left: 0;right: 0; padding: 16px}

.gee-video_screen_end {pointer-events: all;}

.gee-video_screens_menu{
  display:none;
  width: 100%;

  justify-content:center;
  font-size:11px;
  gap:.3em;
  position:absolute;
  top: 10px;
  z-index:99;
  letter-spacing: normal;
} 
body.pg-edit .gee-video.pagee_player:hover .gee-video_screens_menu{display: flex}

.gee-video_screens_menu div{ padding:.2em .5em; background: rgba(0, 0, 0, .5); border-radius:1em; color:#fff; box-shadow:0 0 0 1px rgba(255,255,255, .2); cursor:pointer;}

.gee-video:not(.pagee_player) .gee-video-container-screen{display: none!important}


body.pg-edit .gee-v_screen.pg-elem-act,body.pg-edit  .gee-v_screen.edit-show  {
	display: flex;
}

.gee-video.pg-elem-act [open-screen='gee-video_screen_box'],
.gee-video:has(.gee-video_screen_load.edit-show ) [open-screen='gee-video_screen_load'],
.gee-video:has(.gee-video_screen_autoplay.edit-show ) [open-screen='gee-video_screen_autoplay'],
.gee-video:has(.gee-video_screen_play.edit-show ) [open-screen='gee-video_screen_play'],
.gee-video:has(.gee-video_screen_pause.edit-show ) [open-screen='gee-video_screen_pause'],
.gee-video:has(.gee-video_screen_continue.edit-show ) [open-screen='gee-video_screen_continue'],
.gee-video:has(.gee-video_screen_end.edit-show ) [open-screen='gee-video_screen_end'] {
	background: rgba(39, 60, 219, 0.7);
}

.gee-v_screen:has(.pg-elem-act){display: flex}




[video-state="load"]:not(.no-play) .gee-video_screen_load{	display: flex;}
[video-state="pause"] .gee-video_screen_pause{	display: flex;}
[video-state="continue"] .gee-video_screen_continue{	display: flex; }
[video-state="end"] .gee-video_screen_end{	display: flex;}


body:not(.pg-edit) .no-play:not([video-state="continue"]) .gee-video_screen_play{	display: flex !important; z-index: 99; pointer-events: none !important;}
body:not(.pg-edit) .pagee_player:not([video-state="continue"],[object-time]) .gee-video_screen_play{	display: flex !important; z-index: 99; pointer-events: none !important; }


[continue-time]{pointer-events: auto!important; }

body:not(.pg-edit) [video-from="youtube"] .gee-video_screen_autoplay{pointer-events: none !important;}
.no_pause [open-screen='gee-video_screen_pause'],.no_pause   .gee-video_screen_pause{display: none !important;}

body.pg-edit .gee-video_screen_continue >.dropzone_elem{position: relative}
body.pg-edit .gee-video_screen_continue> .dropzone_elem:after{content: 'Restart side'; position: absolute; left: 0;bottom: 100%; background: rgba(0, 0, 0, 0.13); color: #fff; pointer-events: none; width: 100%;border-radius: 5px; text-align: center}

body.pg-edit .gee-video_screen_continue .dropzone_elem[continue-time]:after{content: 'Continue side';}




.autoplay_act .gee-video_screen_autoplay{display: flex; z-index: 99}


.gee-video-control{ position: absolute; bottom: 0;left: 0;right: 0; z-index: 5; display: none;}


.gee-video[style*="--brbl"] .gee-video-control{ left: calc( (var(--brbl)*1px) / 4 );}
.gee-video[style*="--brbr"] .gee-video-control{ right: calc( (var(--brbr)*1px) / 4 );}


.gee-video[style*="--brbl"][style*="--gee-dynamic-var_width:"] .gee-video-control{ left:calc(( (var(--gee-dynamic-var_width) / 100) * (var(--brbl) / 3) )* 1px );}
.gee-video[style*="--brbr"][style*="--gee-dynamic-var_width:"] .gee-video-control{ right:calc(( (var(--gee-dynamic-var_width) / 100) * (var(--brbr) / 3) )* 1px );}

.gee-video:is([style*="--brbr"], [style*="--brbl"]) .gee-video-prog-bar{border-radius: 20px; overflow: hidden;}


body:not(.pg-edit) .gee-video-control{contain: layout}

.pagee_player .gee-video-control,.pg-edit .gee-video-control{display: block}

.gee-video-prog-bar{width: 100%; height: 10px;  background: rgba(0, 0, 0, 0.2); position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1)}
.pagee_player:not([prog-bar]) .gee-video-prog-bar{display: none !important}
.video-prog{position:absolute;height: 100%;width:0%; background: aliceblue; left: 0;}
.pagee_player[style*="--prog_video"] .video-prog{ background: var(--prog_video)}

.prog-bar-control .gee-video-prog-bar{cursor: pointer !important;}

.pg-edit .video-prog{width: 50%;}

.gee-video-data {
	margin: 0 auto;
padding: 5px;
    position: relative;
  justify-content: space-between;

    display: grid;

    align-items:flex-end;
    grid-template-columns: auto  auto; 
}

.gee-video-data-time{ background: rgba(0, 0, 0, 0.2); width: fit-content;  padding:0 5px; border-radius: 10px; max-height: 1.6em; line-height: 1.6em; margin: 0 auto; position: absolute; margin: 0 auto; right: 0;left: 0; bottom: 2px; pointer-events: none !important; display: none; text-shadow: 0 0 2px black; font-family: sans-serif !important}
.timer_on .gee-video-data-time{display: block}

.gee-video-control-btn{width: 3em; min-width: 16px; max-width: 32px; aspect-ratio:1/1; background:  rgba(0, 0, 0, 0.2); left: 10px; bottom: 0; border-radius: 50%; cursor: pointer}
.gee-video-control-btn svg{width: 2em  !important;}

.gee-video-control-fullscreen, .gee-video-control-mute{display: none}
.fullscreen_on .gee-video-control-fullscreen,.mute_on .gee-video-control-mute{display: flex; align-items: center; justify-content: center}





.gee-video_screen_continue{gap:16px}
.gee-video_screen_continue > .dropzone_elem {
    flex: 0 0 50%;
    max-width: calc(50% - 8px);
}





.gee-video:not(.pagee_player) .gee-video_screens_menu, .gee-video:not(.pagee_player) .gee-video-container-screen,.gee-video:not(.pagee_player) .gee-video-control,.gee-video:not(.pagee_player) .gee-video_screens_menu{display: none}


body:not(.pg-edit) .autoplay_act .gee-video-data,body:not(.pg-edit) .autoplay_act .gee-video-prog-bar{display: none !important}


   body:not(.pg-edit) .gee-video .gee-video-container{background-image: none !important; background-color: #000;}
   .fullscreen-active .gee-video-container{border-color: #000 !important; border-radius: 0;}
/* ============================ audio============================ */

.gee-audio{max-width: 100%; display: block; margin: 0 auto;

--prog_bg: rgba(0, 0,0, 0.5);
	--prog_color-act: var(--basecolor3);
	--control_color:#fff;
	  background: var(--basecolor2);
}
.gee-audio audio{ width: 100%;}

.gee-audio.audio-style1 {
  width: 300px;
max-width: 100%;
 aspect-ratio: 1/1;

 

  border-radius:50%;
  position:relative;
}
.gee-audio.audio-style1 audio{ width: 20px; z-index:-1; position:absolute; left: 0;right: 0; margin:auto; opacity:.001}

.gee-audio-play,.gee-audio-pause{position:absolute; z-index:9; height: 30%; width: 30%; top: 0;bottom: 0;right: 0;left: 0;margin:auto; color:var(--control_color); cursor: pointer;}
.gee-audio-pause,.gee-audio-playing .gee-audio-play{  display:none}
.gee-audio-playing .gee-audio-pause{display:block}

.gee-audio-control svg{ width: 100%; height: 100%;}

.gee-audio-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg); /* gira para começar de cima */
  position:absolute; left: 0;right: 0;
}

.gee-audio-bg {
  fill: none;
stroke:var(--prog_bg); /* cor da linha de fundo */
  stroke-width: 10;
}

.gee-audio-progress {
  fill: none;
stroke:var(--prog_color-act); /* cor da porcentagem */
  stroke-width: 10;
  stroke-dasharray: 282.6; /* 2πr, r=45 */
  stroke-dashoffset: 282.6; /* começa zerado */
  transition: stroke-dashoffset 0.5s ease; /* animação suave */
}




.gee-audio.audio-style1 audio{position:absolute}





.gee-audio:not(.audio-style1) .gee-audio-style-part1{display:none !important;  }

.gee-audio:not(.audio-progress-act) .gee-audio-progress{ stroke-dashoffset:210 !important; display:none  }
.gee-audio:not(.audio-progress-act).gee-audio-playing .gee-audio-progress{display:block }
.gee-audio:not(.audio-progress-act).gee-audio-playing .gee-audio-svg{  animation: audio-gira-360 2s linear infinite;
}
@keyframes audio-gira-360 {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.pg-edit .gee-audio-progress { stroke-dashoffset: 210 !important; display:block !important}



/*=webinar========================*/

.gee-webinar{ width: 300px; height: 200px; max-height:100%; border:1px solid #333; max-width:100%; min-width:140px;  font-family:sans-serif; display:flex; text-align: left;margin: 0 auto;

  
  --color_name:#09c;
    --color_name_r:red;
  
  
 
  --color-name_msg_att:var(--color_name);
  --color_name_r_msg_att: var(--color_name_r);

  --bg-input:rgba(126, 126, 126, 0.2);
	--color-input:#333;
  
  
  
    --bg-btn:#09c;
    --color-btn:#fff;
  
 
  
  background: #fff;
  color:#999;
  border-radius:10px; 
   

}

.gee-webinar_container{ height: 100%; width: 100%;  display:flex; flex-direction: column; border-radius:inherit; overflow:hidden;  }



.gee-webinar-center{flex: 1; min-height: 30px; border:1px solid rgba(0, 0, 0, .1); border-width:0 0 1px 0 ;  position:relative; overflow-y: auto; overflow-anchor: none; }


.gee-webinar-bottom{position:relative; flex:0; background: var(--bg-input); color: var(--color-input); }
.gee-webinar-bottom input::placeholder{color: var(--color-input); opacity: 0.5;}
.gee-webinar[style*="--color-btn:"] .gee-webinar-bottom{color: var(--color-input)}


.gee-webinar-bottom[gee-webinar-user-name]:before{content: attr(gee-webinar-user-name); position:absolute; top: 0; left: 0; background: none; font-size: 11px; padding:0 .5em; line-height: 1.2em;}
/*
.gee-webinar-center:before,.gee-webinar-center:after{content:''; display:block; position: sticky; width: 100%; height: 20px; top:0px; margin:auto;   background: linear-gradient(to top, transparent, var(--bg-webinar) ); filter:invert(1) grayscale(1); opacity:.1;pointer-events: none;}


.gee-webinar-center:after{ top: 100%;  bottom:0px; background: linear-gradient(to bottom, transparent, var(--bg-webinar) );   }
*/






.gee-webinar-input{display:flex; }
.gee-webinar-input input{ all: unset;  flex:1; border-radius:none; min-width:80px; text-indent:.5em;}

.gee-webinar-btn{ aspect-ratio:1/1; height: 2.6em; background: var(--bg-btn); color: var(--color-btn); cursor : pointer; display:flex; align-items:center; justify-content:center}



.gee-webinar:not([gee-webinar-user-name]) .gee-webinar-input-msg, [gee-webinar-user-name] .gee-webinar-input-name{ display:none !important}





.gee-webinar-center-msg{padding:.5em }



.gee-webinar-msg-name{display:inline;font-weight:600; color:var(--color_name)}
.gee-webinar-msg-name:before{content:'@'; }


.gee-name_referencia{color: var(--color_name_r) ;}
.gee-webinar-center-msg.att{ background: var(--bg-msg_att); color:var(--color-msg_att)}

.gee-webinar-center-msg.att .gee-webinar-msg-name{color: var(--color-name_msg_att)}
.gee-webinar-center-msg.att .gee-name_referencia{color: var(--color_name_r_msg_att) ;}




body:not(.pg-edit) .only_gee_editor{display: none!important}

/*//////

*/

/*///////*/
.back-video {
  
    pointer-events: none; /* Evita que o vídeo capture cliques */
	border-radius: inherit;
   
}
body:not(.pg-edit) .back-video {

	contain: strict;
   
}

.back-video, .back-video video{position: absolute; top: 0;bottom: 0;right: 0;left: 0;}
.back-video >video{object-fit: cover; width: 100%; height: 100%;


}
[style*="--blurbackground"] .bg_overlay{ position: absolute; top: 0;bottom: 0;right: 0;left: 0; background: rgba(0, 0, 0, 0.24);
	



pointer-events: none;
}

[style*="--blurbackground"]:not([back-video]) .bg_overlay{

/* Suporte amplo e performance */
    -webkit-backdrop-filter: blur(var(--blurbackground));
    backdrop-filter: blur(var(--blurbackground));

}

[style*="--bg_overlay"] .bg_overlay{ position: absolute; top: 0;bottom: 0;right: 0;left: 0; background: var(--bg_overlay);}





[style*="--order"]{order:var(--order)}

[style*="--gee-opacity"]{opacity: calc( var(--gee-opacity) / 100) !important;}

[style*="--mask-image-per"]{
	--mask-image-deg:0deg;
	--percent1:calc(var(--mask-image-per) / 2);
	mask-image: linear-gradient(var(--mask-image-deg), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) var(--percent1), rgb(0, 0, 0) var(--mask-image-per), rgb(0, 0, 0) 100%);}










body:not(.pg-edit) [elem-type=header].show_on_scroll{ position: fixed; top:0x; transition: .3s;  transform: translateY(-150%); z-index: 99;}
body:not(.pg-edit) [elem-type=header].show_on_scroll.show_on_scroll_act{ transform: translateY(0);}
body:not(.pg-edit) [elem-type=footer].show_on_scroll{ position: fixed; bottom: 0%;transition: .3s; transform: translateY(150%); z-index: 99; }
body:not(.pg-edit) [elem-type=footer].show_on_scroll.show_on_scroll_act{ transform: translateY(0); }
/* ============================ MEDIA QUERIES ============================ */


@media (min-width: 680px) {
	.gee-visibility_mob , .gee-visibility_mob:is(p, h1, h2, h3, h4, .gee-ul, .gee-img, .gee-button, .gee-folow-text){
		display: none !important
	}

	.reverse-on-desk {
		flex-direction: row-reverse;
	}

	.reverse-on-desk[style*="--box_cp: 1"]{
		flex-direction: column-reverse
	}

	
}


@media (max-width: 1200px) {

	[gee-box-child-perline="8"] {
		--gapFactor: 1;
	}
}





@media (max-width: 860px) {
	[style*="--crd_v_t:"] {

		--crd_v: var(--crd_v_t) !important;
		
	}

[style*="--box_cp_t"]{

		 --col:var(--box_cp_t) !important
	}

	[style*="--box_cp_t"]{

		 --col:var(--box_cp_t) !important
	}

}

@media (max-width: 680px) {
	html {
		font-size: 8px
	}

	.gee-visibility_desk, .gee-visibility_desk:is(p, h1, h2, h3, h4, .gee-ul, .gee-img, .gee-button, .gee-folow-text){
		display: none !important
	}

	.reverse-on-mob {
		flex-direction: row-reverse;
	}


	
		.reverse-on-mob[style*="--box_cp_m: 1;"] {
		flex-direction: column-reverse !important
	}


	.text-center-mob,
	.text-center-mob * {
		text-align: center !important;
	}

	.text-left-mob,
	.text-left-mob * {
		text-align: left !important;
	}

	.text-right-mob,
	.text-right-mob * {
		text-align: right !important;
	}

	[ftm="1"] :is(p, h1, h2, h3, h4, .gee_text) {
		font-size: var(--ft-1);
	}

	[ftm="2"] :is(p, h1, h2, h3, h4, .gee_text) {
		font-size: var(--ft-2);
	}

	[ftm="3"] :is(p, h1, h2, h3, h4, .gee_text) {
		font-size: var(--ft-3);
	}

	[ftm="4"] :is(p, h1, h2, h3, h4, .gee_text) {
		font-size: var(--ft-4);
	}

	[ftm="5"] :is(p, h1, h2, h3, h4, .gee_text) {
		font-size: var(--ft-5);
	}

	:is(p, h1, h2, h3, h4, .gee_text)[ftm="1"] {
		font-size: var(--ft-1);
	}

	:is(p, h1, h2, h3, h4, .gee_text)[ftm="2"] {
		font-size: var(--ft-2);
	}

	:is(p, h1, h2, h3, h4, .gee_text)[ftm="3"] {
		font-size: var(--ft-3);
	}

	:is(p, h1, h2, h3, h4, .gee_text)[ftm="4"] {
		font-size: var(--ft-4);
	}

	:is(p, h1, h2, h3, h4, .gee_text)[ftm="5"] {
		font-size: var(--ft-5);
	}

	[style*="--mt_m"] {
		margin-top: var(--mt_m) !important
	}

	[style*="--mr_m"] {
		margin-right: var(--mr_m) !important
	}

	[style*="--mb_m"] {
		margin-bottom: var(--mb_m) !important
	}

	[style*="--ml_m"] {
		margin-left: var(--ml_m) !important
	}

	[style*="--width_m"] {
		width: var(--width_m) !important
	}

	[style*="--height_m"] {
		height: var(--height_m) !important
	}



[style*="--box_cp:"]:not([style*="--box_cp_m:"])
	{
		--col: 2 !important;
	}

	
	[style*="--box_cp_m:"]{ --col:var(--box_cp_m) !important}
	


	[style*="--itemsize_m:"] {
		--itemsize: var(--itemsize_m) !important;
	}



[style*="--order_m"]{order:var(--order_m)}

[style*="--crd_v_m:"] {

		--crd_v: var(--crd_v_m) !important;
		
	}
}

@media (max-width: 500px) {


[style*="--box_cp:"]:not([style*="--box_cp_m:"])
	{
		--col: 2 !important;
	}
	[style*="--box_cp: 1"]
	{
		--col: 1;
	}
}





body:not(.pg-edit) [show-time]:not(.show-time-act) {
	display: none !important
}

body:not(.pg-edit) .hidden-time-act {
	display: none !important
}

.act_on_group {
	opacity: 1 !important;
}






/*=======================Animations=========================*/
.ani_zoom_in,
.ani_zoom_out,
.ani_float_shadow,
.ani_up_hover {
	transition: .3s
}

.ani_zoom_in:hover {
	transform: scale(1.1)
}

.ani_zoom_out:hover {
	transform: scale(.9)
}

.ani_float_shadow:hover {
	box-shadow: 0 4px 4px rgba(0, 0, 0, .3)
}

.ani_pulse_hover:hover {
	animation: pulse 2s linear infinite;
}

.ani_up_hover:hover {
	transform: translateY(-5px);
}



.ani_wobble_h:not(:hover) {
	animation: wobble-horizontal 1s ease-in-out infinite;
}

.ani_wobble_v:not(:hover) {
	animation: wobble-vertical 1s ease-in-out infinite;
}

.ani_pulse:not(:hover) {
	animation: pulse 2s linear infinite;
}

@keyframes pulse {
	25% {
		transform: scale(1.03);

	}

	75% {
		transform: scale(0.97);
	}
}

@keyframes wobble-horizontal {
	16.65% {
		transform: translateX(8px);
	}

	33.3% {
		transform: translateX(-6px);
	}

	49.95% {
		transform: translateX(4px);
	}

	66.6% {
		transform: translateX(-2px);
	}

	83.25% {
		transform: translateX(1px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes wobble-vertical {
	16.65% {
		transform: translateY(8px);
	}

	33.3% {
		transform: translateY(-6px);
	}

	49.95% {
		transform: translateY(4px);
	}

	66.6% {
		transform: translateY(-2px);
	}

	83.25% {
		transform: translateY(1px);
	}

	100% {
		transform: translateY(0);
	}
}







/*======================*/



  /* Base scroll animation */
body:not(.pg-edit) [class*="pagee-scroll-animation"] {
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-duration: 1s;

    /* Scroll-driven animation */
    view-timeline-axis: block;
    animation-range: entry 0% cover 40%;
    animation-timeline: view();
  }

  /* ===== Fade + Move ===== */
  body:not(.pg-edit) .pagee-scroll-animation-fade-up   { animation-name: pagee-fade-up; }
 body:not(.pg-edit) .pagee-scroll-animation-fade-down { animation-name: pagee-fade-down; }
  body:not(.pg-edit) .pagee-scroll-animation-fade-left { animation-name: pagee-fade-left; }
 body:not(.pg-edit) .pagee-scroll-animation-fade-right{ animation-name: pagee-fade-right; }

  /* ===== Scale ===== */
 body:not(.pg-edit) .pagee-scroll-animation-scale      { animation-name: pagee-scale; }
 body:not(.pg-edit) .pagee-scroll-animation-zoom-out   { animation-name: pagee-zoom-out; }
 body:not(.pg-edit) .pagee-scroll-animation-compress-x { animation-name: pagee-compress-x; }
 body:not(.pg-edit) .pagee-scroll-animation-compress-y { animation-name: pagee-compress-y; }

  /* ===== Rotation & Perspective ===== */
body:not(.pg-edit)  .pagee-scroll-animation-rotate { animation-name: pagee-rotate; }
 body:not(.pg-edit) .pagee-scroll-animation-skew   { animation-name: pagee-skew; }
 body:not(.pg-edit) .pagee-scroll-animation-lift   { animation-name: pagee-lift; transform-origin: center bottom; }





  /* ===== Minimal ===== */
body:not(.pg-edit)  .pagee-scroll-animation-opacity { animation-name: pagee-opacity; }

  /* ===== Keyframes ===== */
  @keyframes pagee-fade-up    { from { opacity:0; transform: translateY(100px);} to { transform: translateY(0);} }
  @keyframes pagee-fade-down  { from { opacity:0; transform: translateY(-100px);} to { transform: translateY(0);} }
  @keyframes pagee-fade-left  { from { opacity:0; transform: translateX(-100px);} to { transform: translateX(0);} }
  @keyframes pagee-fade-right { from { opacity:0; transform: translateX(100px);} to { transform: translateX(0);} }
  @keyframes pagee-scale      { from { opacity:0; transform: scale(0.7);} to { transform: scale(1);} }
  @keyframes pagee-zoom-out   { from { opacity:0; transform: scale(1.5);} to { transform: scale(1);} }
  @keyframes pagee-compress-x { from { opacity:0; transform: scaleX(0.8);} to { transform: scaleX(1);} }
  @keyframes pagee-compress-y { from { opacity:0; transform: scaleY(0.8);} to { transform: scaleY(1);} }
  @keyframes pagee-rotate     { from { opacity:0; transform: rotate(-30deg) scale(0.96);} to { transform: rotate(0) scale(1);} }
  @keyframes pagee-skew       { from { opacity:0; transform: skewY(40deg) translateY(40px);} to { transform: skewY(0) translateY(0);} }
  @keyframes pagee-lift       { from { opacity:0; transform: perspective(800px) rotateX(90deg) translateY(60px);} to { transform: perspective(800px) rotateX(0) translateY(0);} }


  @keyframes pagee-opacity    { from { opacity:0;} to { } }



.gee-dynamic-var_width_border{ 
--border-r: var(--gee-dynamic-var_width);
}
.gee-dynamic-var_height_border{ 
--border-r: var(--gee-dynamic-var_height);
}



[style*="--brtl"] { border-top-left-radius: calc(var(--brtl, 0) * 1px) !important; }
[style*="--brtr"] { border-top-right-radius: calc(var(--brtr, 0) * 1px) !important; }
[style*="--brbl"] { border-bottom-left-radius: calc(var(--brbl, 0) * 1px) !important; }
[style*="--brbr"] { border-bottom-right-radius: calc(var(--brbr, 0) * 1px) !important; }



/* Mapeia a variável injetada pelo JS para a base do cálculo */
.gee-dynamic-var_width_border {
    --border-r: var(--gee-dynamic-var_width, 0);
}

.gee-dynamic-var_height_border {
    --border-r: var(--gee-dynamic-var_height, 0);
}

/* Aplicação Proporcional do Raio */
[style*="--brtl"]:is(.gee-dynamic-var_width_border, .gee-dynamic-var_height_border) { 
    border-top-left-radius: calc((var(--border-r, 0) / 100) * var(--brtl, 0) * 1px) !important; 
}

[style*="--brtr"]:is(.gee-dynamic-var_width_border, .gee-dynamic-var_height_border) { 
    border-top-right-radius: calc((var(--border-r, 0) / 100) * var(--brtr, 0) * 1px) !important; 
}

[style*="--brbl"]:is(.gee-dynamic-var_width_border, .gee-dynamic-var_height_border) { 
    border-bottom-left-radius: calc((var(--border-r, 0) / 100) * var(--brbl, 0) * 1px) !important; 
}

[style*="--brbr"]:is(.gee-dynamic-var_width_border, .gee-dynamic-var_height_border) { 
    border-bottom-right-radius: calc((var(--border-r, 0) / 100) * var(--brbr, 0) * 1px) !important; 
}





[float=true] .gee-video-container{position: fixed; bottom:20px; right:10px; z-index: 8999; width: 300px !important; max-width: 40%;}

[float=true][style*="--float-bottom"] .gee-video-container{bottom: calc( var(--float-bottom) + 20px)}


.pagee_player.no_pause[video-state="playing"]:not(.autoplay_act) .gee-video-container:after{
content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}




.gee-video.fullscreen-active .gee-video-container{position:fixed; top:50%; transform: translateY(-50%); max-height: 100%;background:  #000 !important;}

body:not(.pg-edit)  .pagee_player.gee_hidden{ display:block !important; position: fixed; z-index: -999; opacity: 0 !important;}



[style*="--mask-gr"]{

 --mask-solid: calc(100% - var(--mask-gr));
   
      mask-image: linear-gradient(
        to right,
        transparent 0%,
        black var(--mask-gr),
        black var(--mask-solid),
        transparent 100%
      );
      -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        black var(--mask-gr),
        black var(--mask-solid),
        transparent 100%
      );
    
    }

	[style*="--mask-gr"] .Carrossel-dot-right {
    right: calc( var(--mask-gr)/2);
}
[style*="--mask-gr"] .Carrossel-dot-left {
    left: calc( var(--mask-gr)/2);
}