/* ---------------------------------------------------------------------------------------------] */
/* -------------------------------------------------------------------------------[ FONTS 			] */
/* -------------------------------------------------------------------------------[ ALL 				] */
/* -------------------------------------------------------------------------------[ END FILE		] */
/* ---------------------------------------------------------------------------------------------] */

/* ---------------------------------------------------------------------------------------------] */
/*  ------------------------------------------------------------------------------------[ FONTS ] */
/* ---------------------------------------------------------------------------------------------] */

@font-face {
	font-family: "cabin-bold";
	src: url("./fonts/cabin-bold.ttf") format("truetype");
}

.cabin-bold {
	font-family: cabin-bold !important;
}

@font-face {
	font-family: "cabin-bolditalic";
	src: url("./fonts/cabin-bolditalic.ttf") format("truetype");
}

.cabin-bolditalic {
	font-family: cabin-bolditalic !important;
}

@font-face {
	font-family: "cabin-italic-variablefont-wdthwght";
	src: url("./fonts/cabin-italic-variablefont-wdthwght.ttf") format("truetype");
}

.cabin-italic-variablefont-wdthwght {
	font-family: cabin-italic-variablefont-wdthwght !important;
}

@font-face {
	font-family: "cabin-italic";
	src: url("./fonts/cabin-italic.ttf") format("truetype");
}

.cabin-italic {
	font-family: cabin-italic !important;
}

@font-face {
	font-family: "cabin-medium";
	src: url("./fonts/cabin-medium.ttf") format("truetype");
}

.cabin-medium {
	font-family: cabin-medium !important;
}

@font-face {
	font-family: "cabin-mediumitalic";
	src: url("./fonts/cabin-mediumitalic.ttf") format("truetype");
}

.cabin-mediumitalic {
	font-family: cabin-mediumitalic !important;
}

@font-face {
	font-family: "cabin-regular";
	src: url("./fonts/cabin-regular.ttf") format("truetype");
}

.cabin-regular {
	font-family: cabin-regular !important;
}

@font-face {
	font-family: "cabin-semibold";
	src: url("./fonts/cabin-semibold.ttf") format("truetype");
}

.cabin-semibold {
	font-family: cabin-semibold !important;
}

@font-face {
	font-family: "cabin-semibolditalic";
	src: url("./fonts/cabin-semibolditalic.ttf") format("truetype");
}

.cabin-semibolditalic {
	font-family: cabin-semibolditalic !important;
}

@font-face {
	font-family: "cabin-variablefont-wdthwght";
	src: url("./fonts/cabin-variablefont-wdthwght.ttf") format("truetype");
}

.cabin-variablefont-wdthwght {
	font-family: cabin-variablefont-wdthwght !important;
}

/* ---------------------------------------------------------------------------------------------] */
/*  --------------------------------------------------------------------------------------[ BGS ] */
/* ---------------------------------------------------------------------------------------------] */

.bg-color-custom-inicial {
	background-color: var(--color-custom-inicial) !important;
}

.bg-color-custom-quem-somos {
	background-color: var(--color-custom-quem-somos) !important;
}

.bg-color-custom-representantes {
	background-color: var(--color-custom-representantes) !important;
}

.bg-color-custom-boletins {
	background-color: var(--color-custom-boletins) !important;
}

.bg-color-custom-trabalhe-conosco {
	background-color: var(--color-custom-trabalhe-conosco) !important;
}

.bg-color-custom-contato {
	background-color: var(--color-custom-contato) !important;
}

/* ---------------------------------------------------------------------------------------------] */
/*  -----------------------------------------------------------------------------------[ HEADER ] */
/* ---------------------------------------------------------------------------------------------] */

