/* ========================================
 * Auto-generated by Firestarter
 * Do not edit this file manually.
 * ======================================== */

/* ========================================
 * FONTES
 * ======================================== */

@font-face {
	font-family: "Fraunces";
	src: url("https://hmlg.emporiofazendasaogabriel.com.br/wp-content/uploads/2026/08/Fraunces-VariableFont_SOFTWONKopszwght.ttf") format("truetype");
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("https://hmlg.emporiofazendasaogabriel.com.br/wp-content/uploads/2026/08/Manrope-VariableFont_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* ========================================
 * CORES
 * ======================================== */

:root {
	/* Grayscale 900 */
	--fs-color-grayscale-900: #1c1a18;
	/* Grayscale 800 */
	--fs-color-grayscale-800: #4a4541;
	/* Grayscale 600 */
	--fs-color-grayscale-600: rgb(130, 123, 117);
	/* Grayscale 400 */
	--fs-color-grayscale-400: #c4bfba;
	/* Grayscale 50 */
	--fs-color-grayscale-50: #f2f2f0;
	/* Grayscale 0 */
	--fs-color-grayscale-0: #ffffff;
	/* Accent 400 */
	--fs-color-accent-400: #ffa038;
	/* Accent 700 */
	--fs-color-accent-700: rgb(168, 85, 0);
	/* Accent 900 */
	--fs-color-accent-900: #3d1b04;
	/* Secondary 50 */
	--fs-color-secondary-50: rgb(250, 246, 242);
	/* Secondary 100 */
	--fs-color-secondary-100: #f2e8de;
	/* Secondary 600 */
	--fs-color-secondary-600: rgb(139, 94, 60);
	/* Secondary 700 */
	--fs-color-secondary-700: rgb(112, 75, 48);
	/* Secondary 800 */
	--fs-color-secondary-800: rgb(90, 60, 39);
	/* Brand 50 */
	--fs-color-brand-50: rgb(244, 249, 246);
	/* Brand 100 */
	--fs-color-brand-100: #e8f3ec;
	/* Brand 700 */
	--fs-color-brand-700: #3F6E4F;
	/* Brand 800 */
	--fs-color-brand-800: rgb(47, 85, 64);
	/* Brand 900 */
	--fs-color-brand-900: #142a1f;
	/* Brand 950 */
	--fs-color-brand-950: rgb(13, 33, 24);
	/* Modal Background */
	--fs-color-modal-background: rgba(10, 10, 10, 0.41);
}

/* ========================================
 * LAYOUT
 * ======================================== */

:root {
	--fs-layout-max-width: 1440px;
	--fs-layout-laptop-width: 1024px;
	--fs-layout-tablet-width: 768px;
	--fs-layout-mobile-width: 375px;
}

/* ========================================
 * ESPACAMENTOS
 * ======================================== */

:root {
	--fs-space-0: 0;
	--fs-space-4: 4px;
	--fs-space-8: 8px;
	--fs-space-10: 10px;
	--fs-space-12: 12px;
	--fs-space-14: 14px;
	--fs-space-16: 16px;
	--fs-space-24: 24px;
	--fs-space-32: 32px;
	--fs-space-40: 40px;
	--fs-space-48: 48px;
	--fs-space-56: 56px;
	--fs-space-64: 64px;
	--fs-space-80: 80px;
	--fs-space-96: 96px;
	--fs-space-120: 120px;
	--fs-space-160: 160px;
	--fs-space-180: 180px;
	--fs-space-200: 200px;
}

.fs-spacing {
	--fs-pt-mobile: initial;
	--fs-pt-tablet: initial;
	--fs-pt-laptop: initial;
	--fs-pt-desktop: initial;
	--fs-pr-mobile: initial;
	--fs-pr-tablet: initial;
	--fs-pr-laptop: initial;
	--fs-pr-desktop: initial;
	--fs-pb-mobile: initial;
	--fs-pb-tablet: initial;
	--fs-pb-laptop: initial;
	--fs-pb-desktop: initial;
	--fs-pl-mobile: initial;
	--fs-pl-tablet: initial;
	--fs-pl-laptop: initial;
	--fs-pl-desktop: initial;
	--fs-mt-mobile: initial;
	--fs-mt-tablet: initial;
	--fs-mt-laptop: initial;
	--fs-mt-desktop: initial;
	--fs-mb-mobile: initial;
	--fs-mb-tablet: initial;
	--fs-mb-laptop: initial;
	--fs-mb-desktop: initial;
	padding-top: var(--fs-pt-mobile, 0);
	padding-right: var(--fs-pr-mobile, 0);
	padding-bottom: var(--fs-pb-mobile, 0);
	padding-left: var(--fs-pl-mobile, 0);
	margin-top: var(--fs-mt-mobile, 0);
	margin-bottom: var(--fs-mb-mobile, 0);
}

@media (min-width: 768px) {

	.fs-spacing {
		padding-top: var(--fs-pt-tablet, var(--fs-pt-mobile, 0));
		padding-right: var(--fs-pr-tablet, var(--fs-pr-mobile, 0));
		padding-bottom: var(--fs-pb-tablet, var(--fs-pb-mobile, 0));
		padding-left: var(--fs-pl-tablet, var(--fs-pl-mobile, 0));
		margin-top: var(--fs-mt-tablet, var(--fs-mt-mobile, 0));
		margin-bottom: var(--fs-mb-tablet, var(--fs-mb-mobile, 0));
	}

}

@media (min-width: 1024px) {

	.fs-spacing {
		padding-top: var(--fs-pt-laptop, var(--fs-pt-tablet, var(--fs-pt-mobile, 0)));
		padding-right: var(--fs-pr-laptop, var(--fs-pr-tablet, var(--fs-pr-mobile, 0)));
		padding-bottom: var(--fs-pb-laptop, var(--fs-pb-tablet, var(--fs-pb-mobile, 0)));
		padding-left: var(--fs-pl-laptop, var(--fs-pl-tablet, var(--fs-pl-mobile, 0)));
		margin-top: var(--fs-mt-laptop, var(--fs-mt-tablet, var(--fs-mt-mobile, 0)));
		margin-bottom: var(--fs-mb-laptop, var(--fs-mb-tablet, var(--fs-mb-mobile, 0)));
	}

}

@media (min-width: 1440px) {

	.fs-spacing {
		padding-top: var(--fs-pt-desktop, var(--fs-pt-laptop, var(--fs-pt-tablet, var(--fs-pt-mobile, 0))));
		padding-right: var(--fs-pr-desktop, var(--fs-pr-laptop, var(--fs-pr-tablet, var(--fs-pr-mobile, 0))));
		padding-bottom: var(--fs-pb-desktop, var(--fs-pb-laptop, var(--fs-pb-tablet, var(--fs-pb-mobile, 0))));
		padding-left: var(--fs-pl-desktop, var(--fs-pl-laptop, var(--fs-pl-tablet, var(--fs-pl-mobile, 0))));
		margin-top: var(--fs-mt-desktop, var(--fs-mt-laptop, var(--fs-mt-tablet, var(--fs-mt-mobile, 0))));
		margin-bottom: var(--fs-mb-desktop, var(--fs-mb-laptop, var(--fs-mb-tablet, var(--fs-mb-mobile, 0))));
	}

}

.fs-inset {
	--fs-inset-py-mobile: initial;
	--fs-inset-py-tablet: initial;
	--fs-inset-py-laptop: initial;
	--fs-inset-py-desktop: initial;
	--fs-inset-px-mobile: initial;
	--fs-inset-px-tablet: initial;
	--fs-inset-px-laptop: initial;
	--fs-inset-px-desktop: initial;
	--fs-inset-mt-mobile: initial;
	--fs-inset-mt-tablet: initial;
	--fs-inset-mt-laptop: initial;
	--fs-inset-mt-desktop: initial;
	--fs-inset-mb-mobile: initial;
	--fs-inset-mb-tablet: initial;
	--fs-inset-mb-laptop: initial;
	--fs-inset-mb-desktop: initial;
	padding-block: var(--fs-inset-py-mobile, 0);
	padding-inline: var(--fs-inset-px-mobile, 0);
	margin-top: var(--fs-inset-mt-mobile, 0);
	margin-bottom: var(--fs-inset-mb-mobile, 0);
}

@media (min-width: 768px) {

	.fs-inset {
		padding-block: var(--fs-inset-py-tablet, var(--fs-inset-py-mobile, 0));
		padding-inline: var(--fs-inset-px-tablet, var(--fs-inset-px-mobile, 0));
		margin-top: var(--fs-inset-mt-tablet, var(--fs-inset-mt-mobile, 0));
		margin-bottom: var(--fs-inset-mb-tablet, var(--fs-inset-mb-mobile, 0));
	}

}

@media (min-width: 1024px) {

	.fs-inset {
		padding-block: var(--fs-inset-py-laptop, var(--fs-inset-py-tablet, var(--fs-inset-py-mobile, 0)));
		padding-inline: var(--fs-inset-px-laptop, var(--fs-inset-px-tablet, var(--fs-inset-px-mobile, 0)));
		margin-top: var(--fs-inset-mt-laptop, var(--fs-inset-mt-tablet, var(--fs-inset-mt-mobile, 0)));
		margin-bottom: var(--fs-inset-mb-laptop, var(--fs-inset-mb-tablet, var(--fs-inset-mb-mobile, 0)));
	}

}

@media (min-width: 1440px) {

	.fs-inset {
		padding-block: var(--fs-inset-py-desktop, var(--fs-inset-py-laptop, var(--fs-inset-py-tablet, var(--fs-inset-py-mobile, 0))));
		padding-inline: var(--fs-inset-px-desktop, var(--fs-inset-px-laptop, var(--fs-inset-px-tablet, var(--fs-inset-px-mobile, 0))));
		margin-top: var(--fs-inset-mt-desktop, var(--fs-inset-mt-laptop, var(--fs-inset-mt-tablet, var(--fs-inset-mt-mobile, 0))));
		margin-bottom: var(--fs-inset-mb-desktop, var(--fs-inset-mb-laptop, var(--fs-inset-mb-tablet, var(--fs-inset-mb-mobile, 0))));
	}

}

.fs-flow {
	--fs-flow-mobile: initial;
	--fs-flow-tablet: initial;
	--fs-flow-laptop: initial;
	--fs-flow-desktop: initial;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: var(--fs-flow-mobile, 0);
}

@media (min-width: 768px) {

	.fs-flow {
		gap: var(--fs-flow-tablet, var(--fs-flow-mobile, 0));
	}

}

@media (min-width: 1024px) {

	.fs-flow {
		gap: var(--fs-flow-laptop, var(--fs-flow-tablet, var(--fs-flow-mobile, 0)));
	}

}

@media (min-width: 1440px) {

	.fs-flow {
		gap: var(--fs-flow-desktop, var(--fs-flow-laptop, var(--fs-flow-tablet, var(--fs-flow-mobile, 0))));
	}

}

/* ========================================
 * DIMENSOES
 * ======================================== */

.fs-size {
	--fs-width-mobile: initial;
	--fs-width-tablet: initial;
	--fs-width-laptop: initial;
	--fs-width-desktop: initial;
	--fs-max-width-mobile: initial;
	--fs-max-width-tablet: initial;
	--fs-max-width-laptop: initial;
	--fs-max-width-desktop: initial;
	flex: 0 1 auto;
	min-width: 0;
	width: var(--fs-width-mobile, 100%);
	max-width: var(--fs-max-width-mobile, none);
}

@media (min-width: 768px) {

	.fs-size {
		width: var(--fs-width-tablet, var(--fs-width-mobile, 100%));
		max-width: var(--fs-max-width-tablet, var(--fs-max-width-mobile, none));
	}

}

@media (min-width: 1024px) {

	.fs-size {
		width: var(--fs-width-laptop, var(--fs-width-tablet, var(--fs-width-mobile, 100%)));
		max-width: var(--fs-max-width-laptop, var(--fs-max-width-tablet, var(--fs-max-width-mobile, none)));
	}

}

@media (min-width: 1440px) {

	.fs-size {
		width: var(--fs-width-desktop, var(--fs-width-laptop, var(--fs-width-tablet, var(--fs-width-mobile, 100%))));
		max-width: var(--fs-max-width-desktop, var(--fs-max-width-laptop, var(--fs-max-width-tablet, var(--fs-max-width-mobile, none))));
	}

}

/* ========================================
 * FLEX
 * ======================================== */

.fs-flex {
	--fs-flex-direction-mobile: initial;
	--fs-flex-direction-tablet: initial;
	--fs-flex-direction-laptop: initial;
	--fs-flex-direction-desktop: initial;
	--fs-flex-align-mobile: initial;
	--fs-flex-align-tablet: initial;
	--fs-flex-align-laptop: initial;
	--fs-flex-align-desktop: initial;
	--fs-flex-justify-mobile: initial;
	--fs-flex-justify-tablet: initial;
	--fs-flex-justify-laptop: initial;
	--fs-flex-justify-desktop: initial;
	--fs-gap-mobile: initial;
	--fs-gap-tablet: initial;
	--fs-gap-laptop: initial;
	--fs-gap-desktop: initial;
	display: flex;
	flex-wrap: wrap;
	flex-direction: var(--fs-flex-direction-mobile, column);
	align-items: var(--fs-flex-align-mobile, stretch);
	justify-content: var(--fs-flex-justify-mobile, flex-start);
	gap: var(--fs-gap-mobile, 0);
}

@media (min-width: 768px) {

	.fs-flex {
		flex-direction: var(--fs-flex-direction-tablet, var(--fs-flex-direction-mobile, row));
		align-items: var(--fs-flex-align-tablet, var(--fs-flex-align-mobile, stretch));
		justify-content: var(--fs-flex-justify-tablet, var(--fs-flex-justify-mobile, flex-start));
		gap: var(--fs-gap-tablet, var(--fs-gap-mobile, 0));
	}

}

@media (min-width: 1024px) {

	.fs-flex {
		flex-direction: var(--fs-flex-direction-laptop, var(--fs-flex-direction-tablet, var(--fs-flex-direction-mobile, row)));
		align-items: var(--fs-flex-align-laptop, var(--fs-flex-align-tablet, var(--fs-flex-align-mobile, stretch)));
		justify-content: var(--fs-flex-justify-laptop, var(--fs-flex-justify-tablet, var(--fs-flex-justify-mobile, flex-start)));
		gap: var(--fs-gap-laptop, var(--fs-gap-tablet, var(--fs-gap-mobile, 0)));
	}

}

@media (min-width: 1440px) {

	.fs-flex {
		flex-direction: var(--fs-flex-direction-desktop, var(--fs-flex-direction-laptop, var(--fs-flex-direction-tablet, var(--fs-flex-direction-mobile, row))));
		align-items: var(--fs-flex-align-desktop, var(--fs-flex-align-laptop, var(--fs-flex-align-tablet, var(--fs-flex-align-mobile, stretch))));
		justify-content: var(--fs-flex-justify-desktop, var(--fs-flex-justify-laptop, var(--fs-flex-justify-tablet, var(--fs-flex-justify-mobile, flex-start))));
		gap: var(--fs-gap-desktop, var(--fs-gap-laptop, var(--fs-gap-tablet, var(--fs-gap-mobile, 0))));
	}

}

.fs-gap-scope {
	--fs-scope-gap: var(--fs-gap-mobile, 0px);
}

@media (min-width: 768px) {

	.fs-gap-scope {
		--fs-scope-gap: var(--fs-gap-tablet, var(--fs-gap-mobile, 0px));
	}

}

@media (min-width: 1024px) {

	.fs-gap-scope {
		--fs-scope-gap: var(--fs-gap-laptop, var(--fs-gap-tablet, var(--fs-gap-mobile, 0px)));
	}

}

@media (min-width: 1440px) {

	.fs-gap-scope {
		--fs-scope-gap: var(--fs-gap-desktop, var(--fs-gap-laptop, var(--fs-gap-tablet, var(--fs-gap-mobile, 0px))));
	}

}

/* ========================================
 * BORDAS
 * ======================================== */

.fs-border {
	--fs-border-width: initial;
	--fs-border-color: initial;
	--fs-border-radius: initial;
	border: var(--fs-border-width, 0) solid var(--fs-border-color, currentColor);
	border-radius: var(--fs-border-radius, 0);
}

/* ========================================
 * FUNDOS
 * ======================================== */

.fs-background {
	--fs-bg-image-mobile: initial;
	--fs-bg-image-tablet: initial;
	--fs-bg-image-laptop: initial;
	--fs-bg-image-desktop: initial;
	--fs-bg-position-mobile: initial;
	--fs-bg-position-tablet: initial;
	--fs-bg-position-laptop: initial;
	--fs-bg-position-desktop: initial;
	--fs-bg-size-mobile: initial;
	--fs-bg-size-tablet: initial;
	--fs-bg-size-laptop: initial;
	--fs-bg-size-desktop: initial;
	--fs-bg-color: initial;
	background-color: var(--fs-bg-color, transparent);
	background-repeat: no-repeat;
	background-image: var(--fs-bg-image-mobile, none);
	background-position: var(--fs-bg-position-mobile, center center);
	background-size: var(--fs-bg-size-mobile, cover);
}

@media (min-width: 768px) {

	.fs-background {
		background-image: var(--fs-bg-image-tablet, var(--fs-bg-image-mobile, none));
		background-position: var(--fs-bg-position-tablet, var(--fs-bg-position-mobile, center center));
		background-size: var(--fs-bg-size-tablet, var(--fs-bg-size-mobile, cover));
	}

}

@media (min-width: 1024px) {

	.fs-background {
		background-image: var(--fs-bg-image-laptop, var(--fs-bg-image-tablet, var(--fs-bg-image-mobile, none)));
		background-position: var(--fs-bg-position-laptop, var(--fs-bg-position-tablet, var(--fs-bg-position-mobile, center center)));
		background-size: var(--fs-bg-size-laptop, var(--fs-bg-size-tablet, var(--fs-bg-size-mobile, cover)));
	}

}

@media (min-width: 1440px) {

	.fs-background {
		background-image: var(--fs-bg-image-desktop, var(--fs-bg-image-laptop, var(--fs-bg-image-tablet, var(--fs-bg-image-mobile, none))));
		background-position: var(--fs-bg-position-desktop, var(--fs-bg-position-laptop, var(--fs-bg-position-tablet, var(--fs-bg-position-mobile, center center))));
		background-size: var(--fs-bg-size-desktop, var(--fs-bg-size-laptop, var(--fs-bg-size-tablet, var(--fs-bg-size-mobile, cover))));
	}

}

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

/* Display Large */
.display-large {
	font-family: "Fraunces", serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.1;
}

/* Display Medium */
.display-medium {
	font-family: "Fraunces", serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.1;
}

/* Heading 1 */
h1, .fs-typo-heading-1 {
	font-family: "Fraunces", serif;
	font-weight: 600;
	font-size: 28px;
	line-height: 1.1;
}

/* Heading 2 */
h2, .fs-typo-heading-2 {
	font-family: "Fraunces", serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.1;
}

/* Heading 3 */
h3, .fs-typo-heading-3 {
	font-family: "Fraunces", serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.1;
}

/* Heading 4 */
h4, .fs-typo-heading-4 {
	font-family: "Fraunces", serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.1;
}

/* Heading 5 */
h5, .fs-typo-heading-5 {
	font-family: "Manrope", sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 1.1;
}

/* Heading 6 */
h6, .fs-typo-heading-6 {
	font-family: "Manrope", sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 1.1;
}

/* Body Large */
.body-large {
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
}

/* Body Medium */
p, .fs-typo-body-medium {
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4;
}

/* Body Small */
.body-small {
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
}

/* Body Small Hide XS */
.body-small-hide-xs {
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	font-size: 0px;
	line-height: 1.4;
}

/* Label Large */
.label-large {
	font-family: "Manrope", sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Label Medium */
.label-medium {
	font-family: "Manrope", sans-serif;
	font-weight: 900;
	font-size: 12px;
	line-height: 1.05;
	text-transform: uppercase;
}

/* Label Small */
.label-small {
	font-family: "Manrope", sans-serif;
	font-weight: 900;
	font-size: 11px;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Button Large */
.button-large {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Button Medium */
.heading-4-2 {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Button Small */
.button-small {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Caption */
.caption {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.2;
}

/* Tag */
.tag {
	font-family: "Manrope", sans-serif;
	font-weight: 900;
	font-size: 10px;
	line-height: 1.2;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	.body-small-hide-xs {
		font-size: 14px;
	}

}

@media (min-width: 1024px) {

	.display-large {
		font-size: 64px;
	}

	.display-medium {
		font-size: 48px;
	}

	h1, .fs-typo-heading-1 {
		font-size: 42px;
	}

	h2, .fs-typo-heading-2 {
		font-size: 34px;
	}

	h3, .fs-typo-heading-3 {
		font-size: 24px;
	}

	h4, .fs-typo-heading-4 {
		font-size: 20px;
	}

	h5, .fs-typo-heading-5 {
		font-size: 18px;
	}

	h6, .fs-typo-heading-6 {
		font-size: 16px;
	}

	.body-large {
		font-size: 18px;
	}

	p, .fs-typo-body-medium {
		font-size: 16px;
	}

	.label-large {
		font-size: 16px;
	}

	.label-medium {
		font-size: 14px;
	}

	.label-small {
		font-size: 12px;
	}

	.button-large {
		font-size: 18px;
	}

	.heading-4-2 {
		font-size: 16px;
	}

}

.fs-text-align {
	--fs-text-align-mobile: initial;
	--fs-text-align-tablet: initial;
	--fs-text-align-laptop: initial;
	--fs-text-align-desktop: initial;
	text-align: var(--fs-text-align-mobile, start);
}

@media (min-width: 768px) {

	.fs-text-align {
		text-align: var(--fs-text-align-tablet, var(--fs-text-align-mobile, start));
	}

}

@media (min-width: 1024px) {

	.fs-text-align {
		text-align: var(--fs-text-align-laptop, var(--fs-text-align-tablet, var(--fs-text-align-mobile, start)));
	}

}

@media (min-width: 1440px) {

	.fs-text-align {
		text-align: var(--fs-text-align-desktop, var(--fs-text-align-laptop, var(--fs-text-align-tablet, var(--fs-text-align-mobile, start))));
	}

}

.fs-content-align {
	--fs-text-align-mobile: initial;
	--fs-text-align-tablet: initial;
	--fs-text-align-laptop: initial;
	--fs-text-align-desktop: initial;
	--fs-align-items-mobile: initial;
	--fs-align-items-tablet: initial;
	--fs-align-items-laptop: initial;
	--fs-align-items-desktop: initial;
	--fs-align-items: var(--fs-align-items-mobile, flex-start);
	text-align: var(--fs-text-align-mobile, start);
	align-items: var(--fs-align-items);
}

@media (min-width: 768px) {

	.fs-content-align {
		--fs-align-items: var(--fs-align-items-tablet, var(--fs-align-items-mobile, flex-start));
		text-align: var(--fs-text-align-tablet, var(--fs-text-align-mobile, start));
		align-items: var(--fs-align-items);
	}

}

@media (min-width: 1024px) {

	.fs-content-align {
		--fs-align-items: var(--fs-align-items-laptop, var(--fs-align-items-tablet, var(--fs-align-items-mobile, flex-start)));
		text-align: var(--fs-text-align-laptop, var(--fs-text-align-tablet, var(--fs-text-align-mobile, start)));
		align-items: var(--fs-align-items);
	}

}

@media (min-width: 1440px) {

	.fs-content-align {
		--fs-align-items: var(--fs-align-items-desktop, var(--fs-align-items-laptop, var(--fs-align-items-tablet, var(--fs-align-items-mobile, flex-start))));
		text-align: var(--fs-text-align-desktop, var(--fs-text-align-laptop, var(--fs-text-align-tablet, var(--fs-text-align-mobile, start))));
		align-items: var(--fs-align-items);
	}

}

/* ========================================
 * LISTAGEM
 * ======================================== */

.fs-listing {
	--fs-listing-columns: var(--fs-listing-columns-mobile, 1);
	--fs-listing-column-gaps: var(--fs-listing-column-gaps-mobile, 0);
	--fs-listing-columns-int: var(--fs-listing-columns-int-mobile, 1);
	--fs-listing-bleed: var(--fs-listing-bleed-mobile, 0);
	--fs-listing-bleed-right: calc(var(--fs-listing-bleed) * (var(--fs-gutter) + var(--fs-pr-mobile, 0px)));
	--fs-listing-arrows: none;
}

@media (min-width: 768px) {
	.fs-listing {
		--fs-listing-columns: var(--fs-listing-columns-tablet, var(--fs-listing-columns-mobile, 1));
		--fs-listing-column-gaps: var(--fs-listing-column-gaps-tablet, var(--fs-listing-column-gaps-mobile, 0));
		--fs-listing-columns-int: var(--fs-listing-columns-int-tablet, var(--fs-listing-columns-int-mobile, 1));
		--fs-listing-bleed: var(--fs-listing-bleed-tablet, var(--fs-listing-bleed-mobile, 0));
		--fs-listing-bleed-right: calc(var(--fs-listing-bleed) * (var(--fs-gutter) + var(--fs-pr-tablet, var(--fs-pr-mobile, 0px))));
		--fs-listing-arrows: flex;
	}
}

@media (min-width: 1024px) {
	.fs-listing {
		--fs-listing-columns: var(--fs-listing-columns-laptop, var(--fs-listing-columns-tablet, var(--fs-listing-columns-mobile, 1)));
		--fs-listing-column-gaps: var(--fs-listing-column-gaps-laptop, var(--fs-listing-column-gaps-tablet, var(--fs-listing-column-gaps-mobile, 0)));
		--fs-listing-columns-int: var(--fs-listing-columns-int-laptop, var(--fs-listing-columns-int-tablet, var(--fs-listing-columns-int-mobile, 1)));
		--fs-listing-bleed: var(--fs-listing-bleed-laptop, var(--fs-listing-bleed-tablet, var(--fs-listing-bleed-mobile, 0)));
		--fs-listing-bleed-right: calc(var(--fs-listing-bleed) * (var(--fs-gutter) + var(--fs-pr-laptop, var(--fs-pr-tablet, var(--fs-pr-mobile, 0px)))));
		--fs-listing-arrows: flex;
	}
}

@media (min-width: 1440px) {
	.fs-listing {
		--fs-listing-columns: var(--fs-listing-columns-desktop, var(--fs-listing-columns-laptop, var(--fs-listing-columns-tablet, var(--fs-listing-columns-mobile, 1))));
		--fs-listing-column-gaps: var(--fs-listing-column-gaps-desktop, var(--fs-listing-column-gaps-laptop, var(--fs-listing-column-gaps-tablet, var(--fs-listing-column-gaps-mobile, 0))));
		--fs-listing-columns-int: var(--fs-listing-columns-int-desktop, var(--fs-listing-columns-int-laptop, var(--fs-listing-columns-int-tablet, var(--fs-listing-columns-int-mobile, 1))));
		--fs-listing-bleed: 0;
		--fs-listing-bleed-right: calc(var(--fs-listing-bleed) * (var(--fs-gutter) + var(--fs-pr-desktop, var(--fs-pr-laptop, var(--fs-pr-tablet, var(--fs-pr-mobile, 0px))))));
		--fs-listing-arrows: flex;
	}
}

.fs-listing {
	--fs-listing-arrow-offset: var(--fs-space-16);
	--fs-listing-dot-size: var(--fs-space-8);
	--fs-listing-dots-offset: var(--fs-space-24);
	--fs-listing-dot-color: var(--fs-color-brand-700);
	--fs-listing-dot-color-active: var(--fs-color-brand-900);
}

/* ========================================
 * HEADER
 * ======================================== */

.fs-modelo--header-variant {
	display: none;
}

.fs-modelo-show-mobile {
	display: block;
}

@media (min-width: 768px) {

	.fs-modelo--header-variant {
		display: none;
	}

	.fs-modelo-show-tablet {
		display: block;
	}

}

@media (min-width: 1024px) {

	.fs-modelo--header-variant {
		display: none;
	}

	.fs-modelo-show-laptop {
		display: block;
	}

}

@media (min-width: 1440px) {

	.fs-modelo--header-variant {
		display: none;
	}

	.fs-modelo-show-desktop {
		display: block;
	}

}

/* ========================================
 * NAVEGACAO
 * ======================================== */

.fs-nav__list {
	--fs-nav-sub-position: var(--fs-nav-sub-position-mobile, static);
	--fs-nav-sub-top: var(--fs-nav-sub-top-mobile, auto);
	--fs-nav-sub-right: var(--fs-nav-sub-right-mobile, auto);
	--fs-nav-sub-left: var(--fs-nav-sub-left-mobile, auto);
	--fs-nav-sub-opacity: var(--fs-nav-sub-opacity-mobile, 1);
	--fs-nav-sub-visibility: var(--fs-nav-sub-visibility-mobile, visible);
	--fs-nav-sub-pointer: var(--fs-nav-sub-pointer-mobile, auto);
	--fs-nav-sub-min-width: var(--fs-nav-sub-min-width-mobile, 0);
}

@media (min-width: 768px) {

	.fs-nav__list {
		--fs-nav-sub-position: var(--fs-nav-sub-position-tablet, var(--fs-nav-sub-position-mobile, absolute));
		--fs-nav-sub-top: var(--fs-nav-sub-top-tablet, var(--fs-nav-sub-top-mobile, 100%));
		--fs-nav-sub-right: var(--fs-nav-sub-right-tablet, var(--fs-nav-sub-right-mobile, auto));
		--fs-nav-sub-left: var(--fs-nav-sub-left-tablet, var(--fs-nav-sub-left-mobile, calc(0px - var(--fs-nav-sub-offset, 0px))));
		--fs-nav-sub-opacity: var(--fs-nav-sub-opacity-tablet, var(--fs-nav-sub-opacity-mobile, 0));
		--fs-nav-sub-visibility: var(--fs-nav-sub-visibility-tablet, var(--fs-nav-sub-visibility-mobile, hidden));
		--fs-nav-sub-pointer: var(--fs-nav-sub-pointer-tablet, var(--fs-nav-sub-pointer-mobile, none));
		--fs-nav-sub-min-width: var(--fs-nav-sub-min-width-tablet, var(--fs-nav-sub-min-width-mobile, max-content));
	}

}

@media (min-width: 1024px) {

	.fs-nav__list {
		--fs-nav-sub-position: var(--fs-nav-sub-position-laptop, var(--fs-nav-sub-position-tablet, var(--fs-nav-sub-position-mobile, absolute)));
		--fs-nav-sub-top: var(--fs-nav-sub-top-laptop, var(--fs-nav-sub-top-tablet, var(--fs-nav-sub-top-mobile, 100%)));
		--fs-nav-sub-right: var(--fs-nav-sub-right-laptop, var(--fs-nav-sub-right-tablet, var(--fs-nav-sub-right-mobile, auto)));
		--fs-nav-sub-left: var(--fs-nav-sub-left-laptop, var(--fs-nav-sub-left-tablet, var(--fs-nav-sub-left-mobile, calc(0px - var(--fs-nav-sub-offset, 0px)))));
		--fs-nav-sub-opacity: var(--fs-nav-sub-opacity-laptop, var(--fs-nav-sub-opacity-tablet, var(--fs-nav-sub-opacity-mobile, 0)));
		--fs-nav-sub-visibility: var(--fs-nav-sub-visibility-laptop, var(--fs-nav-sub-visibility-tablet, var(--fs-nav-sub-visibility-mobile, hidden)));
		--fs-nav-sub-pointer: var(--fs-nav-sub-pointer-laptop, var(--fs-nav-sub-pointer-tablet, var(--fs-nav-sub-pointer-mobile, none)));
		--fs-nav-sub-min-width: var(--fs-nav-sub-min-width-laptop, var(--fs-nav-sub-min-width-tablet, var(--fs-nav-sub-min-width-mobile, max-content)));
	}

}

@media (min-width: 1440px) {

	.fs-nav__list {
		--fs-nav-sub-position: var(--fs-nav-sub-position-desktop, var(--fs-nav-sub-position-laptop, var(--fs-nav-sub-position-tablet, var(--fs-nav-sub-position-mobile, absolute))));
		--fs-nav-sub-top: var(--fs-nav-sub-top-desktop, var(--fs-nav-sub-top-laptop, var(--fs-nav-sub-top-tablet, var(--fs-nav-sub-top-mobile, 100%))));
		--fs-nav-sub-right: var(--fs-nav-sub-right-desktop, var(--fs-nav-sub-right-laptop, var(--fs-nav-sub-right-tablet, var(--fs-nav-sub-right-mobile, auto))));
		--fs-nav-sub-left: var(--fs-nav-sub-left-desktop, var(--fs-nav-sub-left-laptop, var(--fs-nav-sub-left-tablet, var(--fs-nav-sub-left-mobile, calc(0px - var(--fs-nav-sub-offset, 0px))))));
		--fs-nav-sub-opacity: var(--fs-nav-sub-opacity-desktop, var(--fs-nav-sub-opacity-laptop, var(--fs-nav-sub-opacity-tablet, var(--fs-nav-sub-opacity-mobile, 0))));
		--fs-nav-sub-visibility: var(--fs-nav-sub-visibility-desktop, var(--fs-nav-sub-visibility-laptop, var(--fs-nav-sub-visibility-tablet, var(--fs-nav-sub-visibility-mobile, hidden))));
		--fs-nav-sub-pointer: var(--fs-nav-sub-pointer-desktop, var(--fs-nav-sub-pointer-laptop, var(--fs-nav-sub-pointer-tablet, var(--fs-nav-sub-pointer-mobile, none))));
		--fs-nav-sub-min-width: var(--fs-nav-sub-min-width-desktop, var(--fs-nav-sub-min-width-laptop, var(--fs-nav-sub-min-width-tablet, var(--fs-nav-sub-min-width-mobile, max-content))));
	}

}

