/* =========================================================
   DA GEMA BANNER BUILDER
   FRONTEND 0.8.0
========================================================= */


/* =========================================================
   SLIDER
========================================================= */

.dg-banner-slider {
	position: relative;

	width: 100%;

	margin: 0;
	padding: 0;

	overflow: hidden;

	font-family: 'Montserrat', sans-serif !important;
}


/* =========================================================
   VIEWPORT
========================================================= */

.dg-banner-slider .dg-slider-viewport {
	position: relative;

	width: 100%;

	margin: 0;
	padding: 0;

	overflow: hidden;
}


/* =========================================================
   TRACK
========================================================= */

.dg-banner-slider .dg-slider-track {
	display: flex;

	width: 100%;

	margin: 0;
	padding: 0;

	transition: transform .6s ease;

	will-change: transform;
}


/* =========================================================
   SLIDE
========================================================= */

.dg-banner-slider .dg-slide {
	position: relative;

	flex: 0 0 100%;

	width: 100%;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden;
}


/* =========================================================
   PICTURE
========================================================= */

.dg-banner-slider .dg-slide-picture {
	display: block;

	width: 100%;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   IMAGEM
========================================================= */

.dg-banner-slider .dg-slide-image {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;

	box-shadow: none !important;

	object-fit: contain;
}


/* =========================================================
   CAMADA DE CONTEÚDO
========================================================= */

.dg-banner-slider .dg-slide-layers {
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;

	z-index: 5;

	pointer-events: none;
}


/* =========================================================
   LAYER
========================================================= */

.dg-banner-slider .dg-slide-layer {
	position: absolute !important;

	left: var(--dg-x-desktop) !important;

	top: var(--dg-y-desktop) !important;

	display: block !important;

	width: max-content;

	max-width: 90%;

	margin: 0 !important;

	padding: 0 !important;

	box-sizing: border-box;

	font-family: 'Montserrat', sans-serif !important;

font-size: var(--dg-font-size-desktop) !important;

	font-weight: var(--dg-font-weight) !important;

	color: var(--dg-color) !important;

	text-align: var(--dg-align) !important;

	line-height: normal;

	pointer-events: auto;

	z-index: 10;
}


/* =========================================================
   TÍTULO
========================================================= */

.dg-banner-slider
.dg-slide
.dg-slide-layers
.dg-slide-layer
.dg-slide-title {

	display: block !important;

	margin: 0 !important;

	padding: 0 !important;

	font-family: 'Montserrat', sans-serif !important;

	font-size: var(--dg-font-size) !important;

	font-weight: var(--dg-font-weight) !important;

	line-height: 1.1 !important;

	color: var(--dg-color) !important;

	text-align: var(--dg-align) !important;

	text-transform: none !important;

	letter-spacing: normal !important;

	white-space: normal !important;

	max-width: none !important;

	transform: none !important;

	zoom: 1 !important;
}


/* =========================================================
   TEXTO
========================================================= */

.dg-banner-slider
.dg-slide
.dg-slide-layers
.dg-slide-layer
.dg-slide-text {

	display: block !important;

	margin: 0 !important;

	padding: 0 !important;

	font-family: 'Montserrat', sans-serif !important;

	font-size: var(--dg-font-size) !important;

	font-weight: var(--dg-font-weight) !important;

	line-height: 1.4 !important;

	color: var(--dg-color) !important;

	text-align: var(--dg-align) !important;

	text-transform: none !important;

	letter-spacing: normal !important;

	white-space: normal !important;

	max-width: none !important;

	transform: none !important;

	zoom: 1 !important;
}


/* =========================================================
   STRONG / BOLD
========================================================= */

.dg-banner-slider
.dg-slide-title strong,

.dg-banner-slider
.dg-slide-title b,

.dg-banner-slider
.dg-slide-text strong,

.dg-banner-slider
.dg-slide-text b {

	font-weight: 700 !important;
}


/* =========================================================
   CLASSE PERSONALIZADA DE DESTAQUE
========================================================= */

.dg-banner-slider .dg-destaque {

	font-weight: 700 !important;
}


/* =========================================================
   ITÁLICO
========================================================= */

.dg-banner-slider
.dg-slide-title em,

.dg-banner-slider
.dg-slide-title i,

.dg-banner-slider
.dg-slide-text em,

.dg-banner-slider
.dg-slide-text i {

	font-style: italic !important;
}


/* =========================================================
   BOTÃO
========================================================= */

.dg-banner-slider
.dg-slide
.dg-slide-layers
.dg-slide-layer
.dg-slide-button {

	display: inline-block !important;

	margin: 0 !important;

	padding: 12px 22px !important;

	box-sizing: border-box;

	background: #ffffff !important;

	border: 0 !important;

	border-radius: 40px !important;

	box-shadow: none !important;

	font-family: 'Montserrat', sans-serif !important;

	font-size: var(--dg-font-size) !important;

	font-weight: var(--dg-font-weight) !important;

	line-height: 1.2 !important;

	color: var(--dg-color) !important;

	text-align: var(--dg-align) !important;

	text-decoration: none !important;

	text-transform: none !important;

	letter-spacing: normal !important;

	transform: none !important;

	cursor: pointer;
}


.dg-banner-slider
.dg-slide-button:hover,

.dg-banner-slider
.dg-slide-button:focus {

	text-decoration: none !important;

	box-shadow: none !important;
}


/* =========================================================
   SETAS
========================================================= */

.dg-banner-slider .dg-slider-arrow {

	position: absolute;

	top: 50%;

	z-index: 20;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 46px;

	height: 46px;

	margin: 0;

	padding: 0;

	transform: translateY(-50%);

	border: 0;

	border-radius: 50%;

	background: rgba(
		0,
		0,
		0,
		0.45
	);

	color: #ffffff;

	font-family: Arial, sans-serif;

	font-size: 28px;

	font-weight: 400;

	line-height: 1;

	cursor: pointer;
}


.dg-banner-slider
.dg-slider-arrow:hover {

	background: rgba(
		0,
		0,
		0,
		0.70
	);
}


.dg-banner-slider
.dg-slider-prev {

	left: 20px;
}


.dg-banner-slider
.dg-slider-next {

	right: 20px;
}


/* =========================================================
   BULLETS
========================================================= */

.dg-banner-slider
.dg-slider-dots {

	position: absolute;

	left: 50%;

	bottom: 18px;

	z-index: 20;

	display: flex;

	gap: 8px;

	margin: 0;

	padding: 0;

	transform: translateX(-50%);
}


.dg-banner-slider
.dg-slider-dot {

	width: 10px;

	height: 10px;

	margin: 0;

	padding: 0;

	border: 1px solid #ffffff;

	border-radius: 50%;

	background: transparent;

	cursor: pointer;
}


.dg-banner-slider
.dg-slider-dot.active {

	background: #ffffff;
}


/* =========================================================
   FOCO
========================================================= */

.dg-banner-slider
.dg-slider-arrow:focus-visible,

.dg-banner-slider
.dg-slider-dot:focus-visible,

.dg-banner-slider
.dg-slide-button:focus-visible {

	outline: 3px solid #ffffff !important;

	outline-offset: 3px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.dg-banner-slider
	.dg-slide-layer {

		left:
			var(
				--dg-x-mobile
			) !important;

		top:
			var(
				--dg-y-mobile
			) !important;
	}


	.dg-banner-slider
	.dg-slider-arrow {

		width: 38px;

		height: 38px;

		font-size: 22px;
	}


	.dg-banner-slider
	.dg-slider-prev {

		left: 10px;
	}


	.dg-banner-slider
	.dg-slider-next {

		right: 10px;
	}

}


/* =========================================================
   PREFERS REDUCED MOTION
========================================================= */

@media (
	prefers-reduced-motion: reduce
) {

	.dg-banner-slider
	.dg-slider-track {

		transition: none !important;
	}

}