.header-logo {
	position: absolute !important;
	left: 0 !important;
	padding: 0px !important;
	margin: 0px !important;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-buttons {
	position: absolute !important;
	right: 0 !important;
	padding: 0px !important;
	margin: 0px !important;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

#header .header-nav.header-nav-links nav > ul li:hover > a {
	color: #aaa;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ---------------------------------------------------------------------------------[ SECTIONS ] */
/* ---------------------------------------------------------------------------------------------] */

.section-lines {
	position: absolute;
	top: auto;
	bottom: 0;
	z-index: 9;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	max-width: 1366px;
	width: 100%;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.section-lines .content {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.section-lines .content .content-img img {
	width: 80px;
	height: 80px;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ------------------------------------------------------------------------------[ BACKGROUNDS ] */
/* ---------------------------------------------------------------------------------------------] */

.bg-01 {
	background-image: var(--bg-custom-01);
	background-size: contain;
	background-position: center;
	width: 100%;
	aspect-ratio: 16.98/9;
	height: auto;
	display: flex;
	align-items: start;
	justify-content: start;
	background-repeat: no-repeat;
}

.bg-02 {
	background-image: var(--bg-custom-02);
	background-size: contain;
	background-position: center;
	width: 100%;
	aspect-ratio: 16.98/9;
	height: auto;
	display: flex;
	align-items: start;
	justify-content: start;
	background-repeat: no-repeat;
}

.bg-03 {
	background-image: var(--bg-custom-03);
	background-size: contain;
	background-position: top;
	width: 100%;
	aspect-ratio: 24.98/9;
	height: auto;
	display: flex;
	align-items: start;
	justify-content: start;
	background-repeat: no-repeat;
}

.bg-color-custom-inicial {
	background-color: var(--color-custom-inicial) !important;
}

.bg-color-custom-quem-somos {
	background-color: var(--color-custom-quem-somos) !important;
}

.bg-color-custom-representantes {
	background-color: var(--color-custom-representantes) !important;
}

.bg-color-custom-boletins {
	background-color: var(--color-custom-boletins) !important;
}

.bg-color-custom-trabalhe-conosco {
	background-color: var(--color-custom-trabalhe-conosco) !important;
}

.bg-color-custom-contato {
	background-color: var(--color-custom-contato) !important;
}


/* ---------------------------------------------------------------------------------------------] */
/*  -------------------------------------------------------------------------------------[ FORM ] */
/* ---------------------------------------------------------------------------------------------] */

.customForm input::placeholder {
	color: var(--bs-body-color);
	opacity: 1; 
}

.customForm .form-control {
	border: 0px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	background-color: transparent;
}

.customForm .form-group.position-relative label {
	position: absolute;
	right: 0;
	bottom: -25px;
}

.customForm .form-group.hasError .custom-file-input,
.customForm .form-group.hasError input,
.customForm .form-group.hasError select {
	border-bottom: 2px solid var(--color-custom-danger) !important;
}

.customForm .custom-file-input {
	color: var(--bs-body-color);
	border: 0px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	background-color: transparent;
	font-size: 0.85rem;
	line-height: 1.85;
	padding: .375rem .75rem;
	font-weight: 400;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

/*
* Filter
*/

.form-filter .form-label {
	width: 180px !important;
}

.form-filter select {
	background: #eaeaea;
}

.form-filter .icon-select {
	position: absolute;
	right: 30px;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ----------------------------------------------------------------------------------[ BANNERS ] */
/* ---------------------------------------------------------------------------------------------] */

.banners-desktop-custom-controls-container {
	position: absolute;
	bottom: 190px; 
	left: 0;
	right: 0;
	z-index: 10; 
}

.banners-desktop-custom-controls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 20px;
}

.banners-desktop-custom-nav {
	display: flex;
	gap: 10px; 
}

.banners-desktop-custom-nav button {
	background: #fff;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	font-size: 28px;
	transition: background 0.3s ease;
	color: black;
	padding: 10px 10.5px;
}

.banners-desktop-custom-nav button i {
	height: 1px;
}

.banners-desktop-custom-nav button:hover {
	background: rgba(255, 255, 255, 0.8);
}

.banners-desktop-custom-dots {
	display: flex;
	gap: 10px; 
	margin-left: 25px; 
}

.banners-desktop-custom-dots .dot {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s ease;
}

.banners-desktop-custom-dots .dot.active {
	background: #fff; 
}

/**/

.banners-colors-desktop-custom-controls-container {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	z-index: 10;
}

.banners-colors-desktop-custom-controls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 20px;
}

.banners-colors-desktop-custom-nav {
	display: flex;
	gap: 10px; 
}

.banners-colors-desktop-custom-nav button {
	background: #fff;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	font-size: 28px;
	transition: background 0.3s ease;
	color: black;
	padding: 10px 10.5px;
}

.banners-colors-desktop-custom-nav button i {
	height: 1px;
}

.banners-colors-desktop-custom-nav button:hover {
	background: rgba(255, 255, 255, 0.8);
}

.banners-colors-desktop-custom-dots {
	display: flex;
	gap: 10px; 
	margin-left: 25px; 
}

.banners-colors-desktop-custom-dots .dot {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s ease;
}

.banners-colors-desktop-custom-dots .dot.active {
	background: #fff; 
}

/**/

.custom-nav-suppliers {
	position: absolute; 
	top: 50%; 
	left: 0; 
	right: 0; 
	transform: translateY(-50%); 
	z-index: 10; 
	display: flex;
	justify-content: space-between; 
}

.custom-nav-suppliers button {
	background: #fff;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	font-size: 28px;
	transition: background 0.3s ease;
	color: black;
	padding: 10px 10.5px;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.custom-nav-suppliers button:hover {
	background: rgba(0, 0, 0, 0.125); 
}

/* ---------------------------------------------------------------------------------------------] */
/*  ------------------------------------------------------------------------------------[ ICONS ] */
/* ---------------------------------------------------------------------------------------------] */

.icon-custom-download {
	border: 1px solid #d9d9d9 !important;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ---------------------------------------------------------------------------------[ END FILE ] */
/* ---------------------------------------------------------------------------------------------] */