/*	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	CORE/STYLE/CLASSES.CSS
	––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/**
 * VISIOFRAMEWORK
 * This file is part of VISIOFRAMEWORK.
 * @package		visioframework
 * @author		Agência Visio <contato@agenciavisio.com.br>
 * @copyright	Copyright (c) 2023-present. M. Souza & Souza LTDA. (CNPJ: 21.284.748/0001-33). All rights reserved.
 * @license		Proprietary
 * @link		https://www.agenciavisio.com.br
 */

/* #region		COLOR SHADE EXTENSIONS

	Bootstrap 5 exposes its base colors as CSS variables (--bs-yellow,
	--bs-blue, etc.) but ONLY exposes shade variants (100-900) for the
	gray family. The shade values for the other named colors exist in
	Bootstrap's Sass color map but aren't compiled into the CSS bundle.

	We define them here so the framework's shade utilities (bcp-yellow-200,
	cp-yellow-200, etc.) can reference them via var() — matching the
	pattern already used for grays. Values mirror Bootstrap 5.3's color
	map exactly so the palette stays aligned with the rest of the
	framework's chrome. */
:root {
	--bs-blue-100	: #cfe2ff;
	--bs-blue-200	: #9ec5fe;
	--bs-blue-300	: #6ea8fe;
	--bs-blue-400	: #3d8bfd;
	--bs-blue-500	: #0d6efd;
	--bs-blue-600	: #0a58ca;
	--bs-blue-700	: #084298;
	--bs-blue-800	: #052c65;
	--bs-blue-900	: #031633;

	--bs-indigo-100	: #e0cffc;
	--bs-indigo-200	: #c29ffa;
	--bs-indigo-300	: #a370f7;
	--bs-indigo-400	: #8540f5;
	--bs-indigo-500	: #6610f2;
	--bs-indigo-600	: #520dc2;
	--bs-indigo-700	: #3d0a91;
	--bs-indigo-800	: #290661;
	--bs-indigo-900	: #1a0330;

	--bs-purple-100	: #e2d9f3;
	--bs-purple-200	: #c5b3e6;
	--bs-purple-300	: #a98eda;
	--bs-purple-400	: #8c68cd;
	--bs-purple-500	: #6f42c1;
	--bs-purple-600	: #59359a;
	--bs-purple-700	: #432874;
	--bs-purple-800	: #2c1b4d;
	--bs-purple-900	: #160d27;

	--bs-pink-100	: #f7d6e6;
	--bs-pink-200	: #efadce;
	--bs-pink-300	: #e685b5;
	--bs-pink-400	: #de5c9d;
	--bs-pink-500	: #d63384;
	--bs-pink-600	: #ab296a;
	--bs-pink-700	: #80214f;
	--bs-pink-800	: #561435;
	--bs-pink-900	: #2b0a1a;

	--bs-red-100	: #f8d7da;
	--bs-red-200	: #f1aeb5;
	--bs-red-300	: #ea868f;
	--bs-red-400	: #e35d6a;
	--bs-red-500	: #dc3545;
	--bs-red-600	: #b02a37;
	--bs-red-700	: #842029;
	--bs-red-800	: #58151c;
	--bs-red-900	: #2c0b0e;

	--bs-orange-100	: #ffe5d0;
	--bs-orange-200	: #fecba1;
	--bs-orange-300	: #feb272;
	--bs-orange-400	: #fd9843;
	--bs-orange-500	: #fd7e14;
	--bs-orange-600	: #ca6510;
	--bs-orange-700	: #984c0c;
	--bs-orange-800	: #653307;
	--bs-orange-900	: #321a04;

	--bs-yellow-100	: #fff3cd;
	--bs-yellow-200	: #ffe69c;
	--bs-yellow-300	: #ffda6a;
	--bs-yellow-400	: #ffcd39;
	--bs-yellow-500	: #ffc107;
	--bs-yellow-600	: #cc9a06;
	--bs-yellow-700	: #997404;
	--bs-yellow-800	: #664d03;
	--bs-yellow-900	: #332701;

	--bs-green-100	: #d1e7dd;
	--bs-green-200	: #a3cfbb;
	--bs-green-300	: #75b798;
	--bs-green-400	: #479f76;
	--bs-green-500	: #198754;
	--bs-green-600	: #146c43;
	--bs-green-700	: #0f5132;
	--bs-green-800	: #0a3622;
	--bs-green-900	: #051b11;

	--bs-teal-100	: #d2f4ea;
	--bs-teal-200	: #a6e9d5;
	--bs-teal-300	: #79dfc1;
	--bs-teal-400	: #4dd4ac;
	--bs-teal-500	: #20c997;
	--bs-teal-600	: #1aa179;
	--bs-teal-700	: #15795b;
	--bs-teal-800	: #0d4d3a;
	--bs-teal-900	: #062719;

	--bs-cyan-100	: #cff4fc;
	--bs-cyan-200	: #9eeaf9;
	--bs-cyan-300	: #6edff6;
	--bs-cyan-400	: #3dd5f3;
	--bs-cyan-500	: #0dcaf0;
	--bs-cyan-600	: #0aa2c0;
	--bs-cyan-700	: #087990;
	--bs-cyan-800	: #055160;
	--bs-cyan-900	: #032830;
}

/* #endregion	COLOR SHADE EXTENSIONS */

/* #region		ABSOLUTE HEIGHT */

[class^='ah-'],
[class*=' ah-'] {
	height: var(--absolute-height) !important;
}

.ah-shorter {
	--absolute-height: 720px;
}

.ah-short {
	--absolute-height: 720px;
}

.ah-medium {
	--absolute-height: 720px;
}

.ah-tall {
	--absolute-height: 720px;
}

.ah-taller {
	--absolute-height: 720px;
}

/* #endregion	ABSOLUTE HEIGHT */

/* #region		MIN HEIGHT (viewport-relative)
	Bootstrap 5 ships only min-vh-100 natively. The framework's MinHeight enum
	exposes additional viewport-relative breakpoints; the matching utilities
	live here. min-h-0 is also defined for explicit overrides since Bootstrap
	does not provide one (it has h-0 via the height utility, not min-height). */

.min-h-0	{ min-height:   0			!important; }
.min-vh-25	{ min-height:  25vh			!important; }
.min-vh-50	{ min-height:  50vh			!important; }
.min-vh-75	{ min-height:  75vh			!important; }
/* min-vh-100 is provided by Bootstrap */

/* #endregion	MIN HEIGHT */

/* #region		BOX AND BACKDROP */

.box {
	min-height		: 2px;																		/* testing "min-height" */
	position		: relative;
	overflow		: hidden											!important;
	text-overflow	: ellipsis											!important;
	clip-path		: none;																		/* Testando "Fallback for unsupported or loading cases" */
	clip-path		: inset(-0.1% round var(--box-rounded))				!important;				/* Testando a dica do inset, pois disse que xywh é inválido */
	/* clip-path		: xywh(0% 0% 100% 100% round var(--box-rounded))	!important; */		/* ARQUIVO NOVO, AO SUPRIMIR, FUNCIONA */
	--box-rounded	: 0;
}

a.box {
	display: flex;
}

/*	iOS compatibility */
.box {
	will-change: opacity !important;
}

.box.rounded-1 {
	--box-rounded: var(--bs-border-radius-sm) !important;
}

.box.rounded-2 {
	--box-rounded: var(--bs-border-radius) !important;
}

.box.rounded-3 {
	--box-rounded: var(--bs-border-radius-lg) !important;
}

.box.rounded-4 {
	--box-rounded: var(--bs-border-radius-xl) !important;
}

.box.rounded-5 {
	--box-rounded: var(--bs-border-radius-2xl) !important;
}

/*	Stop backdrop image from overflowing into the border box */
.box .backdrop {
	clip-path	: none;											/* Testando "Fallback for  or loading cases" */
	clip-path	: inset(-0.1%)	!important;						/* Testando a dica do inset, pois disse que xywh é inválido */
	/* clip-path	: content-box !important; */				/* ARQUIVO NOVO, AO SUPRIMIR, FUNCIONA */
	/* clip-path	: xywh(0% 0% 100% 100%) !important */		/* ARQUIVO ANTIGO, FUNCIONANDO PERFEITAMENTE */
}

.backdrop {
	transition: opacity var(--transition-3) transform 500ms !important;
}

/* #endregion	BOX AND BACKDROP */

/* #region		BACKGROUND COLOR */

/* Fallback color */
[class^='bcp-'],
[class*=' bcp-'] {	
	--background-color-primary: transparent;
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='bcp-']:not([class*=' bcs-']),
[class*=' bcp-']:not([class^='bcs-']):not([class*=' bcs-']) {
	background-color: var(--background-color-primary) !important;
}

/* Element has secondary color (has gradient) */
[class^='bcs-'],
[class*=' bcs-'] {
	background-image				: linear-gradient(
		var(--background-color-direction),
		var(--background-color-primary),
		var(--background-color-secondary)
	);
	background-color				: transparent !important;
	--background-color-primary		: transparent;
	--background-color-secondary	: transparent;
	--background-color-direction	: to right;
}

/* #endregion	BACKGROUND COLOR */

/* #region		BACKGROUND COLOR PRIMARY */

.bcp-low-light-1 {
	--background-color-primary: var(--RGBA-background-low-light-1) !important;
}

.bcp-low-light-2 {
	--background-color-primary: var(--RGBA-background-low-light-2) !important;
}

.bcp-low-light-3 {
	--background-color-primary: var(--RGBA-background-low-light-3) !important;
}

.bcp-low-light-4 {
	--background-color-primary: var(--RGBA-background-low-light-4) !important;
}

.bcp-low-light-5 {
	--background-color-primary: var(--RGBA-background-low-light-5) !important;
}

.bcp-low-light-6 {
	--background-color-primary: var(--RGBA-background-low-light-6) !important;
}

.bcp-low-light-7 {
	--background-color-primary: var(--RGBA-background-low-light-7) !important;
}

.bcp-low-light-8 {
	--background-color-primary: var(--RGBA-background-low-light-8) !important;
}

.bcp-low-light-9 {
	--background-color-primary: var(--RGBA-background-low-light-9) !important;
}

.bcp-low-light-10 {
	--background-color-primary: var(--RGBA-background-low-light-10) !important;
}

.bcp-low-light-11 {
	--background-color-primary: var(--RGBA-background-low-light-11) !important;
}

.bcp-low-light-12 {
	--background-color-primary: var(--RGBA-background-low-light-12) !important;
}

.bcp-low-light-13 {
	--background-color-primary: var(--RGBA-background-low-light-13) !important;
}

.bcp-low-light-14 {
	--background-color-primary: var(--RGBA-background-low-light-14) !important;
}

.bcp-low-light-15 {
	--background-color-primary: var(--RGBA-background-low-light-15) !important;
}

.bcp-low-dark-1 {
	--background-color-primary: var(--RGBA-background-low-dark-1) !important;
}

.bcp-low-dark-2 {
	--background-color-primary: var(--RGBA-background-low-dark-2) !important;
}

.bcp-low-dark-3 {
	--background-color-primary: var(--RGBA-background-low-dark-3) !important;
}

.bcp-low-dark-4 {
	--background-color-primary: var(--RGBA-background-low-dark-4) !important;
}

.bcp-low-dark-5 {
	--background-color-primary: var(--RGBA-background-low-dark-5) !important;
}

.bcp-low-dark-6 {
	--background-color-primary: var(--RGBA-background-low-dark-6) !important;
}

.bcp-low-dark-7 {
	--background-color-primary: var(--RGBA-background-low-dark-7) !important;
}

.bcp-low-dark-8 {
	--background-color-primary: var(--RGBA-background-low-dark-8) !important;
}

.bcp-low-dark-9 {
	--background-color-primary: var(--RGBA-background-low-dark-9) !important;
}

.bcp-low-dark-10 {
	--background-color-primary: var(--RGBA-background-low-dark-10) !important;
}

.bcp-low-dark-11 {
	--background-color-primary: var(--RGBA-background-low-dark-11) !important;
}

.bcp-low-dark-12 {
	--background-color-primary: var(--RGBA-background-low-dark-12) !important;
}

.bcp-low-dark-13 {
	--background-color-primary: var(--RGBA-background-low-dark-13) !important;
}

.bcp-low-dark-14 {
	--background-color-primary: var(--RGBA-background-low-dark-14) !important;
}

.bcp-low-dark-15 {
	--background-color-primary: var(--RGBA-background-low-dark-15) !important;
}

.bcp-high-light-1 {
	--background-color-primary: var(--RGBA-background-high-light-1) !important;
}

.bcp-high-light-2 {
	--background-color-primary: var(--RGBA-background-high-light-2) !important;
}

.bcp-high-light-3 {
	--background-color-primary: var(--RGBA-background-high-light-3) !important;
}

.bcp-high-light-4 {
	--background-color-primary: var(--RGBA-background-high-light-4) !important;
}

.bcp-high-light-5 {
	--background-color-primary: var(--RGBA-background-high-light-5) !important;
}

.bcp-high-light-6 {
	--background-color-primary: var(--RGBA-background-high-light-6) !important;
}

.bcp-high-light-7 {
	--background-color-primary: var(--RGBA-background-high-light-7) !important;
}

.bcp-high-light-8 {
	--background-color-primary: var(--RGBA-background-high-light-8) !important;
}

.bcp-high-light-9 {
	--background-color-primary: var(--RGBA-background-high-light-9) !important;
}

.bcp-high-light-10 {
	--background-color-primary: var(--RGBA-background-high-light-10) !important;
}

.bcp-high-light-11 {
	--background-color-primary: var(--RGBA-background-high-light-11) !important;
}

.bcp-high-light-12 {
	--background-color-primary: var(--RGBA-background-high-light-12) !important;
}

.bcp-high-light-13 {
	--background-color-primary: var(--RGBA-background-high-light-13) !important;
}

.bcp-high-light-14 {
	--background-color-primary: var(--RGBA-background-high-light-14) !important;
}

.bcp-high-light-15 {
	--background-color-primary: var(--RGBA-background-high-light-15) !important;
}

.bcp-high-dark-1 {
	--background-color-primary: var(--RGBA-background-high-dark-1) !important;
}

.bcp-high-dark-2 {
	--background-color-primary: var(--RGBA-background-high-dark-2) !important;
}

.bcp-high-dark-3 {
	--background-color-primary: var(--RGBA-background-high-dark-3) !important;
}

.bcp-high-dark-4 {
	--background-color-primary: var(--RGBA-background-high-dark-4) !important;
}

.bcp-high-dark-5 {
	--background-color-primary: var(--RGBA-background-high-dark-5) !important;
}

.bcp-high-dark-6 {
	--background-color-primary: var(--RGBA-background-high-dark-6) !important;
}

.bcp-high-dark-7 {
	--background-color-primary: var(--RGBA-background-high-dark-7) !important;
}

.bcp-high-dark-8 {
	--background-color-primary: var(--RGBA-background-high-dark-8) !important;
}

.bcp-high-dark-9 {
	--background-color-primary: var(--RGBA-background-high-dark-9) !important;
}

.bcp-high-dark-10 {
	--background-color-primary: var(--RGBA-background-high-dark-10) !important;
}

.bcp-high-dark-11 {
	--background-color-primary: var(--RGBA-background-high-dark-11) !important;
}

.bcp-high-dark-12 {
	--background-color-primary: var(--RGBA-background-high-dark-12) !important;
}

.bcp-high-dark-13 {
	--background-color-primary: var(--RGBA-background-high-dark-13) !important;
}

.bcp-high-dark-14 {
	--background-color-primary: var(--RGBA-background-high-dark-14) !important;
}

.bcp-high-dark-15 {
	--background-color-primary: var(--RGBA-background-high-dark-15) !important;
}

.bcp-button-light-1 {
	--background-color-primary: var(--RGBA-background-button-light-1) !important;
}

.bcp-button-light-2 {
	--background-color-primary: var(--RGBA-background-button-light-2) !important;
}

.bcp-button-light-3 {
	--background-color-primary: var(--RGBA-background-button-light-3) !important;
}

.bcp-button-light-4 {
	--background-color-primary: var(--RGBA-background-button-light-4) !important;
}

.bcp-button-light-5 {
	--background-color-primary: var(--RGBA-background-button-light-5) !important;
}

.bcp-button-light-6 {
	--background-color-primary: var(--RGBA-background-button-light-6) !important;
}

.bcp-button-light-7 {
	--background-color-primary: var(--RGBA-background-button-light-7) !important;
}

.bcp-button-light-8 {
	--background-color-primary: var(--RGBA-background-button-light-8) !important;
}

.bcp-button-light-9 {
	--background-color-primary: var(--RGBA-background-button-light-9) !important;
}

.bcp-button-light-10 {
	--background-color-primary: var(--RGBA-background-button-light-10) !important;
}

.bcp-button-light-11 {
	--background-color-primary: var(--RGBA-background-button-light-11) !important;
}

.bcp-button-light-12 {
	--background-color-primary: var(--RGBA-background-button-light-12) !important;
}

.bcp-button-light-13 {
	--background-color-primary: var(--RGBA-background-button-light-13) !important;
}

.bcp-button-light-14 {
	--background-color-primary: var(--RGBA-background-button-light-14) !important;
}

.bcp-button-light-15 {
	--background-color-primary: var(--RGBA-background-button-light-15) !important;
}

.bcp-button-dark-1 {
	--background-color-primary: var(--RGBA-background-button-dark-1) !important;
}

.bcp-button-dark-2 {
	--background-color-primary: var(--RGBA-background-button-dark-2) !important;
}

.bcp-button-dark-3 {
	--background-color-primary: var(--RGBA-background-button-dark-3) !important;
}

.bcp-button-dark-4 {
	--background-color-primary: var(--RGBA-background-button-dark-4) !important;
}

.bcp-button-dark-5 {
	--background-color-primary: var(--RGBA-background-button-dark-5) !important;
}

.bcp-button-dark-6 {
	--background-color-primary: var(--RGBA-background-button-dark-6) !important;
}

.bcp-button-dark-7 {
	--background-color-primary: var(--RGBA-background-button-dark-7) !important;
}

.bcp-button-dark-8 {
	--background-color-primary: var(--RGBA-background-button-dark-8) !important;
}

.bcp-button-dark-9 {
	--background-color-primary: var(--RGBA-background-button-dark-9) !important;
}

.bcp-button-dark-10 {
	--background-color-primary: var(--RGBA-background-button-dark-10) !important;
}

.bcp-button-dark-11 {
	--background-color-primary: var(--RGBA-background-button-dark-11) !important;
}

.bcp-button-dark-12 {
	--background-color-primary: var(--RGBA-background-button-dark-12) !important;
}

.bcp-button-dark-13 {
	--background-color-primary: var(--RGBA-background-button-dark-13) !important;
}

.bcp-button-dark-14 {
	--background-color-primary: var(--RGBA-background-button-dark-14) !important;
}

.bcp-button-dark-15 {
	--background-color-primary: var(--RGBA-background-button-dark-15) !important;
}

.bcp-transparent {
	--background-color-primary: transparent !important;
}

.bcp-blue {
	--background-color-primary: var(--bs-blue) !important;
}
.bcp-blue-100 { --background-color-primary: var(--bs-blue-100) !important; }
.bcp-blue-200 { --background-color-primary: var(--bs-blue-200) !important; }
.bcp-blue-300 { --background-color-primary: var(--bs-blue-300) !important; }
.bcp-blue-400 { --background-color-primary: var(--bs-blue-400) !important; }
.bcp-blue-500 { --background-color-primary: var(--bs-blue-500) !important; }
.bcp-blue-600 { --background-color-primary: var(--bs-blue-600) !important; }
.bcp-blue-700 { --background-color-primary: var(--bs-blue-700) !important; }
.bcp-blue-800 { --background-color-primary: var(--bs-blue-800) !important; }
.bcp-blue-900 { --background-color-primary: var(--bs-blue-900) !important; }

.bcp-indigo {
	--background-color-primary: var(--bs-indigo) !important;
}
.bcp-indigo-100 { --background-color-primary: var(--bs-indigo-100) !important; }
.bcp-indigo-200 { --background-color-primary: var(--bs-indigo-200) !important; }
.bcp-indigo-300 { --background-color-primary: var(--bs-indigo-300) !important; }
.bcp-indigo-400 { --background-color-primary: var(--bs-indigo-400) !important; }
.bcp-indigo-500 { --background-color-primary: var(--bs-indigo-500) !important; }
.bcp-indigo-600 { --background-color-primary: var(--bs-indigo-600) !important; }
.bcp-indigo-700 { --background-color-primary: var(--bs-indigo-700) !important; }
.bcp-indigo-800 { --background-color-primary: var(--bs-indigo-800) !important; }
.bcp-indigo-900 { --background-color-primary: var(--bs-indigo-900) !important; }

.bcp-purple {
	--background-color-primary: var(--bs-purple) !important;
}
.bcp-purple-100 { --background-color-primary: var(--bs-purple-100) !important; }
.bcp-purple-200 { --background-color-primary: var(--bs-purple-200) !important; }
.bcp-purple-300 { --background-color-primary: var(--bs-purple-300) !important; }
.bcp-purple-400 { --background-color-primary: var(--bs-purple-400) !important; }
.bcp-purple-500 { --background-color-primary: var(--bs-purple-500) !important; }
.bcp-purple-600 { --background-color-primary: var(--bs-purple-600) !important; }
.bcp-purple-700 { --background-color-primary: var(--bs-purple-700) !important; }
.bcp-purple-800 { --background-color-primary: var(--bs-purple-800) !important; }
.bcp-purple-900 { --background-color-primary: var(--bs-purple-900) !important; }

.bcp-pink {
	--background-color-primary: var(--bs-pink) !important;
}
.bcp-pink-100 { --background-color-primary: var(--bs-pink-100) !important; }
.bcp-pink-200 { --background-color-primary: var(--bs-pink-200) !important; }
.bcp-pink-300 { --background-color-primary: var(--bs-pink-300) !important; }
.bcp-pink-400 { --background-color-primary: var(--bs-pink-400) !important; }
.bcp-pink-500 { --background-color-primary: var(--bs-pink-500) !important; }
.bcp-pink-600 { --background-color-primary: var(--bs-pink-600) !important; }
.bcp-pink-700 { --background-color-primary: var(--bs-pink-700) !important; }
.bcp-pink-800 { --background-color-primary: var(--bs-pink-800) !important; }
.bcp-pink-900 { --background-color-primary: var(--bs-pink-900) !important; }

.bcp-red {
	--background-color-primary: var(--bs-red) !important;
}
.bcp-red-100 { --background-color-primary: var(--bs-red-100) !important; }
.bcp-red-200 { --background-color-primary: var(--bs-red-200) !important; }
.bcp-red-300 { --background-color-primary: var(--bs-red-300) !important; }
.bcp-red-400 { --background-color-primary: var(--bs-red-400) !important; }
.bcp-red-500 { --background-color-primary: var(--bs-red-500) !important; }
.bcp-red-600 { --background-color-primary: var(--bs-red-600) !important; }
.bcp-red-700 { --background-color-primary: var(--bs-red-700) !important; }
.bcp-red-800 { --background-color-primary: var(--bs-red-800) !important; }
.bcp-red-900 { --background-color-primary: var(--bs-red-900) !important; }

.bcp-orange {
	--background-color-primary: var(--bs-orange) !important;
}
.bcp-orange-100 { --background-color-primary: var(--bs-orange-100) !important; }
.bcp-orange-200 { --background-color-primary: var(--bs-orange-200) !important; }
.bcp-orange-300 { --background-color-primary: var(--bs-orange-300) !important; }
.bcp-orange-400 { --background-color-primary: var(--bs-orange-400) !important; }
.bcp-orange-500 { --background-color-primary: var(--bs-orange-500) !important; }
.bcp-orange-600 { --background-color-primary: var(--bs-orange-600) !important; }
.bcp-orange-700 { --background-color-primary: var(--bs-orange-700) !important; }
.bcp-orange-800 { --background-color-primary: var(--bs-orange-800) !important; }
.bcp-orange-900 { --background-color-primary: var(--bs-orange-900) !important; }

.bcp-yellow {
	--background-color-primary: var(--bs-yellow) !important;
}

.bcp-yellow-100 { --background-color-primary: var(--bs-yellow-100) !important; }
.bcp-yellow-200 { --background-color-primary: var(--bs-yellow-200) !important; }
.bcp-yellow-300 { --background-color-primary: var(--bs-yellow-300) !important; }
.bcp-yellow-400 { --background-color-primary: var(--bs-yellow-400) !important; }
.bcp-yellow-500 { --background-color-primary: var(--bs-yellow-500) !important; }
.bcp-yellow-600 { --background-color-primary: var(--bs-yellow-600) !important; }
.bcp-yellow-700 { --background-color-primary: var(--bs-yellow-700) !important; }
.bcp-yellow-800 { --background-color-primary: var(--bs-yellow-800) !important; }
.bcp-yellow-900 { --background-color-primary: var(--bs-yellow-900) !important; }

.bcp-green {
	--background-color-primary: var(--bs-green) !important;
}
.bcp-green-100 { --background-color-primary: var(--bs-green-100) !important; }
.bcp-green-200 { --background-color-primary: var(--bs-green-200) !important; }
.bcp-green-300 { --background-color-primary: var(--bs-green-300) !important; }
.bcp-green-400 { --background-color-primary: var(--bs-green-400) !important; }
.bcp-green-500 { --background-color-primary: var(--bs-green-500) !important; }
.bcp-green-600 { --background-color-primary: var(--bs-green-600) !important; }
.bcp-green-700 { --background-color-primary: var(--bs-green-700) !important; }
.bcp-green-800 { --background-color-primary: var(--bs-green-800) !important; }
.bcp-green-900 { --background-color-primary: var(--bs-green-900) !important; }

.bcp-teal {
	--background-color-primary: var(--bs-teal) !important;
}
.bcp-teal-100 { --background-color-primary: var(--bs-teal-100) !important; }
.bcp-teal-200 { --background-color-primary: var(--bs-teal-200) !important; }
.bcp-teal-300 { --background-color-primary: var(--bs-teal-300) !important; }
.bcp-teal-400 { --background-color-primary: var(--bs-teal-400) !important; }
.bcp-teal-500 { --background-color-primary: var(--bs-teal-500) !important; }
.bcp-teal-600 { --background-color-primary: var(--bs-teal-600) !important; }
.bcp-teal-700 { --background-color-primary: var(--bs-teal-700) !important; }
.bcp-teal-800 { --background-color-primary: var(--bs-teal-800) !important; }
.bcp-teal-900 { --background-color-primary: var(--bs-teal-900) !important; }

.bcp-cyan {
	--background-color-primary: var(--bs-cyan) !important;
}
.bcp-cyan-100 { --background-color-primary: var(--bs-cyan-100) !important; }
.bcp-cyan-200 { --background-color-primary: var(--bs-cyan-200) !important; }
.bcp-cyan-300 { --background-color-primary: var(--bs-cyan-300) !important; }
.bcp-cyan-400 { --background-color-primary: var(--bs-cyan-400) !important; }
.bcp-cyan-500 { --background-color-primary: var(--bs-cyan-500) !important; }
.bcp-cyan-600 { --background-color-primary: var(--bs-cyan-600) !important; }
.bcp-cyan-700 { --background-color-primary: var(--bs-cyan-700) !important; }
.bcp-cyan-800 { --background-color-primary: var(--bs-cyan-800) !important; }
.bcp-cyan-900 { --background-color-primary: var(--bs-cyan-900) !important; }

.bcp-black {
	--background-color-primary: var(--bs-black) !important;
}

.bcp-white {
	--background-color-primary: var(--bs-white) !important;
}

.bcp-gray {
	--background-color-primary: var(--bs-gray) !important;
}

.bcp-gray-100 {
	--background-color-primary: var(--bs-gray-100) !important;
}

.bcp-gray-200 {
	--background-color-primary: var(--bs-gray-200) !important;
}

.bcp-gray-300 {
	--background-color-primary: var(--bs-gray-300) !important;
}

.bcp-gray-400 {
	--background-color-primary: var(--bs-gray-400) !important;
}

.bcp-gray-500 {
	--background-color-primary: var(--bs-gray-500) !important;
}

.bcp-gray-600 {
	--background-color-primary: var(--bs-gray-600) !important;
}

.bcp-gray-700 {
	--background-color-primary: var(--bs-gray-700) !important;
}

.bcp-gray-800 {
	--background-color-primary: var(--bs-gray-800) !important;
}

.bcp-gray-900 {
	--background-color-primary: var(--bs-gray-900) !important;
}

.bcp-whatsapp {
	--background-color-primary: var(--color-whatsapp) !important;
}

/* #endregion	BACKGROUND COLOR PRIMARY */

/* #region		BACKGROUND COLOR SECONDARY */

.bcs-low-light-1 {
	--background-color-secondary: var(--RGBA-background-low-light-1) !important;
}

.bcs-low-light-2 {
	--background-color-secondary: var(--RGBA-background-low-light-2) !important;
}

.bcs-low-light-3 {
	--background-color-secondary: var(--RGBA-background-low-light-3) !important;
}

.bcs-low-light-4 {
	--background-color-secondary: var(--RGBA-background-low-light-4) !important;
}

.bcs-low-light-5 {
	--background-color-secondary: var(--RGBA-background-low-light-5) !important;
}

.bcs-low-light-6 {
	--background-color-secondary: var(--RGBA-background-low-light-6) !important;
}

.bcs-low-light-7 {
	--background-color-secondary: var(--RGBA-background-low-light-7) !important;
}

.bcs-low-light-8 {
	--background-color-secondary: var(--RGBA-background-low-light-8) !important;
}

.bcs-low-light-9 {
	--background-color-secondary: var(--RGBA-background-low-light-9) !important;
}

.bcs-low-light-10 {
	--background-color-secondary: var(--RGBA-background-low-light-10) !important;
}

.bcs-low-light-11 {
	--background-color-secondary: var(--RGBA-background-low-light-11) !important;
}

.bcs-low-light-12 {
	--background-color-secondary: var(--RGBA-background-low-light-12) !important;
}

.bcs-low-light-13 {
	--background-color-secondary: var(--RGBA-background-low-light-13) !important;
}

.bcs-low-light-14 {
	--background-color-secondary: var(--RGBA-background-low-light-14) !important;
}

.bcs-low-light-15 {
	--background-color-secondary: var(--RGBA-background-low-light-15) !important;
}

.bcs-low-dark-1 {
	--background-color-secondary: var(--RGBA-background-low-dark-1) !important;
}

.bcs-low-dark-2 {
	--background-color-secondary: var(--RGBA-background-low-dark-2) !important;
}

.bcs-low-dark-3 {
	--background-color-secondary: var(--RGBA-background-low-dark-3) !important;
}

.bcs-low-dark-4 {
	--background-color-secondary: var(--RGBA-background-low-dark-4) !important;
}

.bcs-low-dark-5 {
	--background-color-secondary: var(--RGBA-background-low-dark-5) !important;
}

.bcs-low-dark-6 {
	--background-color-secondary: var(--RGBA-background-low-dark-6) !important;
}

.bcs-low-dark-7 {
	--background-color-secondary: var(--RGBA-background-low-dark-7) !important;
}

.bcs-low-dark-8 {
	--background-color-secondary: var(--RGBA-background-low-dark-8) !important;
}

.bcs-low-dark-9 {
	--background-color-secondary: var(--RGBA-background-low-dark-9) !important;
}

.bcs-low-dark-10 {
	--background-color-secondary: var(--RGBA-background-low-dark-10) !important;
}

.bcs-low-dark-11 {
	--background-color-secondary: var(--RGBA-background-low-dark-11) !important;
}

.bcs-low-dark-12 {
	--background-color-secondary: var(--RGBA-background-low-dark-12) !important;
}

.bcs-low-dark-13 {
	--background-color-secondary: var(--RGBA-background-low-dark-13) !important;
}

.bcs-low-dark-14 {
	--background-color-secondary: var(--RGBA-background-low-dark-14) !important;
}

.bcs-low-dark-15 {
	--background-color-secondary: var(--RGBA-background-low-dark-15) !important;
}

.bcs-high-light-1 {
	--background-color-secondary: var(--RGBA-background-high-light-1) !important;
}

.bcs-high-light-2 {
	--background-color-secondary: var(--RGBA-background-high-light-2) !important;
}

.bcs-high-light-3 {
	--background-color-secondary: var(--RGBA-background-high-light-3) !important;
}

.bcs-high-light-4 {
	--background-color-secondary: var(--RGBA-background-high-light-4) !important;
}

.bcs-high-light-5 {
	--background-color-secondary: var(--RGBA-background-high-light-5) !important;
}

.bcs-high-light-6 {
	--background-color-secondary: var(--RGBA-background-high-light-6) !important;
}

.bcs-high-light-7 {
	--background-color-secondary: var(--RGBA-background-high-light-7) !important;
}

.bcs-high-light-8 {
	--background-color-secondary: var(--RGBA-background-high-light-8) !important;
}

.bcs-high-light-9 {
	--background-color-secondary: var(--RGBA-background-high-light-9) !important;
}

.bcs-high-light-10 {
	--background-color-secondary: var(--RGBA-background-high-light-10) !important;
}

.bcs-high-light-11 {
	--background-color-secondary: var(--RGBA-background-high-light-11) !important;
}

.bcs-high-light-12 {
	--background-color-secondary: var(--RGBA-background-high-light-12) !important;
}

.bcs-high-light-13 {
	--background-color-secondary: var(--RGBA-background-high-light-13) !important;
}

.bcs-high-light-14 {
	--background-color-secondary: var(--RGBA-background-high-light-14) !important;
}

.bcs-high-light-15 {
	--background-color-secondary: var(--RGBA-background-high-light-15) !important;
}

.bcs-high-dark-1 {
	--background-color-secondary: var(--RGBA-background-high-dark-1) !important;
}

.bcs-high-dark-2 {
	--background-color-secondary: var(--RGBA-background-high-dark-2) !important;
}

.bcs-high-dark-3 {
	--background-color-secondary: var(--RGBA-background-high-dark-3) !important;
}

.bcs-high-dark-4 {
	--background-color-secondary: var(--RGBA-background-high-dark-4) !important;
}

.bcs-high-dark-5 {
	--background-color-secondary: var(--RGBA-background-high-dark-5) !important;
}

.bcs-high-dark-6 {
	--background-color-secondary: var(--RGBA-background-high-dark-6) !important;
}

.bcs-high-dark-7 {
	--background-color-secondary: var(--RGBA-background-high-dark-7) !important;
}

.bcs-high-dark-8 {
	--background-color-secondary: var(--RGBA-background-high-dark-8) !important;
}

.bcs-high-dark-9 {
	--background-color-secondary: var(--RGBA-background-high-dark-9) !important;
}

.bcs-high-dark-10 {
	--background-color-secondary: var(--RGBA-background-high-dark-10) !important;
}

.bcs-high-dark-11 {
	--background-color-secondary: var(--RGBA-background-high-dark-11) !important;
}

.bcs-high-dark-12 {
	--background-color-secondary: var(--RGBA-background-high-dark-12) !important;
}

.bcs-high-dark-13 {
	--background-color-secondary: var(--RGBA-background-high-dark-13) !important;
}

.bcs-high-dark-14 {
	--background-color-secondary: var(--RGBA-background-high-dark-14) !important;
}

.bcs-high-dark-15 {
	--background-color-secondary: var(--RGBA-background-high-dark-15) !important;
}

.bcs-button-light-1 {
	--background-color-secondary: var(--RGBA-background-button-light-1) !important;
}

.bcs-button-light-2 {
	--background-color-secondary: var(--RGBA-background-button-light-2) !important;
}

.bcs-button-light-3 {
	--background-color-secondary: var(--RGBA-background-button-light-3) !important;
}

.bcs-button-light-4 {
	--background-color-secondary: var(--RGBA-background-button-light-4) !important;
}

.bcs-button-light-5 {
	--background-color-secondary: var(--RGBA-background-button-light-5) !important;
}

.bcs-button-light-6 {
	--background-color-secondary: var(--RGBA-background-button-light-6) !important;
}

.bcs-button-light-7 {
	--background-color-secondary: var(--RGBA-background-button-light-7) !important;
}

.bcs-button-light-8 {
	--background-color-secondary: var(--RGBA-background-button-light-8) !important;
}

.bcs-button-light-9 {
	--background-color-secondary: var(--RGBA-background-button-light-9) !important;
}

.bcs-button-light-10 {
	--background-color-secondary: var(--RGBA-background-button-light-10) !important;
}

.bcs-button-light-11 {
	--background-color-secondary: var(--RGBA-background-button-light-11) !important;
}

.bcs-button-light-12 {
	--background-color-secondary: var(--RGBA-background-button-light-12) !important;
}

.bcs-button-light-13 {
	--background-color-secondary: var(--RGBA-background-button-light-13) !important;
}

.bcs-button-light-14 {
	--background-color-secondary: var(--RGBA-background-button-light-14) !important;
}

.bcs-button-light-15 {
	--background-color-secondary: var(--RGBA-background-button-light-15) !important;
}

.bcs-button-dark-1 {
	--background-color-secondary: var(--RGBA-background-button-dark-1) !important;
}

.bcs-button-dark-2 {
	--background-color-secondary: var(--RGBA-background-button-dark-2) !important;
}

.bcs-button-dark-3 {
	--background-color-secondary: var(--RGBA-background-button-dark-3) !important;
}

.bcs-button-dark-4 {
	--background-color-secondary: var(--RGBA-background-button-dark-4) !important;
}

.bcs-button-dark-5 {
	--background-color-secondary: var(--RGBA-background-button-dark-5) !important;
}

.bcs-button-dark-6 {
	--background-color-secondary: var(--RGBA-background-button-dark-6) !important;
}

.bcs-button-dark-7 {
	--background-color-secondary: var(--RGBA-background-button-dark-7) !important;
}

.bcs-button-dark-8 {
	--background-color-secondary: var(--RGBA-background-button-dark-8) !important;
}

.bcs-button-dark-9 {
	--background-color-secondary: var(--RGBA-background-button-dark-9) !important;
}

.bcs-button-dark-10 {
	--background-color-secondary: var(--RGBA-background-button-dark-10) !important;
}

.bcs-button-dark-11 {
	--background-color-secondary: var(--RGBA-background-button-dark-11) !important;
}

.bcs-button-dark-12 {
	--background-color-secondary: var(--RGBA-background-button-dark-12) !important;
}

.bcs-button-dark-13 {
	--background-color-secondary: var(--RGBA-background-button-dark-13) !important;
}

.bcs-button-dark-14 {
	--background-color-secondary: var(--RGBA-background-button-dark-14) !important;
}

.bcs-button-dark-15 {
	--background-color-secondary: var(--RGBA-background-button-dark-15) !important;
}

.bcs-transparent {
	--background-color-secondary: transparent !important;
}

.bcs-blue {
	--background-color-secondary: var(--bs-blue) !important;
}
.bcs-blue-100 { --background-color-secondary: var(--bs-blue-100) !important; }
.bcs-blue-200 { --background-color-secondary: var(--bs-blue-200) !important; }
.bcs-blue-300 { --background-color-secondary: var(--bs-blue-300) !important; }
.bcs-blue-400 { --background-color-secondary: var(--bs-blue-400) !important; }
.bcs-blue-500 { --background-color-secondary: var(--bs-blue-500) !important; }
.bcs-blue-600 { --background-color-secondary: var(--bs-blue-600) !important; }
.bcs-blue-700 { --background-color-secondary: var(--bs-blue-700) !important; }
.bcs-blue-800 { --background-color-secondary: var(--bs-blue-800) !important; }
.bcs-blue-900 { --background-color-secondary: var(--bs-blue-900) !important; }

.bcs-indigo {
	--background-color-secondary: var(--bs-indigo) !important;
}
.bcs-indigo-100 { --background-color-secondary: var(--bs-indigo-100) !important; }
.bcs-indigo-200 { --background-color-secondary: var(--bs-indigo-200) !important; }
.bcs-indigo-300 { --background-color-secondary: var(--bs-indigo-300) !important; }
.bcs-indigo-400 { --background-color-secondary: var(--bs-indigo-400) !important; }
.bcs-indigo-500 { --background-color-secondary: var(--bs-indigo-500) !important; }
.bcs-indigo-600 { --background-color-secondary: var(--bs-indigo-600) !important; }
.bcs-indigo-700 { --background-color-secondary: var(--bs-indigo-700) !important; }
.bcs-indigo-800 { --background-color-secondary: var(--bs-indigo-800) !important; }
.bcs-indigo-900 { --background-color-secondary: var(--bs-indigo-900) !important; }

.bcs-purple {
	--background-color-secondary: var(--bs-purple) !important;
}
.bcs-purple-100 { --background-color-secondary: var(--bs-purple-100) !important; }
.bcs-purple-200 { --background-color-secondary: var(--bs-purple-200) !important; }
.bcs-purple-300 { --background-color-secondary: var(--bs-purple-300) !important; }
.bcs-purple-400 { --background-color-secondary: var(--bs-purple-400) !important; }
.bcs-purple-500 { --background-color-secondary: var(--bs-purple-500) !important; }
.bcs-purple-600 { --background-color-secondary: var(--bs-purple-600) !important; }
.bcs-purple-700 { --background-color-secondary: var(--bs-purple-700) !important; }
.bcs-purple-800 { --background-color-secondary: var(--bs-purple-800) !important; }
.bcs-purple-900 { --background-color-secondary: var(--bs-purple-900) !important; }

.bcs-pink {
	--background-color-secondary: var(--bs-pink) !important;
}
.bcs-pink-100 { --background-color-secondary: var(--bs-pink-100) !important; }
.bcs-pink-200 { --background-color-secondary: var(--bs-pink-200) !important; }
.bcs-pink-300 { --background-color-secondary: var(--bs-pink-300) !important; }
.bcs-pink-400 { --background-color-secondary: var(--bs-pink-400) !important; }
.bcs-pink-500 { --background-color-secondary: var(--bs-pink-500) !important; }
.bcs-pink-600 { --background-color-secondary: var(--bs-pink-600) !important; }
.bcs-pink-700 { --background-color-secondary: var(--bs-pink-700) !important; }
.bcs-pink-800 { --background-color-secondary: var(--bs-pink-800) !important; }
.bcs-pink-900 { --background-color-secondary: var(--bs-pink-900) !important; }

.bcs-red {
	--background-color-secondary: var(--bs-red) !important;
}
.bcs-red-100 { --background-color-secondary: var(--bs-red-100) !important; }
.bcs-red-200 { --background-color-secondary: var(--bs-red-200) !important; }
.bcs-red-300 { --background-color-secondary: var(--bs-red-300) !important; }
.bcs-red-400 { --background-color-secondary: var(--bs-red-400) !important; }
.bcs-red-500 { --background-color-secondary: var(--bs-red-500) !important; }
.bcs-red-600 { --background-color-secondary: var(--bs-red-600) !important; }
.bcs-red-700 { --background-color-secondary: var(--bs-red-700) !important; }
.bcs-red-800 { --background-color-secondary: var(--bs-red-800) !important; }
.bcs-red-900 { --background-color-secondary: var(--bs-red-900) !important; }

.bcs-orange {
	--background-color-secondary: var(--bs-orange) !important;
}
.bcs-orange-100 { --background-color-secondary: var(--bs-orange-100) !important; }
.bcs-orange-200 { --background-color-secondary: var(--bs-orange-200) !important; }
.bcs-orange-300 { --background-color-secondary: var(--bs-orange-300) !important; }
.bcs-orange-400 { --background-color-secondary: var(--bs-orange-400) !important; }
.bcs-orange-500 { --background-color-secondary: var(--bs-orange-500) !important; }
.bcs-orange-600 { --background-color-secondary: var(--bs-orange-600) !important; }
.bcs-orange-700 { --background-color-secondary: var(--bs-orange-700) !important; }
.bcs-orange-800 { --background-color-secondary: var(--bs-orange-800) !important; }
.bcs-orange-900 { --background-color-secondary: var(--bs-orange-900) !important; }

.bcs-yellow {
	--background-color-secondary: var(--bs-yellow) !important;
}

.bcs-yellow-100 { --background-color-secondary: var(--bs-yellow-100) !important; }
.bcs-yellow-200 { --background-color-secondary: var(--bs-yellow-200) !important; }
.bcs-yellow-300 { --background-color-secondary: var(--bs-yellow-300) !important; }
.bcs-yellow-400 { --background-color-secondary: var(--bs-yellow-400) !important; }
.bcs-yellow-500 { --background-color-secondary: var(--bs-yellow-500) !important; }
.bcs-yellow-600 { --background-color-secondary: var(--bs-yellow-600) !important; }
.bcs-yellow-700 { --background-color-secondary: var(--bs-yellow-700) !important; }
.bcs-yellow-800 { --background-color-secondary: var(--bs-yellow-800) !important; }
.bcs-yellow-900 { --background-color-secondary: var(--bs-yellow-900) !important; }

.bcs-green {
	--background-color-secondary: var(--bs-green) !important;
}
.bcs-green-100 { --background-color-secondary: var(--bs-green-100) !important; }
.bcs-green-200 { --background-color-secondary: var(--bs-green-200) !important; }
.bcs-green-300 { --background-color-secondary: var(--bs-green-300) !important; }
.bcs-green-400 { --background-color-secondary: var(--bs-green-400) !important; }
.bcs-green-500 { --background-color-secondary: var(--bs-green-500) !important; }
.bcs-green-600 { --background-color-secondary: var(--bs-green-600) !important; }
.bcs-green-700 { --background-color-secondary: var(--bs-green-700) !important; }
.bcs-green-800 { --background-color-secondary: var(--bs-green-800) !important; }
.bcs-green-900 { --background-color-secondary: var(--bs-green-900) !important; }

.bcs-teal {
	--background-color-secondary: var(--bs-teal) !important;
}
.bcs-teal-100 { --background-color-secondary: var(--bs-teal-100) !important; }
.bcs-teal-200 { --background-color-secondary: var(--bs-teal-200) !important; }
.bcs-teal-300 { --background-color-secondary: var(--bs-teal-300) !important; }
.bcs-teal-400 { --background-color-secondary: var(--bs-teal-400) !important; }
.bcs-teal-500 { --background-color-secondary: var(--bs-teal-500) !important; }
.bcs-teal-600 { --background-color-secondary: var(--bs-teal-600) !important; }
.bcs-teal-700 { --background-color-secondary: var(--bs-teal-700) !important; }
.bcs-teal-800 { --background-color-secondary: var(--bs-teal-800) !important; }
.bcs-teal-900 { --background-color-secondary: var(--bs-teal-900) !important; }

.bcs-cyan {
	--background-color-secondary: var(--bs-cyan) !important;
}
.bcs-cyan-100 { --background-color-secondary: var(--bs-cyan-100) !important; }
.bcs-cyan-200 { --background-color-secondary: var(--bs-cyan-200) !important; }
.bcs-cyan-300 { --background-color-secondary: var(--bs-cyan-300) !important; }
.bcs-cyan-400 { --background-color-secondary: var(--bs-cyan-400) !important; }
.bcs-cyan-500 { --background-color-secondary: var(--bs-cyan-500) !important; }
.bcs-cyan-600 { --background-color-secondary: var(--bs-cyan-600) !important; }
.bcs-cyan-700 { --background-color-secondary: var(--bs-cyan-700) !important; }
.bcs-cyan-800 { --background-color-secondary: var(--bs-cyan-800) !important; }
.bcs-cyan-900 { --background-color-secondary: var(--bs-cyan-900) !important; }

.bcs-black {
	--background-color-secondary: var(--bs-black) !important;
}

.bcs-white {
	--background-color-secondary: var(--bs-white) !important;
}

.bcs-gray {
	--background-color-secondary: var(--bs-gray) !important;
}

.bcs-gray-100 {
	--background-color-secondary: var(--bs-gray-100) !important;
}

.bcs-gray-200 {
	--background-color-secondary: var(--bs-gray-200) !important;
}

.bcs-gray-300 {
	--background-color-secondary: var(--bs-gray-300) !important;
}

.bcs-gray-400 {
	--background-color-secondary: var(--bs-gray-400) !important;
}

.bcs-gray-500 {
	--background-color-secondary: var(--bs-gray-500) !important;
}

.bcs-gray-600 {
	--background-color-secondary: var(--bs-gray-600) !important;
}

.bcs-gray-700 {
	--background-color-secondary: var(--bs-gray-700) !important;
}

.bcs-gray-800 {
	--background-color-secondary: var(--bs-gray-800) !important;
}

.bcs-gray-900 {
	--background-color-secondary: var(--bs-gray-900) !important;
}

.bcs-whatsapp {
	--background-color-secondary: var(--color-whatsapp) !important;
}

/* #endregion	BACKGROUND COLOR SECONDARY */

/* #region		BACKGROUND COLOR DIRECTION */

.bcd-45 {
	--background-color-direction: 45deg !important;
}

.bcd-135 {
	--background-color-direction: 135deg !important;
}

.bcd-225 {
	--background-color-direction: 225deg !important;
}

.bcd-315 {
	--background-color-direction: 315deg !important;
}

.bcd-start {
	--background-color-direction: to right !important;
}

.bcd-top {
	--background-color-direction: to bottom !important;
}

.bcd-end {
	--background-color-direction: to left !important;
}

.bcd-bottom {
	--background-color-direction: to top !important;
}

/* #endregion	BACKGROUND COLOR GRADIENT */

/* #region		BORDER COLOR */

/* Fallback color */
[class^='bocp-'],
[class*=' bocp-'] {
	--border-color-primary: transparent; 
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='bocp-']:not([class*=' bocs-']),
[class*=' bocp-']:not([class^='bocs-']):not([class*=' bocs-']) {	
	border-color: var(--border-color-primary) !important;
}

/* Element has secondary color (has gradient) */
/* [class^='bocs-'],
[class*=' bocs-'] {
	background-image: linear-gradient(
		var(--border-color-direction),
		var(--border-color-primary),
		var(--border-color-secondary)
	) !important;
	background-color			: transparent !important;
	background-origin			: border-box;
	background-clip				: padding-box, border-box;
	--border-color-primary		: transparent;
	--border-color-secondary	: transparent;
	--border-color-direction	: to right;
} */

/* #endregion	BORDER COLOR */

/* #region		BORDER COLOR PRIMARY */

.bocp-large-light-1 {
	--border-color-primary: var(--RGBA-text-large-light-1) !important;
}

.bocp-large-light-2 {
	--border-color-primary: var(--RGBA-text-large-light-2) !important;
}

.bocp-large-light-3 {
	--border-color-primary: var(--RGBA-text-large-light-3) !important;
}

.bocp-large-light-4 {
	--border-color-primary: var(--RGBA-text-large-light-4) !important;
}

.bocp-large-light-5 {
	--border-color-primary: var(--RGBA-text-large-light-5) !important;
}

.bocp-large-light-6 {
	--border-color-primary: var(--RGBA-text-large-light-6) !important;
}

.bocp-large-light-7 {
	--border-color-primary: var(--RGBA-text-large-light-7) !important;
}

.bocp-large-light-8 {
	--border-color-primary: var(--RGBA-text-large-light-8) !important;
}

.bocp-large-light-9 {
	--border-color-primary: var(--RGBA-text-large-light-9) !important;
}

.bocp-large-light-10 {
	--border-color-primary: var(--RGBA-text-large-light-10) !important;
}

.bocp-large-light-11 {
	--border-color-primary: var(--RGBA-text-large-light-11) !important;
}

.bocp-large-light-12 {
	--border-color-primary: var(--RGBA-text-large-light-12) !important;
}

.bocp-large-light-13 {
	--border-color-primary: var(--RGBA-text-large-light-13) !important;
}

.bocp-large-light-14 {
	--border-color-primary: var(--RGBA-text-large-light-14) !important;
}

.bocp-large-light-15 {
	--border-color-primary: var(--RGBA-text-large-light-15) !important;
}

.bocp-large-dark-1 {
	--border-color-primary: var(--RGBA-text-large-dark-1) !important;
}

.bocp-large-dark-2 {
	--border-color-primary: var(--RGBA-text-large-dark-2) !important;
}

.bocp-large-dark-3 {
	--border-color-primary: var(--RGBA-text-large-dark-3) !important;
}

.bocp-large-dark-4 {
	--border-color-primary: var(--RGBA-text-large-dark-4) !important;
}

.bocp-large-dark-5 {
	--border-color-primary: var(--RGBA-text-large-dark-5) !important;
}

.bocp-large-dark-6 {
	--border-color-primary: var(--RGBA-text-large-dark-6) !important;
}

.bocp-large-dark-7 {
	--border-color-primary: var(--RGBA-text-large-dark-7) !important;
}

.bocp-large-dark-8 {
	--border-color-primary: var(--RGBA-text-large-dark-8) !important;
}

.bocp-large-dark-9 {
	--border-color-primary: var(--RGBA-text-large-dark-9) !important;
}

.bocp-large-dark-10 {
	--border-color-primary: var(--RGBA-text-large-dark-10) !important;
}

.bocp-large-dark-11 {
	--border-color-primary: var(--RGBA-text-large-dark-11) !important;
}

.bocp-large-dark-12 {
	--border-color-primary: var(--RGBA-text-large-dark-12) !important;
}

.bocp-large-dark-13 {
	--border-color-primary: var(--RGBA-text-large-dark-13) !important;
}

.bocp-large-dark-14 {
	--border-color-primary: var(--RGBA-text-large-dark-14) !important;
}

.bocp-large-dark-15 {
	--border-color-primary: var(--RGBA-text-large-dark-15) !important;
}

.bocp-small-light-1 {
	--border-color-primary: var(--RGBA-text-small-light-1) !important;
}

.bocp-small-light-2 {
	--border-color-primary: var(--RGBA-text-small-light-2) !important;
}

.bocp-small-light-3 {
	--border-color-primary: var(--RGBA-text-small-light-3) !important;
}

.bocp-small-light-4 {
	--border-color-primary: var(--RGBA-text-small-light-4) !important;
}

.bocp-small-light-5 {
	--border-color-primary: var(--RGBA-text-small-light-5) !important;
}

.bocp-small-light-6 {
	--border-color-primary: var(--RGBA-text-small-light-6) !important;
}

.bocp-small-light-7 {
	--border-color-primary: var(--RGBA-text-small-light-7) !important;
}

.bocp-small-light-8 {
	--border-color-primary: var(--RGBA-text-small-light-8) !important;
}

.bocp-small-light-9 {
	--border-color-primary: var(--RGBA-text-small-light-9) !important;
}

.bocp-small-light-10 {
	--border-color-primary: var(--RGBA-text-small-light-10) !important;
}

.bocp-small-light-11 {
	--border-color-primary: var(--RGBA-text-small-light-11) !important;
}

.bocp-small-light-12 {
	--border-color-primary: var(--RGBA-text-small-light-12) !important;
}

.bocp-small-light-13 {
	--border-color-primary: var(--RGBA-text-small-light-13) !important;
}

.bocp-small-light-14 {
	--border-color-primary: var(--RGBA-text-small-light-14) !important;
}

.bocp-small-light-15 {
	--border-color-primary: var(--RGBA-text-small-light-15) !important;
}

.bocp-small-dark-1 {
	--border-color-primary: var(--RGBA-text-small-dark-1) !important;
}

.bocp-small-dark-2 {
	--border-color-primary: var(--RGBA-text-small-dark-2) !important;
}

.bocp-small-dark-3 {
	--border-color-primary: var(--RGBA-text-small-dark-3) !important;
}

.bocp-small-dark-4 {
	--border-color-primary: var(--RGBA-text-small-dark-4) !important;
}

.bocp-small-dark-5 {
	--border-color-primary: var(--RGBA-text-small-dark-5) !important;
}

.bocp-small-dark-6 {
	--border-color-primary: var(--RGBA-text-small-dark-6) !important;
}

.bocp-small-dark-7 {
	--border-color-primary: var(--RGBA-text-small-dark-7) !important;
}

.bocp-small-dark-8 {
	--border-color-primary: var(--RGBA-text-small-dark-8) !important;
}

.bocp-small-dark-9 {
	--border-color-primary: var(--RGBA-text-small-dark-9) !important;
}

.bocp-small-dark-10 {
	--border-color-primary: var(--RGBA-text-small-dark-10) !important;
}

.bocp-small-dark-11 {
	--border-color-primary: var(--RGBA-text-small-dark-11) !important;
}

.bocp-small-dark-12 {
	--border-color-primary: var(--RGBA-text-small-dark-12) !important;
}

.bocp-small-dark-13 {
	--border-color-primary: var(--RGBA-text-small-dark-13) !important;
}

.bocp-small-dark-14 {
	--border-color-primary: var(--RGBA-text-small-dark-14) !important;
}

.bocp-small-dark-15 {
	--border-color-primary: var(--RGBA-text-small-dark-15) !important;
}

.bocp-button-light-1 {
	--border-color-primary: var(--RGBA-text-button-light-1) !important;
}

.bocp-button-light-2 {
	--border-color-primary: var(--RGBA-text-button-light-2) !important;
}

.bocp-button-light-3 {
	--border-color-primary: var(--RGBA-text-button-light-3) !important;
}

.bocp-button-light-4 {
	--border-color-primary: var(--RGBA-text-button-light-4) !important;
}

.bocp-button-light-5 {
	--border-color-primary: var(--RGBA-text-button-light-5) !important;
}

.bocp-button-light-6 {
	--border-color-primary: var(--RGBA-text-button-light-6) !important;
}

.bocp-button-light-7 {
	--border-color-primary: var(--RGBA-text-button-light-7) !important;
}

.bocp-button-light-8 {
	--border-color-primary: var(--RGBA-text-button-light-8) !important;
}

.bocp-button-light-9 {
	--border-color-primary: var(--RGBA-text-button-light-9) !important;
}

.bocp-button-light-10 {
	--border-color-primary: var(--RGBA-text-button-light-10) !important;
}

.bocp-button-light-11 {
	--border-color-primary: var(--RGBA-text-button-light-11) !important;
}

.bocp-button-light-12 {
	--border-color-primary: var(--RGBA-text-button-light-12) !important;
}

.bocp-button-light-13 {
	--border-color-primary: var(--RGBA-text-button-light-13) !important;
}

.bocp-button-light-14 {
	--border-color-primary: var(--RGBA-text-button-light-14) !important;
}

.bocp-button-light-15 {
	--border-color-primary: var(--RGBA-text-button-light-15) !important;
}

.bocp-button-dark-1 {
	--border-color-primary: var(--RGBA-text-button-dark-1) !important;
}

.bocp-button-dark-2 {
	--border-color-primary: var(--RGBA-text-button-dark-2) !important;
}

.bocp-button-dark-3 {
	--border-color-primary: var(--RGBA-text-button-dark-3) !important;
}

.bocp-button-dark-4 {
	--border-color-primary: var(--RGBA-text-button-dark-4) !important;
}

.bocp-button-dark-5 {
	--border-color-primary: var(--RGBA-text-button-dark-5) !important;
}

.bocp-button-dark-6 {
	--border-color-primary: var(--RGBA-text-button-dark-6) !important;
}

.bocp-button-dark-7 {
	--border-color-primary: var(--RGBA-text-button-dark-7) !important;
}

.bocp-button-dark-8 {
	--border-color-primary: var(--RGBA-text-button-dark-8) !important;
}

.bocp-button-dark-9 {
	--border-color-primary: var(--RGBA-text-button-dark-9) !important;
}

.bocp-button-dark-10 {
	--border-color-primary: var(--RGBA-text-button-dark-10) !important;
}

.bocp-button-dark-11 {
	--border-color-primary: var(--RGBA-text-button-dark-11) !important;
}

.bocp-button-dark-12 {
	--border-color-primary: var(--RGBA-text-button-dark-12) !important;
}

.bocp-button-dark-13 {
	--border-color-primary: var(--RGBA-text-button-dark-13) !important;
}

.bocp-button-dark-14 {
	--border-color-primary: var(--RGBA-text-button-dark-14) !important;
}

.bocp-button-dark-15 {
	--border-color-primary: var(--RGBA-text-button-dark-15) !important;
}

.bocp-transparent {
	--border-color-primary: transparent !important;
}

.bocp-blue {
	--border-color-primary: var(--bs-blue) !important;
}
.bocp-blue-100 { --border-color-primary: var(--bs-blue-100) !important; }
.bocp-blue-200 { --border-color-primary: var(--bs-blue-200) !important; }
.bocp-blue-300 { --border-color-primary: var(--bs-blue-300) !important; }
.bocp-blue-400 { --border-color-primary: var(--bs-blue-400) !important; }
.bocp-blue-500 { --border-color-primary: var(--bs-blue-500) !important; }
.bocp-blue-600 { --border-color-primary: var(--bs-blue-600) !important; }
.bocp-blue-700 { --border-color-primary: var(--bs-blue-700) !important; }
.bocp-blue-800 { --border-color-primary: var(--bs-blue-800) !important; }
.bocp-blue-900 { --border-color-primary: var(--bs-blue-900) !important; }

.bocp-indigo {
	--border-color-primary: var(--bs-indigo) !important;
}
.bocp-indigo-100 { --border-color-primary: var(--bs-indigo-100) !important; }
.bocp-indigo-200 { --border-color-primary: var(--bs-indigo-200) !important; }
.bocp-indigo-300 { --border-color-primary: var(--bs-indigo-300) !important; }
.bocp-indigo-400 { --border-color-primary: var(--bs-indigo-400) !important; }
.bocp-indigo-500 { --border-color-primary: var(--bs-indigo-500) !important; }
.bocp-indigo-600 { --border-color-primary: var(--bs-indigo-600) !important; }
.bocp-indigo-700 { --border-color-primary: var(--bs-indigo-700) !important; }
.bocp-indigo-800 { --border-color-primary: var(--bs-indigo-800) !important; }
.bocp-indigo-900 { --border-color-primary: var(--bs-indigo-900) !important; }

.bocp-purple {
	--border-color-primary: var(--bs-purple) !important;
}
.bocp-purple-100 { --border-color-primary: var(--bs-purple-100) !important; }
.bocp-purple-200 { --border-color-primary: var(--bs-purple-200) !important; }
.bocp-purple-300 { --border-color-primary: var(--bs-purple-300) !important; }
.bocp-purple-400 { --border-color-primary: var(--bs-purple-400) !important; }
.bocp-purple-500 { --border-color-primary: var(--bs-purple-500) !important; }
.bocp-purple-600 { --border-color-primary: var(--bs-purple-600) !important; }
.bocp-purple-700 { --border-color-primary: var(--bs-purple-700) !important; }
.bocp-purple-800 { --border-color-primary: var(--bs-purple-800) !important; }
.bocp-purple-900 { --border-color-primary: var(--bs-purple-900) !important; }

.bocp-pink {
	--border-color-primary: var(--bs-pink) !important;
}
.bocp-pink-100 { --border-color-primary: var(--bs-pink-100) !important; }
.bocp-pink-200 { --border-color-primary: var(--bs-pink-200) !important; }
.bocp-pink-300 { --border-color-primary: var(--bs-pink-300) !important; }
.bocp-pink-400 { --border-color-primary: var(--bs-pink-400) !important; }
.bocp-pink-500 { --border-color-primary: var(--bs-pink-500) !important; }
.bocp-pink-600 { --border-color-primary: var(--bs-pink-600) !important; }
.bocp-pink-700 { --border-color-primary: var(--bs-pink-700) !important; }
.bocp-pink-800 { --border-color-primary: var(--bs-pink-800) !important; }
.bocp-pink-900 { --border-color-primary: var(--bs-pink-900) !important; }

.bocp-red {
	--border-color-primary: var(--bs-red) !important;
}
.bocp-red-100 { --border-color-primary: var(--bs-red-100) !important; }
.bocp-red-200 { --border-color-primary: var(--bs-red-200) !important; }
.bocp-red-300 { --border-color-primary: var(--bs-red-300) !important; }
.bocp-red-400 { --border-color-primary: var(--bs-red-400) !important; }
.bocp-red-500 { --border-color-primary: var(--bs-red-500) !important; }
.bocp-red-600 { --border-color-primary: var(--bs-red-600) !important; }
.bocp-red-700 { --border-color-primary: var(--bs-red-700) !important; }
.bocp-red-800 { --border-color-primary: var(--bs-red-800) !important; }
.bocp-red-900 { --border-color-primary: var(--bs-red-900) !important; }

.bocp-orange {
	--border-color-primary: var(--bs-orange) !important;
}
.bocp-orange-100 { --border-color-primary: var(--bs-orange-100) !important; }
.bocp-orange-200 { --border-color-primary: var(--bs-orange-200) !important; }
.bocp-orange-300 { --border-color-primary: var(--bs-orange-300) !important; }
.bocp-orange-400 { --border-color-primary: var(--bs-orange-400) !important; }
.bocp-orange-500 { --border-color-primary: var(--bs-orange-500) !important; }
.bocp-orange-600 { --border-color-primary: var(--bs-orange-600) !important; }
.bocp-orange-700 { --border-color-primary: var(--bs-orange-700) !important; }
.bocp-orange-800 { --border-color-primary: var(--bs-orange-800) !important; }
.bocp-orange-900 { --border-color-primary: var(--bs-orange-900) !important; }

.bocp-yellow {
	--border-color-primary: var(--bs-yellow) !important;
}

.bocp-yellow-100 { --border-color-primary: var(--bs-yellow-100) !important; }
.bocp-yellow-200 { --border-color-primary: var(--bs-yellow-200) !important; }
.bocp-yellow-300 { --border-color-primary: var(--bs-yellow-300) !important; }
.bocp-yellow-400 { --border-color-primary: var(--bs-yellow-400) !important; }
.bocp-yellow-500 { --border-color-primary: var(--bs-yellow-500) !important; }
.bocp-yellow-600 { --border-color-primary: var(--bs-yellow-600) !important; }
.bocp-yellow-700 { --border-color-primary: var(--bs-yellow-700) !important; }
.bocp-yellow-800 { --border-color-primary: var(--bs-yellow-800) !important; }
.bocp-yellow-900 { --border-color-primary: var(--bs-yellow-900) !important; }

.bocp-green {
	--border-color-primary: var(--bs-green) !important;
}
.bocp-green-100 { --border-color-primary: var(--bs-green-100) !important; }
.bocp-green-200 { --border-color-primary: var(--bs-green-200) !important; }
.bocp-green-300 { --border-color-primary: var(--bs-green-300) !important; }
.bocp-green-400 { --border-color-primary: var(--bs-green-400) !important; }
.bocp-green-500 { --border-color-primary: var(--bs-green-500) !important; }
.bocp-green-600 { --border-color-primary: var(--bs-green-600) !important; }
.bocp-green-700 { --border-color-primary: var(--bs-green-700) !important; }
.bocp-green-800 { --border-color-primary: var(--bs-green-800) !important; }
.bocp-green-900 { --border-color-primary: var(--bs-green-900) !important; }

.bocp-teal {
	--border-color-primary: var(--bs-teal) !important;
}
.bocp-teal-100 { --border-color-primary: var(--bs-teal-100) !important; }
.bocp-teal-200 { --border-color-primary: var(--bs-teal-200) !important; }
.bocp-teal-300 { --border-color-primary: var(--bs-teal-300) !important; }
.bocp-teal-400 { --border-color-primary: var(--bs-teal-400) !important; }
.bocp-teal-500 { --border-color-primary: var(--bs-teal-500) !important; }
.bocp-teal-600 { --border-color-primary: var(--bs-teal-600) !important; }
.bocp-teal-700 { --border-color-primary: var(--bs-teal-700) !important; }
.bocp-teal-800 { --border-color-primary: var(--bs-teal-800) !important; }
.bocp-teal-900 { --border-color-primary: var(--bs-teal-900) !important; }

.bocp-cyan {
	--border-color-primary: var(--bs-cyan) !important;
}
.bocp-cyan-100 { --border-color-primary: var(--bs-cyan-100) !important; }
.bocp-cyan-200 { --border-color-primary: var(--bs-cyan-200) !important; }
.bocp-cyan-300 { --border-color-primary: var(--bs-cyan-300) !important; }
.bocp-cyan-400 { --border-color-primary: var(--bs-cyan-400) !important; }
.bocp-cyan-500 { --border-color-primary: var(--bs-cyan-500) !important; }
.bocp-cyan-600 { --border-color-primary: var(--bs-cyan-600) !important; }
.bocp-cyan-700 { --border-color-primary: var(--bs-cyan-700) !important; }
.bocp-cyan-800 { --border-color-primary: var(--bs-cyan-800) !important; }
.bocp-cyan-900 { --border-color-primary: var(--bs-cyan-900) !important; }

.bocp-black {
	--border-color-primary: var(--bs-black) !important;
}

.bocp-white {
	--border-color-primary: var(--bs-white) !important;
}

.bocp-gray {
	--border-color-primary: var(--bs-gray) !important;
}

.bocp-gray-100 {
	--border-color-primary: var(--bs-gray-100) !important;
}

.bocp-gray-200 {
	--border-color-primary: var(--bs-gray-200) !important;
}

.bocp-gray-300 {
	--border-color-primary: var(--bs-gray-300) !important;
}

.bocp-gray-400 {
	--border-color-primary: var(--bs-gray-400) !important;
}

.bocp-gray-500 {
	--border-color-primary: var(--bs-gray-500) !important;
}

.bocp-gray-600 {
	--border-color-primary: var(--bs-gray-600) !important;
}

.bocp-gray-700 {
	--border-color-primary: var(--bs-gray-700) !important;
}

.bocp-gray-800 {
	--border-color-primary: var(--bs-gray-800) !important;
}

.bocp-gray-900 {
	--border-color-primary: var(--bs-gray-900) !important;
}

.bocp-whatsapp {
	--border-color-primary: var(--border-color-whatsapp) !important;
}

/* #endregion	BORDER COLOR PRIMARY */

/* #region		BORDER COLOR SECONDARY */

.bocs-large-light-1 {
	--border-color-secondary: var(--RGBA-text-large-light-1) !important;
}

.bocs-large-light-2 {
	--border-color-secondary: var(--RGBA-text-large-light-2) !important;
}

.bocs-large-light-3 {
	--border-color-secondary: var(--RGBA-text-large-light-3) !important;
}

.bocs-large-light-4 {
	--border-color-secondary: var(--RGBA-text-large-light-4) !important;
}

.bocs-large-light-5 {
	--border-color-secondary: var(--RGBA-text-large-light-5) !important;
}

.bocs-large-light-6 {
	--border-color-secondary: var(--RGBA-text-large-light-6) !important;
}

.bocs-large-light-7 {
	--border-color-secondary: var(--RGBA-text-large-light-7) !important;
}

.bocs-large-light-8 {
	--border-color-secondary: var(--RGBA-text-large-light-8) !important;
}

.bocs-large-light-9 {
	--border-color-secondary: var(--RGBA-text-large-light-9) !important;
}

.bocs-large-light-10 {
	--border-color-secondary: var(--RGBA-text-large-light-10) !important;
}

.bocs-large-light-11 {
	--border-color-secondary: var(--RGBA-text-large-light-11) !important;
}

.bocs-large-light-12 {
	--border-color-secondary: var(--RGBA-text-large-light-12) !important;
}

.bocs-large-light-13 {
	--border-color-secondary: var(--RGBA-text-large-light-13) !important;
}

.bocs-large-light-14 {
	--border-color-secondary: var(--RGBA-text-large-light-14) !important;
}

.bocs-large-light-15 {
	--border-color-secondary: var(--RGBA-text-large-light-15) !important;
}

.bocs-large-dark-1 {
	--border-color-secondary: var(--RGBA-text-large-dark-1) !important;
}

.bocs-large-dark-2 {
	--border-color-secondary: var(--RGBA-text-large-dark-2) !important;
}

.bocs-large-dark-3 {
	--border-color-secondary: var(--RGBA-text-large-dark-3) !important;
}

.bocs-large-dark-4 {
	--border-color-secondary: var(--RGBA-text-large-dark-4) !important;
}

.bocs-large-dark-5 {
	--border-color-secondary: var(--RGBA-text-large-dark-5) !important;
}

.bocs-large-dark-6 {
	--border-color-secondary: var(--RGBA-text-large-dark-6) !important;
}

.bocs-large-dark-7 {
	--border-color-secondary: var(--RGBA-text-large-dark-7) !important;
}

.bocs-large-dark-8 {
	--border-color-secondary: var(--RGBA-text-large-dark-8) !important;
}

.bocs-large-dark-9 {
	--border-color-secondary: var(--RGBA-text-large-dark-9) !important;
}

.bocs-large-dark-10 {
	--border-color-secondary: var(--RGBA-text-large-dark-10) !important;
}

.bocs-large-dark-11 {
	--border-color-secondary: var(--RGBA-text-large-dark-11) !important;
}

.bocs-large-dark-12 {
	--border-color-secondary: var(--RGBA-text-large-dark-12) !important;
}

.bocs-large-dark-13 {
	--border-color-secondary: var(--RGBA-text-large-dark-13) !important;
}

.bocs-large-dark-14 {
	--border-color-secondary: var(--RGBA-text-large-dark-14) !important;
}

.bocs-large-dark-15 {
	--border-color-secondary: var(--RGBA-text-large-dark-15) !important;
}

.bocs-small-light-1 {
	--border-color-secondary: var(--RGBA-text-small-light-1) !important;
}

.bocs-small-light-2 {
	--border-color-secondary: var(--RGBA-text-small-light-2) !important;
}

.bocs-small-light-3 {
	--border-color-secondary: var(--RGBA-text-small-light-3) !important;
}

.bocs-small-light-4 {
	--border-color-secondary: var(--RGBA-text-small-light-4) !important;
}

.bocs-small-light-5 {
	--border-color-secondary: var(--RGBA-text-small-light-5) !important;
}

.bocs-small-light-6 {
	--border-color-secondary: var(--RGBA-text-small-light-6) !important;
}

.bocs-small-light-7 {
	--border-color-secondary: var(--RGBA-text-small-light-7) !important;
}

.bocs-small-light-8 {
	--border-color-secondary: var(--RGBA-text-small-light-8) !important;
}

.bocs-small-light-9 {
	--border-color-secondary: var(--RGBA-text-small-light-9) !important;
}

.bocs-small-light-10 {
	--border-color-secondary: var(--RGBA-text-small-light-10) !important;
}

.bocs-small-light-11 {
	--border-color-secondary: var(--RGBA-text-small-light-11) !important;
}

.bocs-small-light-12 {
	--border-color-secondary: var(--RGBA-text-small-light-12) !important;
}

.bocs-small-light-13 {
	--border-color-secondary: var(--RGBA-text-small-light-13) !important;
}

.bocs-small-light-14 {
	--border-color-secondary: var(--RGBA-text-small-light-14) !important;
}

.bocs-small-light-15 {
	--border-color-secondary: var(--RGBA-text-small-light-15) !important;
}

.bocs-small-dark-1 {
	--border-color-secondary: var(--RGBA-text-small-dark-1) !important;
}

.bocs-small-dark-2 {
	--border-color-secondary: var(--RGBA-text-small-dark-2) !important;
}

.bocs-small-dark-3 {
	--border-color-secondary: var(--RGBA-text-small-dark-3) !important;
}

.bocs-small-dark-4 {
	--border-color-secondary: var(--RGBA-text-small-dark-4) !important;
}

.bocs-small-dark-5 {
	--border-color-secondary: var(--RGBA-text-small-dark-5) !important;
}

.bocs-small-dark-6 {
	--border-color-secondary: var(--RGBA-text-small-dark-6) !important;
}

.bocs-small-dark-7 {
	--border-color-secondary: var(--RGBA-text-small-dark-7) !important;
}

.bocs-small-dark-8 {
	--border-color-secondary: var(--RGBA-text-small-dark-8) !important;
}

.bocs-small-dark-9 {
	--border-color-secondary: var(--RGBA-text-small-dark-9) !important;
}

.bocs-small-dark-10 {
	--border-color-secondary: var(--RGBA-text-small-dark-10) !important;
}

.bocs-small-dark-11 {
	--border-color-secondary: var(--RGBA-text-small-dark-11) !important;
}

.bocs-small-dark-12 {
	--border-color-secondary: var(--RGBA-text-small-dark-12) !important;
}

.bocs-small-dark-13 {
	--border-color-secondary: var(--RGBA-text-small-dark-13) !important;
}

.bocs-small-dark-14 {
	--border-color-secondary: var(--RGBA-text-small-dark-14) !important;
}

.bocs-small-dark-15 {
	--border-color-secondary: var(--RGBA-text-small-dark-15) !important;
}

.bocs-button-light-1 {
	--border-color-secondary: var(--RGBA-text-button-light-1) !important;
}

.bocs-button-light-2 {
	--border-color-secondary: var(--RGBA-text-button-light-2) !important;
}

.bocs-button-light-3 {
	--border-color-secondary: var(--RGBA-text-button-light-3) !important;
}

.bocs-button-light-4 {
	--border-color-secondary: var(--RGBA-text-button-light-4) !important;
}

.bocs-button-light-5 {
	--border-color-secondary: var(--RGBA-text-button-light-5) !important;
}

.bocs-button-light-6 {
	--border-color-secondary: var(--RGBA-text-button-light-6) !important;
}

.bocs-button-light-7 {
	--border-color-secondary: var(--RGBA-text-button-light-7) !important;
}

.bocs-button-light-8 {
	--border-color-secondary: var(--RGBA-text-button-light-8) !important;
}

.bocs-button-light-9 {
	--border-color-secondary: var(--RGBA-text-button-light-9) !important;
}

.bocs-button-light-10 {
	--border-color-secondary: var(--RGBA-text-button-light-10) !important;
}

.bocs-button-light-11 {
	--border-color-secondary: var(--RGBA-text-button-light-11) !important;
}

.bocs-button-light-12 {
	--border-color-secondary: var(--RGBA-text-button-light-12) !important;
}

.bocs-button-light-13 {
	--border-color-secondary: var(--RGBA-text-button-light-13) !important;
}

.bocs-button-light-14 {
	--border-color-secondary: var(--RGBA-text-button-light-14) !important;
}

.bocs-button-light-15 {
	--border-color-secondary: var(--RGBA-text-button-light-15) !important;
}

.bocs-button-dark-1 {
	--border-color-secondary: var(--RGBA-text-button-dark-1) !important;
}

.bocs-button-dark-2 {
	--border-color-secondary: var(--RGBA-text-button-dark-2) !important;
}

.bocs-button-dark-3 {
	--border-color-secondary: var(--RGBA-text-button-dark-3) !important;
}

.bocs-button-dark-4 {
	--border-color-secondary: var(--RGBA-text-button-dark-4) !important;
}

.bocs-button-dark-5 {
	--border-color-secondary: var(--RGBA-text-button-dark-5) !important;
}

.bocs-button-dark-6 {
	--border-color-secondary: var(--RGBA-text-button-dark-6) !important;
}

.bocs-button-dark-7 {
	--border-color-secondary: var(--RGBA-text-button-dark-7) !important;
}

.bocs-button-dark-8 {
	--border-color-secondary: var(--RGBA-text-button-dark-8) !important;
}

.bocs-button-dark-9 {
	--border-color-secondary: var(--RGBA-text-button-dark-9) !important;
}

.bocs-button-dark-10 {
	--border-color-secondary: var(--RGBA-text-button-dark-10) !important;
}

.bocs-button-dark-11 {
	--border-color-secondary: var(--RGBA-text-button-dark-11) !important;
}

.bocs-button-dark-12 {
	--border-color-secondary: var(--RGBA-text-button-dark-12) !important;
}

.bocs-button-dark-13 {
	--border-color-secondary: var(--RGBA-text-button-dark-13) !important;
}

.bocs-button-dark-14 {
	--border-color-secondary: var(--RGBA-text-button-dark-14) !important;
}

.bocs-button-dark-15 {
	--border-color-secondary: var(--RGBA-text-button-dark-15) !important;
}

.bocs-transparent {
	--border-color-secondary: transparent !important;
}

.bocs-blue {
	--border-color-secondary: var(--bs-blue) !important;
}
.bocs-blue-100 { --border-color-secondary: var(--bs-blue-100) !important; }
.bocs-blue-200 { --border-color-secondary: var(--bs-blue-200) !important; }
.bocs-blue-300 { --border-color-secondary: var(--bs-blue-300) !important; }
.bocs-blue-400 { --border-color-secondary: var(--bs-blue-400) !important; }
.bocs-blue-500 { --border-color-secondary: var(--bs-blue-500) !important; }
.bocs-blue-600 { --border-color-secondary: var(--bs-blue-600) !important; }
.bocs-blue-700 { --border-color-secondary: var(--bs-blue-700) !important; }
.bocs-blue-800 { --border-color-secondary: var(--bs-blue-800) !important; }
.bocs-blue-900 { --border-color-secondary: var(--bs-blue-900) !important; }

.bocs-indigo {
	--border-color-secondary: var(--bs-indigo) !important;
}
.bocs-indigo-100 { --border-color-secondary: var(--bs-indigo-100) !important; }
.bocs-indigo-200 { --border-color-secondary: var(--bs-indigo-200) !important; }
.bocs-indigo-300 { --border-color-secondary: var(--bs-indigo-300) !important; }
.bocs-indigo-400 { --border-color-secondary: var(--bs-indigo-400) !important; }
.bocs-indigo-500 { --border-color-secondary: var(--bs-indigo-500) !important; }
.bocs-indigo-600 { --border-color-secondary: var(--bs-indigo-600) !important; }
.bocs-indigo-700 { --border-color-secondary: var(--bs-indigo-700) !important; }
.bocs-indigo-800 { --border-color-secondary: var(--bs-indigo-800) !important; }
.bocs-indigo-900 { --border-color-secondary: var(--bs-indigo-900) !important; }

.bocs-purple {
	--border-color-secondary: var(--bs-purple) !important;
}
.bocs-purple-100 { --border-color-secondary: var(--bs-purple-100) !important; }
.bocs-purple-200 { --border-color-secondary: var(--bs-purple-200) !important; }
.bocs-purple-300 { --border-color-secondary: var(--bs-purple-300) !important; }
.bocs-purple-400 { --border-color-secondary: var(--bs-purple-400) !important; }
.bocs-purple-500 { --border-color-secondary: var(--bs-purple-500) !important; }
.bocs-purple-600 { --border-color-secondary: var(--bs-purple-600) !important; }
.bocs-purple-700 { --border-color-secondary: var(--bs-purple-700) !important; }
.bocs-purple-800 { --border-color-secondary: var(--bs-purple-800) !important; }
.bocs-purple-900 { --border-color-secondary: var(--bs-purple-900) !important; }

.bocs-pink {
	--border-color-secondary: var(--bs-pink) !important;
}
.bocs-pink-100 { --border-color-secondary: var(--bs-pink-100) !important; }
.bocs-pink-200 { --border-color-secondary: var(--bs-pink-200) !important; }
.bocs-pink-300 { --border-color-secondary: var(--bs-pink-300) !important; }
.bocs-pink-400 { --border-color-secondary: var(--bs-pink-400) !important; }
.bocs-pink-500 { --border-color-secondary: var(--bs-pink-500) !important; }
.bocs-pink-600 { --border-color-secondary: var(--bs-pink-600) !important; }
.bocs-pink-700 { --border-color-secondary: var(--bs-pink-700) !important; }
.bocs-pink-800 { --border-color-secondary: var(--bs-pink-800) !important; }
.bocs-pink-900 { --border-color-secondary: var(--bs-pink-900) !important; }

.bocs-red {
	--border-color-secondary: var(--bs-red) !important;
}
.bocs-red-100 { --border-color-secondary: var(--bs-red-100) !important; }
.bocs-red-200 { --border-color-secondary: var(--bs-red-200) !important; }
.bocs-red-300 { --border-color-secondary: var(--bs-red-300) !important; }
.bocs-red-400 { --border-color-secondary: var(--bs-red-400) !important; }
.bocs-red-500 { --border-color-secondary: var(--bs-red-500) !important; }
.bocs-red-600 { --border-color-secondary: var(--bs-red-600) !important; }
.bocs-red-700 { --border-color-secondary: var(--bs-red-700) !important; }
.bocs-red-800 { --border-color-secondary: var(--bs-red-800) !important; }
.bocs-red-900 { --border-color-secondary: var(--bs-red-900) !important; }

.bocs-orange {
	--border-color-secondary: var(--bs-orange) !important;
}
.bocs-orange-100 { --border-color-secondary: var(--bs-orange-100) !important; }
.bocs-orange-200 { --border-color-secondary: var(--bs-orange-200) !important; }
.bocs-orange-300 { --border-color-secondary: var(--bs-orange-300) !important; }
.bocs-orange-400 { --border-color-secondary: var(--bs-orange-400) !important; }
.bocs-orange-500 { --border-color-secondary: var(--bs-orange-500) !important; }
.bocs-orange-600 { --border-color-secondary: var(--bs-orange-600) !important; }
.bocs-orange-700 { --border-color-secondary: var(--bs-orange-700) !important; }
.bocs-orange-800 { --border-color-secondary: var(--bs-orange-800) !important; }
.bocs-orange-900 { --border-color-secondary: var(--bs-orange-900) !important; }

.bocs-yellow {
	--border-color-secondary: var(--bs-yellow) !important;
}

.bocs-yellow-100 { --border-color-secondary: var(--bs-yellow-100) !important; }
.bocs-yellow-200 { --border-color-secondary: var(--bs-yellow-200) !important; }
.bocs-yellow-300 { --border-color-secondary: var(--bs-yellow-300) !important; }
.bocs-yellow-400 { --border-color-secondary: var(--bs-yellow-400) !important; }
.bocs-yellow-500 { --border-color-secondary: var(--bs-yellow-500) !important; }
.bocs-yellow-600 { --border-color-secondary: var(--bs-yellow-600) !important; }
.bocs-yellow-700 { --border-color-secondary: var(--bs-yellow-700) !important; }
.bocs-yellow-800 { --border-color-secondary: var(--bs-yellow-800) !important; }
.bocs-yellow-900 { --border-color-secondary: var(--bs-yellow-900) !important; }

.bocs-green {
	--border-color-secondary: var(--bs-green) !important;
}
.bocs-green-100 { --border-color-secondary: var(--bs-green-100) !important; }
.bocs-green-200 { --border-color-secondary: var(--bs-green-200) !important; }
.bocs-green-300 { --border-color-secondary: var(--bs-green-300) !important; }
.bocs-green-400 { --border-color-secondary: var(--bs-green-400) !important; }
.bocs-green-500 { --border-color-secondary: var(--bs-green-500) !important; }
.bocs-green-600 { --border-color-secondary: var(--bs-green-600) !important; }
.bocs-green-700 { --border-color-secondary: var(--bs-green-700) !important; }
.bocs-green-800 { --border-color-secondary: var(--bs-green-800) !important; }
.bocs-green-900 { --border-color-secondary: var(--bs-green-900) !important; }

.bocs-teal {
	--border-color-secondary: var(--bs-teal) !important;
}
.bocs-teal-100 { --border-color-secondary: var(--bs-teal-100) !important; }
.bocs-teal-200 { --border-color-secondary: var(--bs-teal-200) !important; }
.bocs-teal-300 { --border-color-secondary: var(--bs-teal-300) !important; }
.bocs-teal-400 { --border-color-secondary: var(--bs-teal-400) !important; }
.bocs-teal-500 { --border-color-secondary: var(--bs-teal-500) !important; }
.bocs-teal-600 { --border-color-secondary: var(--bs-teal-600) !important; }
.bocs-teal-700 { --border-color-secondary: var(--bs-teal-700) !important; }
.bocs-teal-800 { --border-color-secondary: var(--bs-teal-800) !important; }
.bocs-teal-900 { --border-color-secondary: var(--bs-teal-900) !important; }

.bocs-cyan {
	--border-color-secondary: var(--bs-cyan) !important;
}
.bocs-cyan-100 { --border-color-secondary: var(--bs-cyan-100) !important; }
.bocs-cyan-200 { --border-color-secondary: var(--bs-cyan-200) !important; }
.bocs-cyan-300 { --border-color-secondary: var(--bs-cyan-300) !important; }
.bocs-cyan-400 { --border-color-secondary: var(--bs-cyan-400) !important; }
.bocs-cyan-500 { --border-color-secondary: var(--bs-cyan-500) !important; }
.bocs-cyan-600 { --border-color-secondary: var(--bs-cyan-600) !important; }
.bocs-cyan-700 { --border-color-secondary: var(--bs-cyan-700) !important; }
.bocs-cyan-800 { --border-color-secondary: var(--bs-cyan-800) !important; }
.bocs-cyan-900 { --border-color-secondary: var(--bs-cyan-900) !important; }

.bocs-black {
	--border-color-secondary: var(--bs-black) !important;
}

.bocs-white {
	--border-color-secondary: var(--bs-white) !important;
}

.bocs-gray {
	--border-color-secondary: var(--bs-gray) !important;
}

.bocs-gray-100 {
	--border-color-secondary: var(--bs-gray-100) !important;
}

.bocs-gray-200 {
	--border-color-secondary: var(--bs-gray-200) !important;
}

.bocs-gray-300 {
	--border-color-secondary: var(--bs-gray-300) !important;
}

.bocs-gray-400 {
	--border-color-secondary: var(--bs-gray-400) !important;
}

.bocs-gray-500 {
	--border-color-secondary: var(--bs-gray-500) !important;
}

.bocs-gray-600 {
	--border-color-secondary: var(--bs-gray-600) !important;
}

.bocs-gray-700 {
	--border-color-secondary: var(--bs-gray-700) !important;
}

.bocs-gray-800 {
	--border-color-secondary: var(--bs-gray-800) !important;
}

.bocs-gray-900 {
	--border-color-secondary: var(--bs-gray-900) !important;
}

.bocs-whatsapp {
	--border-color-secondary: var(--border-color-whatsapp) !important;
}

/* #endregion	BORDER COLOR SECONDARY */

/* #region		COLOR */

/* Fallback color */
[class^='cp-'],
[class*=' cp-'] {
	--color-primary: transparent;
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='cp-']:not([class*=' cs-']),
[class*=' cp-']:not([class^='cs-']):not([class*=' cs-']) {
	color: var(--color-primary) !important;
}

/* Element has secondary color (has gradient) */
[class^='cs-'],
[class*=' cs-'] {
	background				: linear-gradient(
		var(--color-direction),
		var(--color-primary),
		var(--color-secondary)
	);
	color					: transparent !important;
	background-clip			: text;
	-webkit-background-clip	: text;
	-webkit-text-fill-color	: transparent;
	--color-primary			: transparent;
	--color-secondary		: transparent;
	--color-direction		: to right;
}

/* #endregion	COLOR */

/* #region		COLOR PRIMARY */

.cp-large-light-1 {
	--color-primary: var(--RGBA-text-large-light-1) !important;
}

.cp-large-light-2 {
	--color-primary: var(--RGBA-text-large-light-2) !important;
}

.cp-large-light-3 {
	--color-primary: var(--RGBA-text-large-light-3) !important;
}

.cp-large-light-4 {
	--color-primary: var(--RGBA-text-large-light-4) !important;
}

.cp-large-light-5 {
	--color-primary: var(--RGBA-text-large-light-5) !important;
}

.cp-large-light-6 {
	--color-primary: var(--RGBA-text-large-light-6) !important;
}

.cp-large-light-7 {
	--color-primary: var(--RGBA-text-large-light-7) !important;
}

.cp-large-light-8 {
	--color-primary: var(--RGBA-text-large-light-8) !important;
}

.cp-large-light-9 {
	--color-primary: var(--RGBA-text-large-light-9) !important;
}

.cp-large-light-10 {
	--color-primary: var(--RGBA-text-large-light-10) !important;
}

.cp-large-light-11 {
	--color-primary: var(--RGBA-text-large-light-11) !important;
}

.cp-large-light-12 {
	--color-primary: var(--RGBA-text-large-light-12) !important;
}

.cp-large-light-13 {
	--color-primary: var(--RGBA-text-large-light-13) !important;
}

.cp-large-light-14 {
	--color-primary: var(--RGBA-text-large-light-14) !important;
}

.cp-large-light-15 {
	--color-primary: var(--RGBA-text-large-light-15) !important;
}

.cp-large-dark-1 {
	--color-primary: var(--RGBA-text-large-dark-1) !important;
}

.cp-large-dark-2 {
	--color-primary: var(--RGBA-text-large-dark-2) !important;
}

.cp-large-dark-3 {
	--color-primary: var(--RGBA-text-large-dark-3) !important;
}

.cp-large-dark-4 {
	--color-primary: var(--RGBA-text-large-dark-4) !important;
}

.cp-large-dark-5 {
	--color-primary: var(--RGBA-text-large-dark-5) !important;
}

.cp-large-dark-6 {
	--color-primary: var(--RGBA-text-large-dark-6) !important;
}

.cp-large-dark-7 {
	--color-primary: var(--RGBA-text-large-dark-7) !important;
}

.cp-large-dark-8 {
	--color-primary: var(--RGBA-text-large-dark-8) !important;
}

.cp-large-dark-9 {
	--color-primary: var(--RGBA-text-large-dark-9) !important;
}

.cp-large-dark-10 {
	--color-primary: var(--RGBA-text-large-dark-10) !important;
}

.cp-large-dark-11 {
	--color-primary: var(--RGBA-text-large-dark-11) !important;
}

.cp-large-dark-12 {
	--color-primary: var(--RGBA-text-large-dark-12) !important;
}

.cp-large-dark-13 {
	--color-primary: var(--RGBA-text-large-dark-13) !important;
}

.cp-large-dark-14 {
	--color-primary: var(--RGBA-text-large-dark-14) !important;
}

.cp-large-dark-15 {
	--color-primary: var(--RGBA-text-large-dark-15) !important;
}

.cp-small-light-1 {
	--color-primary: var(--RGBA-text-small-light-1) !important;
}

.cp-small-light-2 {
	--color-primary: var(--RGBA-text-small-light-2) !important;
}

.cp-small-light-3 {
	--color-primary: var(--RGBA-text-small-light-3) !important;
}

.cp-small-light-4 {
	--color-primary: var(--RGBA-text-small-light-4) !important;
}

.cp-small-light-5 {
	--color-primary: var(--RGBA-text-small-light-5) !important;
}

.cp-small-light-6 {
	--color-primary: var(--RGBA-text-small-light-6) !important;
}

.cp-small-light-7 {
	--color-primary: var(--RGBA-text-small-light-7) !important;
}

.cp-small-light-8 {
	--color-primary: var(--RGBA-text-small-light-8) !important;
}

.cp-small-light-9 {
	--color-primary: var(--RGBA-text-small-light-9) !important;
}

.cp-small-light-10 {
	--color-primary: var(--RGBA-text-small-light-10) !important;
}

.cp-small-light-11 {
	--color-primary: var(--RGBA-text-small-light-11) !important;
}

.cp-small-light-12 {
	--color-primary: var(--RGBA-text-small-light-12) !important;
}

.cp-small-light-13 {
	--color-primary: var(--RGBA-text-small-light-13) !important;
}

.cp-small-light-14 {
	--color-primary: var(--RGBA-text-small-light-14) !important;
}

.cp-small-light-15 {
	--color-primary: var(--RGBA-text-small-light-15) !important;
}

.cp-small-dark-1 {
	--color-primary: var(--RGBA-text-small-dark-1) !important;
}

.cp-small-dark-2 {
	--color-primary: var(--RGBA-text-small-dark-2) !important;
}

.cp-small-dark-3 {
	--color-primary: var(--RGBA-text-small-dark-3) !important;
}

.cp-small-dark-4 {
	--color-primary: var(--RGBA-text-small-dark-4) !important;
}

.cp-small-dark-5 {
	--color-primary: var(--RGBA-text-small-dark-5) !important;
}

.cp-small-dark-6 {
	--color-primary: var(--RGBA-text-small-dark-6) !important;
}

.cp-small-dark-7 {
	--color-primary: var(--RGBA-text-small-dark-7) !important;
}

.cp-small-dark-8 {
	--color-primary: var(--RGBA-text-small-dark-8) !important;
}

.cp-small-dark-9 {
	--color-primary: var(--RGBA-text-small-dark-9) !important;
}

.cp-small-dark-10 {
	--color-primary: var(--RGBA-text-small-dark-10) !important;
}

.cp-small-dark-11 {
	--color-primary: var(--RGBA-text-small-dark-11) !important;
}

.cp-small-dark-12 {
	--color-primary: var(--RGBA-text-small-dark-12) !important;
}

.cp-small-dark-13 {
	--color-primary: var(--RGBA-text-small-dark-13) !important;
}

.cp-small-dark-14 {
	--color-primary: var(--RGBA-text-small-dark-14) !important;
}

.cp-small-dark-15 {
	--color-primary: var(--RGBA-text-small-dark-15) !important;
}

.cp-button-light-1 {
	--color-primary: var(--RGBA-text-button-light-1) !important;
}

.cp-button-light-2 {
	--color-primary: var(--RGBA-text-button-light-2) !important;
}

.cp-button-light-3 {
	--color-primary: var(--RGBA-text-button-light-3) !important;
}

.cp-button-light-4 {
	--color-primary: var(--RGBA-text-button-light-4) !important;
}

.cp-button-light-5 {
	--color-primary: var(--RGBA-text-button-light-5) !important;
}

.cp-button-light-6 {
	--color-primary: var(--RGBA-text-button-light-6) !important;
}

.cp-button-light-7 {
	--color-primary: var(--RGBA-text-button-light-7) !important;
}

.cp-button-light-8 {
	--color-primary: var(--RGBA-text-button-light-8) !important;
}

.cp-button-light-9 {
	--color-primary: var(--RGBA-text-button-light-9) !important;
}

.cp-button-light-10 {
	--color-primary: var(--RGBA-text-button-light-10) !important;
}

.cp-button-light-11 {
	--color-primary: var(--RGBA-text-button-light-11) !important;
}

.cp-button-light-12 {
	--color-primary: var(--RGBA-text-button-light-12) !important;
}

.cp-button-light-13 {
	--color-primary: var(--RGBA-text-button-light-13) !important;
}

.cp-button-light-14 {
	--color-primary: var(--RGBA-text-button-light-14) !important;
}

.cp-button-light-15 {
	--color-primary: var(--RGBA-text-button-light-15) !important;
}

.cp-button-dark-1 {
	--color-primary: var(--RGBA-text-button-dark-1) !important;
}

.cp-button-dark-2 {
	--color-primary: var(--RGBA-text-button-dark-2) !important;
}

.cp-button-dark-3 {
	--color-primary: var(--RGBA-text-button-dark-3) !important;
}

.cp-button-dark-4 {
	--color-primary: var(--RGBA-text-button-dark-4) !important;
}

.cp-button-dark-5 {
	--color-primary: var(--RGBA-text-button-dark-5) !important;
}

.cp-button-dark-6 {
	--color-primary: var(--RGBA-text-button-dark-6) !important;
}

.cp-button-dark-7 {
	--color-primary: var(--RGBA-text-button-dark-7) !important;
}

.cp-button-dark-8 {
	--color-primary: var(--RGBA-text-button-dark-8) !important;
}

.cp-button-dark-9 {
	--color-primary: var(--RGBA-text-button-dark-9) !important;
}

.cp-button-dark-10 {
	--color-primary: var(--RGBA-text-button-dark-10) !important;
}

.cp-button-dark-11 {
	--color-primary: var(--RGBA-text-button-dark-11) !important;
}

.cp-button-dark-12 {
	--color-primary: var(--RGBA-text-button-dark-12) !important;
}

.cp-button-dark-13 {
	--color-primary: var(--RGBA-text-button-dark-13) !important;
}

.cp-button-dark-14 {
	--color-primary: var(--RGBA-text-button-dark-14) !important;
}

.cp-button-dark-15 {
	--color-primary: var(--RGBA-text-button-dark-15) !important;
}

.cp-transparent {
	--color-primary: transparent !important;
}

.cp-blue {
	--color-primary: var(--bs-blue) !important;
}
.cp-blue-100 { --color-primary: var(--bs-blue-100) !important; }
.cp-blue-200 { --color-primary: var(--bs-blue-200) !important; }
.cp-blue-300 { --color-primary: var(--bs-blue-300) !important; }
.cp-blue-400 { --color-primary: var(--bs-blue-400) !important; }
.cp-blue-500 { --color-primary: var(--bs-blue-500) !important; }
.cp-blue-600 { --color-primary: var(--bs-blue-600) !important; }
.cp-blue-700 { --color-primary: var(--bs-blue-700) !important; }
.cp-blue-800 { --color-primary: var(--bs-blue-800) !important; }
.cp-blue-900 { --color-primary: var(--bs-blue-900) !important; }

.cp-indigo {
	--color-primary: var(--bs-indigo) !important;
}
.cp-indigo-100 { --color-primary: var(--bs-indigo-100) !important; }
.cp-indigo-200 { --color-primary: var(--bs-indigo-200) !important; }
.cp-indigo-300 { --color-primary: var(--bs-indigo-300) !important; }
.cp-indigo-400 { --color-primary: var(--bs-indigo-400) !important; }
.cp-indigo-500 { --color-primary: var(--bs-indigo-500) !important; }
.cp-indigo-600 { --color-primary: var(--bs-indigo-600) !important; }
.cp-indigo-700 { --color-primary: var(--bs-indigo-700) !important; }
.cp-indigo-800 { --color-primary: var(--bs-indigo-800) !important; }
.cp-indigo-900 { --color-primary: var(--bs-indigo-900) !important; }

.cp-purple {
	--color-primary: var(--bs-purple) !important;
}
.cp-purple-100 { --color-primary: var(--bs-purple-100) !important; }
.cp-purple-200 { --color-primary: var(--bs-purple-200) !important; }
.cp-purple-300 { --color-primary: var(--bs-purple-300) !important; }
.cp-purple-400 { --color-primary: var(--bs-purple-400) !important; }
.cp-purple-500 { --color-primary: var(--bs-purple-500) !important; }
.cp-purple-600 { --color-primary: var(--bs-purple-600) !important; }
.cp-purple-700 { --color-primary: var(--bs-purple-700) !important; }
.cp-purple-800 { --color-primary: var(--bs-purple-800) !important; }
.cp-purple-900 { --color-primary: var(--bs-purple-900) !important; }

.cp-pink {
	--color-primary: var(--bs-pink) !important;
}
.cp-pink-100 { --color-primary: var(--bs-pink-100) !important; }
.cp-pink-200 { --color-primary: var(--bs-pink-200) !important; }
.cp-pink-300 { --color-primary: var(--bs-pink-300) !important; }
.cp-pink-400 { --color-primary: var(--bs-pink-400) !important; }
.cp-pink-500 { --color-primary: var(--bs-pink-500) !important; }
.cp-pink-600 { --color-primary: var(--bs-pink-600) !important; }
.cp-pink-700 { --color-primary: var(--bs-pink-700) !important; }
.cp-pink-800 { --color-primary: var(--bs-pink-800) !important; }
.cp-pink-900 { --color-primary: var(--bs-pink-900) !important; }

.cp-red {
	--color-primary: var(--bs-red) !important;
}
.cp-red-100 { --color-primary: var(--bs-red-100) !important; }
.cp-red-200 { --color-primary: var(--bs-red-200) !important; }
.cp-red-300 { --color-primary: var(--bs-red-300) !important; }
.cp-red-400 { --color-primary: var(--bs-red-400) !important; }
.cp-red-500 { --color-primary: var(--bs-red-500) !important; }
.cp-red-600 { --color-primary: var(--bs-red-600) !important; }
.cp-red-700 { --color-primary: var(--bs-red-700) !important; }
.cp-red-800 { --color-primary: var(--bs-red-800) !important; }
.cp-red-900 { --color-primary: var(--bs-red-900) !important; }

.cp-orange {
	--color-primary: var(--bs-orange) !important;
}
.cp-orange-100 { --color-primary: var(--bs-orange-100) !important; }
.cp-orange-200 { --color-primary: var(--bs-orange-200) !important; }
.cp-orange-300 { --color-primary: var(--bs-orange-300) !important; }
.cp-orange-400 { --color-primary: var(--bs-orange-400) !important; }
.cp-orange-500 { --color-primary: var(--bs-orange-500) !important; }
.cp-orange-600 { --color-primary: var(--bs-orange-600) !important; }
.cp-orange-700 { --color-primary: var(--bs-orange-700) !important; }
.cp-orange-800 { --color-primary: var(--bs-orange-800) !important; }
.cp-orange-900 { --color-primary: var(--bs-orange-900) !important; }

.cp-yellow {
	--color-primary: var(--bs-yellow) !important;
}

.cp-yellow-100 { --color-primary: var(--bs-yellow-100) !important; }
.cp-yellow-200 { --color-primary: var(--bs-yellow-200) !important; }
.cp-yellow-300 { --color-primary: var(--bs-yellow-300) !important; }
.cp-yellow-400 { --color-primary: var(--bs-yellow-400) !important; }
.cp-yellow-500 { --color-primary: var(--bs-yellow-500) !important; }
.cp-yellow-600 { --color-primary: var(--bs-yellow-600) !important; }
.cp-yellow-700 { --color-primary: var(--bs-yellow-700) !important; }
.cp-yellow-800 { --color-primary: var(--bs-yellow-800) !important; }
.cp-yellow-900 { --color-primary: var(--bs-yellow-900) !important; }

.cp-green {
	--color-primary: var(--bs-green) !important;
}
.cp-green-100 { --color-primary: var(--bs-green-100) !important; }
.cp-green-200 { --color-primary: var(--bs-green-200) !important; }
.cp-green-300 { --color-primary: var(--bs-green-300) !important; }
.cp-green-400 { --color-primary: var(--bs-green-400) !important; }
.cp-green-500 { --color-primary: var(--bs-green-500) !important; }
.cp-green-600 { --color-primary: var(--bs-green-600) !important; }
.cp-green-700 { --color-primary: var(--bs-green-700) !important; }
.cp-green-800 { --color-primary: var(--bs-green-800) !important; }
.cp-green-900 { --color-primary: var(--bs-green-900) !important; }

.cp-teal {
	--color-primary: var(--bs-teal) !important;
}
.cp-teal-100 { --color-primary: var(--bs-teal-100) !important; }
.cp-teal-200 { --color-primary: var(--bs-teal-200) !important; }
.cp-teal-300 { --color-primary: var(--bs-teal-300) !important; }
.cp-teal-400 { --color-primary: var(--bs-teal-400) !important; }
.cp-teal-500 { --color-primary: var(--bs-teal-500) !important; }
.cp-teal-600 { --color-primary: var(--bs-teal-600) !important; }
.cp-teal-700 { --color-primary: var(--bs-teal-700) !important; }
.cp-teal-800 { --color-primary: var(--bs-teal-800) !important; }
.cp-teal-900 { --color-primary: var(--bs-teal-900) !important; }

.cp-cyan {
	--color-primary: var(--bs-cyan) !important;
}
.cp-cyan-100 { --color-primary: var(--bs-cyan-100) !important; }
.cp-cyan-200 { --color-primary: var(--bs-cyan-200) !important; }
.cp-cyan-300 { --color-primary: var(--bs-cyan-300) !important; }
.cp-cyan-400 { --color-primary: var(--bs-cyan-400) !important; }
.cp-cyan-500 { --color-primary: var(--bs-cyan-500) !important; }
.cp-cyan-600 { --color-primary: var(--bs-cyan-600) !important; }
.cp-cyan-700 { --color-primary: var(--bs-cyan-700) !important; }
.cp-cyan-800 { --color-primary: var(--bs-cyan-800) !important; }
.cp-cyan-900 { --color-primary: var(--bs-cyan-900) !important; }

.cp-black {
	--color-primary: var(--bs-black) !important;
}

.cp-white {
	--color-primary: var(--bs-white) !important;
}

.cp-gray {
	--color-primary: var(--bs-gray) !important;
}

.cp-gray-100 {
	--color-primary: var(--bs-gray-100) !important;
}

.cp-gray-200 {
	--color-primary: var(--bs-gray-200) !important;
}

.cp-gray-300 {
	--color-primary: var(--bs-gray-300) !important;
}

.cp-gray-400 {
	--color-primary: var(--bs-gray-400) !important;
}

.cp-gray-500 {
	--color-primary: var(--bs-gray-500) !important;
}

.cp-gray-600 {
	--color-primary: var(--bs-gray-600) !important;
}

.cp-gray-700 {
	--color-primary: var(--bs-gray-700) !important;
}

.cp-gray-800 {
	--color-primary: var(--bs-gray-800) !important;
}

.cp-gray-900 {
	--color-primary: var(--bs-gray-900) !important;
}

.cp-whatsapp {
	--color-primary: var(--color-whatsapp) !important;
}

/* #endregion	COLOR PRIMARY */

/* #region		COLOR SECONDARY */

.cs-large-light-1 {
	--color-secondary: var(--RGBA-text-large-light-1) !important;
}

.cs-large-light-2 {
	--color-secondary: var(--RGBA-text-large-light-2) !important;
}

.cs-large-light-3 {
	--color-secondary: var(--RGBA-text-large-light-3) !important;
}

.cs-large-light-4 {
	--color-secondary: var(--RGBA-text-large-light-4) !important;
}

.cs-large-light-5 {
	--color-secondary: var(--RGBA-text-large-light-5) !important;
}

.cs-large-light-6 {
	--color-secondary: var(--RGBA-text-large-light-6) !important;
}

.cs-large-light-7 {
	--color-secondary: var(--RGBA-text-large-light-7) !important;
}

.cs-large-light-8 {
	--color-secondary: var(--RGBA-text-large-light-8) !important;
}

.cs-large-light-9 {
	--color-secondary: var(--RGBA-text-large-light-9) !important;
}

.cs-large-light-10 {
	--color-secondary: var(--RGBA-text-large-light-10) !important;
}

.cs-large-light-11 {
	--color-secondary: var(--RGBA-text-large-light-11) !important;
}

.cs-large-light-12 {
	--color-secondary: var(--RGBA-text-large-light-12) !important;
}

.cs-large-light-13 {
	--color-secondary: var(--RGBA-text-large-light-13) !important;
}

.cs-large-light-14 {
	--color-secondary: var(--RGBA-text-large-light-14) !important;
}

.cs-large-light-15 {
	--color-secondary: var(--RGBA-text-large-light-15) !important;
}

.cs-large-dark-1 {
	--color-secondary: var(--RGBA-text-large-dark-1) !important;
}

.cs-large-dark-2 {
	--color-secondary: var(--RGBA-text-large-dark-2) !important;
}

.cs-large-dark-3 {
	--color-secondary: var(--RGBA-text-large-dark-3) !important;
}

.cs-large-dark-4 {
	--color-secondary: var(--RGBA-text-large-dark-4) !important;
}

.cs-large-dark-5 {
	--color-secondary: var(--RGBA-text-large-dark-5) !important;
}

.cs-large-dark-6 {
	--color-secondary: var(--RGBA-text-large-dark-6) !important;
}

.cs-large-dark-7 {
	--color-secondary: var(--RGBA-text-large-dark-7) !important;
}

.cs-large-dark-8 {
	--color-secondary: var(--RGBA-text-large-dark-8) !important;
}

.cs-large-dark-9 {
	--color-secondary: var(--RGBA-text-large-dark-9) !important;
}

.cs-large-dark-10 {
	--color-secondary: var(--RGBA-text-large-dark-10) !important;
}

.cs-large-dark-11 {
	--color-secondary: var(--RGBA-text-large-dark-11) !important;
}

.cs-large-dark-12 {
	--color-secondary: var(--RGBA-text-large-dark-12) !important;
}

.cs-large-dark-13 {
	--color-secondary: var(--RGBA-text-large-dark-13) !important;
}

.cs-large-dark-14 {
	--color-secondary: var(--RGBA-text-large-dark-14) !important;
}

.cs-large-dark-15 {
	--color-secondary: var(--RGBA-text-large-dark-15) !important;
}

.cs-small-light-1 {
	--color-secondary: var(--RGBA-text-small-light-1) !important;
}

.cs-small-light-2 {
	--color-secondary: var(--RGBA-text-small-light-2) !important;
}

.cs-small-light-3 {
	--color-secondary: var(--RGBA-text-small-light-3) !important;
}

.cs-small-light-4 {
	--color-secondary: var(--RGBA-text-small-light-4) !important;
}

.cs-small-light-5 {
	--color-secondary: var(--RGBA-text-small-light-5) !important;
}

.cs-small-light-6 {
	--color-secondary: var(--RGBA-text-small-light-6) !important;
}

.cs-small-light-7 {
	--color-secondary: var(--RGBA-text-small-light-7) !important;
}

.cs-small-light-8 {
	--color-secondary: var(--RGBA-text-small-light-8) !important;
}

.cs-small-light-9 {
	--color-secondary: var(--RGBA-text-small-light-9) !important;
}

.cs-small-light-10 {
	--color-secondary: var(--RGBA-text-small-light-10) !important;
}

.cs-small-light-11 {
	--color-secondary: var(--RGBA-text-small-light-11) !important;
}

.cs-small-light-12 {
	--color-secondary: var(--RGBA-text-small-light-12) !important;
}

.cs-small-light-13 {
	--color-secondary: var(--RGBA-text-small-light-13) !important;
}

.cs-small-light-14 {
	--color-secondary: var(--RGBA-text-small-light-14) !important;
}

.cs-small-light-15 {
	--color-secondary: var(--RGBA-text-small-light-15) !important;
}

.cs-small-dark-1 {
	--color-secondary: var(--RGBA-text-small-dark-1) !important;
}

.cs-small-dark-2 {
	--color-secondary: var(--RGBA-text-small-dark-2) !important;
}

.cs-small-dark-3 {
	--color-secondary: var(--RGBA-text-small-dark-3) !important;
}

.cs-small-dark-4 {
	--color-secondary: var(--RGBA-text-small-dark-4) !important;
}

.cs-small-dark-5 {
	--color-secondary: var(--RGBA-text-small-dark-5) !important;
}

.cs-small-dark-6 {
	--color-secondary: var(--RGBA-text-small-dark-6) !important;
}

.cs-small-dark-7 {
	--color-secondary: var(--RGBA-text-small-dark-7) !important;
}

.cs-small-dark-8 {
	--color-secondary: var(--RGBA-text-small-dark-8) !important;
}

.cs-small-dark-9 {
	--color-secondary: var(--RGBA-text-small-dark-9) !important;
}

.cs-small-dark-10 {
	--color-secondary: var(--RGBA-text-small-dark-10) !important;
}

.cs-small-dark-11 {
	--color-secondary: var(--RGBA-text-small-dark-11) !important;
}

.cs-small-dark-12 {
	--color-secondary: var(--RGBA-text-small-dark-12) !important;
}

.cs-small-dark-13 {
	--color-secondary: var(--RGBA-text-small-dark-13) !important;
}

.cs-small-dark-14 {
	--color-secondary: var(--RGBA-text-small-dark-14) !important;
}

.cs-small-dark-15 {
	--color-secondary: var(--RGBA-text-small-dark-15) !important;
}

.cs-button-light-1 {
	--color-secondary: var(--RGBA-text-button-light-1) !important;
}

.cs-button-light-2 {
	--color-secondary: var(--RGBA-text-button-light-2) !important;
}

.cs-button-light-3 {
	--color-secondary: var(--RGBA-text-button-light-3) !important;
}

.cs-button-light-4 {
	--color-secondary: var(--RGBA-text-button-light-4) !important;
}

.cs-button-light-5 {
	--color-secondary: var(--RGBA-text-button-light-5) !important;
}

.cs-button-light-6 {
	--color-secondary: var(--RGBA-text-button-light-6) !important;
}

.cs-button-light-7 {
	--color-secondary: var(--RGBA-text-button-light-7) !important;
}

.cs-button-light-8 {
	--color-secondary: var(--RGBA-text-button-light-8) !important;
}

.cs-button-light-9 {
	--color-secondary: var(--RGBA-text-button-light-9) !important;
}

.cs-button-light-10 {
	--color-secondary: var(--RGBA-text-button-light-10) !important;
}

.cs-button-light-11 {
	--color-secondary: var(--RGBA-text-button-light-11) !important;
}

.cs-button-light-12 {
	--color-secondary: var(--RGBA-text-button-light-12) !important;
}

.cs-button-light-13 {
	--color-secondary: var(--RGBA-text-button-light-13) !important;
}

.cs-button-light-14 {
	--color-secondary: var(--RGBA-text-button-light-14) !important;
}

.cs-button-light-15 {
	--color-secondary: var(--RGBA-text-button-light-15) !important;
}

.cs-button-dark-1 {
	--color-secondary: var(--RGBA-text-button-dark-1) !important;
}

.cs-button-dark-2 {
	--color-secondary: var(--RGBA-text-button-dark-2) !important;
}

.cs-button-dark-3 {
	--color-secondary: var(--RGBA-text-button-dark-3) !important;
}

.cs-button-dark-4 {
	--color-secondary: var(--RGBA-text-button-dark-4) !important;
}

.cs-button-dark-5 {
	--color-secondary: var(--RGBA-text-button-dark-5) !important;
}

.cs-button-dark-6 {
	--color-secondary: var(--RGBA-text-button-dark-6) !important;
}

.cs-button-dark-7 {
	--color-secondary: var(--RGBA-text-button-dark-7) !important;
}

.cs-button-dark-8 {
	--color-secondary: var(--RGBA-text-button-dark-8) !important;
}

.cs-button-dark-9 {
	--color-secondary: var(--RGBA-text-button-dark-9) !important;
}

.cs-button-dark-10 {
	--color-secondary: var(--RGBA-text-button-dark-10) !important;
}

.cs-button-dark-11 {
	--color-secondary: var(--RGBA-text-button-dark-11) !important;
}

.cs-button-dark-12 {
	--color-secondary: var(--RGBA-text-button-dark-12) !important;
}

.cs-button-dark-13 {
	--color-secondary: var(--RGBA-text-button-dark-13) !important;
}

.cs-button-dark-14 {
	--color-secondary: var(--RGBA-text-button-dark-14) !important;
}

.cs-button-dark-15 {
	--color-secondary: var(--RGBA-text-button-dark-15) !important;
}

.cs-transparent {
	--color-secondary: transparent !important;
}

.cs-blue {
	--color-secondary: var(--bs-blue) !important;
}
.cs-blue-100 { --color-secondary: var(--bs-blue-100) !important; }
.cs-blue-200 { --color-secondary: var(--bs-blue-200) !important; }
.cs-blue-300 { --color-secondary: var(--bs-blue-300) !important; }
.cs-blue-400 { --color-secondary: var(--bs-blue-400) !important; }
.cs-blue-500 { --color-secondary: var(--bs-blue-500) !important; }
.cs-blue-600 { --color-secondary: var(--bs-blue-600) !important; }
.cs-blue-700 { --color-secondary: var(--bs-blue-700) !important; }
.cs-blue-800 { --color-secondary: var(--bs-blue-800) !important; }
.cs-blue-900 { --color-secondary: var(--bs-blue-900) !important; }

.cs-indigo {
	--color-secondary: var(--bs-indigo) !important;
}
.cs-indigo-100 { --color-secondary: var(--bs-indigo-100) !important; }
.cs-indigo-200 { --color-secondary: var(--bs-indigo-200) !important; }
.cs-indigo-300 { --color-secondary: var(--bs-indigo-300) !important; }
.cs-indigo-400 { --color-secondary: var(--bs-indigo-400) !important; }
.cs-indigo-500 { --color-secondary: var(--bs-indigo-500) !important; }
.cs-indigo-600 { --color-secondary: var(--bs-indigo-600) !important; }
.cs-indigo-700 { --color-secondary: var(--bs-indigo-700) !important; }
.cs-indigo-800 { --color-secondary: var(--bs-indigo-800) !important; }
.cs-indigo-900 { --color-secondary: var(--bs-indigo-900) !important; }

.cs-purple {
	--color-secondary: var(--bs-purple) !important;
}
.cs-purple-100 { --color-secondary: var(--bs-purple-100) !important; }
.cs-purple-200 { --color-secondary: var(--bs-purple-200) !important; }
.cs-purple-300 { --color-secondary: var(--bs-purple-300) !important; }
.cs-purple-400 { --color-secondary: var(--bs-purple-400) !important; }
.cs-purple-500 { --color-secondary: var(--bs-purple-500) !important; }
.cs-purple-600 { --color-secondary: var(--bs-purple-600) !important; }
.cs-purple-700 { --color-secondary: var(--bs-purple-700) !important; }
.cs-purple-800 { --color-secondary: var(--bs-purple-800) !important; }
.cs-purple-900 { --color-secondary: var(--bs-purple-900) !important; }

.cs-pink {
	--color-secondary: var(--bs-pink) !important;
}
.cs-pink-100 { --color-secondary: var(--bs-pink-100) !important; }
.cs-pink-200 { --color-secondary: var(--bs-pink-200) !important; }
.cs-pink-300 { --color-secondary: var(--bs-pink-300) !important; }
.cs-pink-400 { --color-secondary: var(--bs-pink-400) !important; }
.cs-pink-500 { --color-secondary: var(--bs-pink-500) !important; }
.cs-pink-600 { --color-secondary: var(--bs-pink-600) !important; }
.cs-pink-700 { --color-secondary: var(--bs-pink-700) !important; }
.cs-pink-800 { --color-secondary: var(--bs-pink-800) !important; }
.cs-pink-900 { --color-secondary: var(--bs-pink-900) !important; }

.cs-red {
	--color-secondary: var(--bs-red) !important;
}
.cs-red-100 { --color-secondary: var(--bs-red-100) !important; }
.cs-red-200 { --color-secondary: var(--bs-red-200) !important; }
.cs-red-300 { --color-secondary: var(--bs-red-300) !important; }
.cs-red-400 { --color-secondary: var(--bs-red-400) !important; }
.cs-red-500 { --color-secondary: var(--bs-red-500) !important; }
.cs-red-600 { --color-secondary: var(--bs-red-600) !important; }
.cs-red-700 { --color-secondary: var(--bs-red-700) !important; }
.cs-red-800 { --color-secondary: var(--bs-red-800) !important; }
.cs-red-900 { --color-secondary: var(--bs-red-900) !important; }

.cs-orange {
	--color-secondary: var(--bs-orange) !important;
}
.cs-orange-100 { --color-secondary: var(--bs-orange-100) !important; }
.cs-orange-200 { --color-secondary: var(--bs-orange-200) !important; }
.cs-orange-300 { --color-secondary: var(--bs-orange-300) !important; }
.cs-orange-400 { --color-secondary: var(--bs-orange-400) !important; }
.cs-orange-500 { --color-secondary: var(--bs-orange-500) !important; }
.cs-orange-600 { --color-secondary: var(--bs-orange-600) !important; }
.cs-orange-700 { --color-secondary: var(--bs-orange-700) !important; }
.cs-orange-800 { --color-secondary: var(--bs-orange-800) !important; }
.cs-orange-900 { --color-secondary: var(--bs-orange-900) !important; }

.cs-yellow {
	--color-secondary: var(--bs-yellow) !important;
}

.cs-yellow-100 { --color-secondary: var(--bs-yellow-100) !important; }
.cs-yellow-200 { --color-secondary: var(--bs-yellow-200) !important; }
.cs-yellow-300 { --color-secondary: var(--bs-yellow-300) !important; }
.cs-yellow-400 { --color-secondary: var(--bs-yellow-400) !important; }
.cs-yellow-500 { --color-secondary: var(--bs-yellow-500) !important; }
.cs-yellow-600 { --color-secondary: var(--bs-yellow-600) !important; }
.cs-yellow-700 { --color-secondary: var(--bs-yellow-700) !important; }
.cs-yellow-800 { --color-secondary: var(--bs-yellow-800) !important; }
.cs-yellow-900 { --color-secondary: var(--bs-yellow-900) !important; }

.cs-green {
	--color-secondary: var(--bs-green) !important;
}
.cs-green-100 { --color-secondary: var(--bs-green-100) !important; }
.cs-green-200 { --color-secondary: var(--bs-green-200) !important; }
.cs-green-300 { --color-secondary: var(--bs-green-300) !important; }
.cs-green-400 { --color-secondary: var(--bs-green-400) !important; }
.cs-green-500 { --color-secondary: var(--bs-green-500) !important; }
.cs-green-600 { --color-secondary: var(--bs-green-600) !important; }
.cs-green-700 { --color-secondary: var(--bs-green-700) !important; }
.cs-green-800 { --color-secondary: var(--bs-green-800) !important; }
.cs-green-900 { --color-secondary: var(--bs-green-900) !important; }

.cs-teal {
	--color-secondary: var(--bs-teal) !important;
}
.cs-teal-100 { --color-secondary: var(--bs-teal-100) !important; }
.cs-teal-200 { --color-secondary: var(--bs-teal-200) !important; }
.cs-teal-300 { --color-secondary: var(--bs-teal-300) !important; }
.cs-teal-400 { --color-secondary: var(--bs-teal-400) !important; }
.cs-teal-500 { --color-secondary: var(--bs-teal-500) !important; }
.cs-teal-600 { --color-secondary: var(--bs-teal-600) !important; }
.cs-teal-700 { --color-secondary: var(--bs-teal-700) !important; }
.cs-teal-800 { --color-secondary: var(--bs-teal-800) !important; }
.cs-teal-900 { --color-secondary: var(--bs-teal-900) !important; }

.cs-cyan {
	--color-secondary: var(--bs-cyan) !important;
}
.cs-cyan-100 { --color-secondary: var(--bs-cyan-100) !important; }
.cs-cyan-200 { --color-secondary: var(--bs-cyan-200) !important; }
.cs-cyan-300 { --color-secondary: var(--bs-cyan-300) !important; }
.cs-cyan-400 { --color-secondary: var(--bs-cyan-400) !important; }
.cs-cyan-500 { --color-secondary: var(--bs-cyan-500) !important; }
.cs-cyan-600 { --color-secondary: var(--bs-cyan-600) !important; }
.cs-cyan-700 { --color-secondary: var(--bs-cyan-700) !important; }
.cs-cyan-800 { --color-secondary: var(--bs-cyan-800) !important; }
.cs-cyan-900 { --color-secondary: var(--bs-cyan-900) !important; }

.cs-black {
	--color-secondary: var(--bs-black) !important;
}

.cs-white {
	--color-secondary: var(--bs-white) !important;
}

.cs-gray {
	--color-secondary: var(--bs-gray) !important;
}

.cs-gray-100 {
	--color-secondary: var(--bs-gray-100) !important;
}

.cs-gray-200 {
	--color-secondary: var(--bs-gray-200) !important;
}

.cs-gray-300 {
	--color-secondary: var(--bs-gray-300) !important;
}

.cs-gray-400 {
	--color-secondary: var(--bs-gray-400) !important;
}

.cs-gray-500 {
	--color-secondary: var(--bs-gray-500) !important;
}

.cs-gray-600 {
	--color-secondary: var(--bs-gray-600) !important;
}

.cs-gray-700 {
	--color-secondary: var(--bs-gray-700) !important;
}

.cs-gray-800 {
	--color-secondary: var(--bs-gray-800) !important;
}

.cs-gray-900 {
	--color-secondary: var(--bs-gray-900) !important;
}

.cs-whatsapp {
	--color-secondary: var(--color-whatsapp) !important;
}

/* #endregion	COLOR SECONDARY */

/* #region		COLOR DIRECTION */

.cd-45 {
	--color-direction: 45deg !important;
}

.cd-135 {
	--color-direction: 135deg !important;
}

.cd-225 {
	--color-direction: 225deg !important;
}

.cd-315 {
	--color-direction: 315deg !important;
}

.cd-start {
	--color-direction: to left !important;
}

.cd-top {
	--color-direction: to top !important;
}

.cd-end {
	--color-direction: to right !important;
}

.cd-bottom {
	--color-direction: to bottom !important;
}

/* #endregion	COLOR DIRECTION */

/* #region		FONT FAMILY */

.ff-1 {
	font-family: var(--font-family-1) !important;
}

.ff-2 {
	font-family: var(--font-family-2) !important;
}

.ff-3 {
	font-family: var(--font-family-3) !important;
}

.ff-4 {
	font-family: var(--font-family-4) !important;
}

.ff-5 {
	font-family: var(--font-family-5) !important;
}

/* #endregion	FONT FAMILY */

/* #region		FONT SIZE */

.fs-smallest {
	font-size: 0.75rem !important;
}

.fs-small {
	font-size: 0.875rem !important;
}

.fs-large {
	font-size: 3rem !important;
}

.fs-largest {
	font-size: 4.5rem !important;
}

/* #endregion	FONT SIZE */

/* #region		HIGHLIGHT */

/* Mouse-equipped devices */
@media (pointer:fine) {
	[class^='hl-'],
	[class*=' hl-'] {
		opacity		: var(--highlight-opacity)		!important;
		transition	: opacity var(--transition-2)	!important;
		will-change	: opacity						!important;
	}
	[class^='hl-']:hover,
	[class*=' hl-']:hover,
	[class^='hl-']:focus,
	[class*=' hl-']:focus,
	[class^='hl-']:focus-within,
	[class*=' hl-']:focus-within,
	[class^='hl-']:disabled,
	[class*=' hl-']:disabled {
		--highlight-opacity: 100% !important;
	}
}

/* OR: Swiper bullets, regardless of input type */
.swiper-pagination-bullet[class^='hl-'],
.swiper-pagination-bullet[class*=' hl-'] {
	opacity		: var(--highlight-opacity)		!important;
	transition	: opacity var(--transition-2)	!important;
	will-change	: opacity						!important;
}
.swiper-pagination-bullet[class^='hl-']:hover,
.swiper-pagination-bullet[class*=' hl-']:hover,
.swiper-pagination-bullet[class^='hl-']:focus,
.swiper-pagination-bullet[class*=' hl-']:focus,
.swiper-pagination-bullet[class^='hl-']:focus-within,
.swiper-pagination-bullet[class*=' hl-']:focus-within,
.swiper-pagination-bullet[class^='hl-']:disabled,
.swiper-pagination-bullet[class*=' hl-']:disabled {
	--highlight-opacity: 100% !important;
}

/* Opacity levels (shared) */
.hl-10 {
	--highlight-opacity: 10% !important;
}
.hl-20 {
	--highlight-opacity: 20% !important;
}
.hl-25 {
	--highlight-opacity: 25% !important;
}
.hl-30 {
	--highlight-opacity: 30% !important;
}
.hl-33 {
	--highlight-opacity: 33% !important;
}
.hl-40 {
	--highlight-opacity: 40% !important;
}
.hl-50 {
	--highlight-opacity: 50% !important;
}
.hl-60 {
	--highlight-opacity: 60% !important;
}
.hl-66 {
	--highlight-opacity: 66% !important;
}
.hl-70 {
	--highlight-opacity: 70% !important;
}
.hl-75 {
	--highlight-opacity: 75% !important;
}
.hl-80 {
	--highlight-opacity: 80% !important;
}
.hl-90 {
	--highlight-opacity: 90% !important;
}

/* #endregion	HIGHLIGHT */

/* #region		HOVER ZOOM */

[class^='hz-'],
[class*=' hz-'] {
	transition			: transform 500ms	!important;
	--hover-zoom-scale	: 1;
}

[class^='hz-']:hover,
[class*=' hz-']:hover,
.box:hover>.backdrop[class^='hz-'],
.box:hover>.backdrop[class*=' hz-'] {
	transform: scale(var(--hover-zoom-scale)) !important;
}

.hz-lightest {
	--hover-zoom-scale: 1.05 !important;
}

.hz-light {
	--hover-zoom-scale: 1.1 !important;
}

.hz-medium {
	--hover-zoom-scale: 1.25 !important;
}

.hz-heavy {
	--hover-zoom-scale: 1.5 !important;
}

.hz-heaviest {
	--hover-zoom-scale: 2 !important;
}

/* #endregion	HOVER ZOOM */

/* #region		OPACITY */

.opacity-10 {
	opacity: 0.1 !important;
}

.opacity-20 {
	opacity: 0.2 !important;
}

.opacity-30 {
	opacity: 0.3 !important;
}

.opacity-33 {
	opacity: 0.33 !important;
}

.opacity-40 {
	opacity: 0.4 !important;
}

.opacity-60 {
	opacity: 0.6 !important;
}

.opacity-66 {
	opacity: 0.66 !important;
}

.opacity-70 {
	opacity: 0.7 !important;
}

.opacity-80 {
	opacity: 0.8 !important;
}

.opacity-90 {
	opacity: 0.9 !important;
}

/* #endregion	OPACITY */

/* #region		OVERLAY */

.overlay, .overlay-1000 {
	position : relative;
}

.overlay::before {
	background-image	: linear-gradient(to var(--overlay-direction), var(--overlay-color) 0%, transparent var(--overlay-height));
	bottom				: 0;
	content				: '';
	left				: 0;
	opacity				: var(--overlay-opacity);
	pointer-events		: none;
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 995;
}

.overlay-1000::before {
	background-image	: linear-gradient(to var(--overlay-direction), var(--overlay-color) 0%, transparent var(--overlay-height));
	bottom				: 0;
	content				: '';
	left				: 0;
	opacity				: var(--overlay-opacity);
	pointer-events		: none;
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 1000;
}

/* #endregion	OVERLAY */

/* #region		OVERLAY COLOR */

.oc-1 {
	--overlay-color: var(--color-1);
}

.oc-2 {
	--overlay-color: var(--color-2);
}

.oc-3 {
	--overlay-color: var(--color-3);
}

.oc-4 {
	--overlay-color: var(--color-4);
}

.oc-5 {
	--overlay-color: var(--color-5);
}

.oc-6 {
	--overlay-color: var(--color-6);
}

.oc-7 {
	--overlay-color: var(--color-7);
}

.oc-8 {
	--overlay-color: var(--color-8);
}

.oc-9 {
	--overlay-color: var(--color-9);
}

.oc-10 {
	--overlay-color: var(--color-10);
}

.oc-11 {
	--overlay-color: var(--color-11);
}

.oc-12 {
	--overlay-color: var(--color-12);
}

.oc-13 {
	--overlay-color: var(--color-13);
}

.oc-14 {
	--overlay-color: var(--color-14);
}

.oc-15 {
	--overlay-color: var(--color-15);
}

.oc-16 {
	--overlay-color: var(--color-16);
}

.oc-17 {
	--overlay-color: var(--color-17);
}

.oc-18 {
	--overlay-color: var(--color-18);
}

.oc-19 {
	--overlay-color: var(--color-19);
}

.oc-20 {
	--overlay-color: var(--color-20);
}

.oc-blue {
	--overlay-color: var(--bs-blue);
}
.oc-blue-100 { --overlay-color: var(--bs-blue-100); }
.oc-blue-200 { --overlay-color: var(--bs-blue-200); }
.oc-blue-300 { --overlay-color: var(--bs-blue-300); }
.oc-blue-400 { --overlay-color: var(--bs-blue-400); }
.oc-blue-500 { --overlay-color: var(--bs-blue-500); }
.oc-blue-600 { --overlay-color: var(--bs-blue-600); }
.oc-blue-700 { --overlay-color: var(--bs-blue-700); }
.oc-blue-800 { --overlay-color: var(--bs-blue-800); }
.oc-blue-900 { --overlay-color: var(--bs-blue-900); }

.oc-indigo {
	--overlay-color: var(--bs-indigo);
}
.oc-indigo-100 { --overlay-color: var(--bs-indigo-100); }
.oc-indigo-200 { --overlay-color: var(--bs-indigo-200); }
.oc-indigo-300 { --overlay-color: var(--bs-indigo-300); }
.oc-indigo-400 { --overlay-color: var(--bs-indigo-400); }
.oc-indigo-500 { --overlay-color: var(--bs-indigo-500); }
.oc-indigo-600 { --overlay-color: var(--bs-indigo-600); }
.oc-indigo-700 { --overlay-color: var(--bs-indigo-700); }
.oc-indigo-800 { --overlay-color: var(--bs-indigo-800); }
.oc-indigo-900 { --overlay-color: var(--bs-indigo-900); }

.oc-purple {
	--overlay-color: var(--bs-purple);
}
.oc-purple-100 { --overlay-color: var(--bs-purple-100); }
.oc-purple-200 { --overlay-color: var(--bs-purple-200); }
.oc-purple-300 { --overlay-color: var(--bs-purple-300); }
.oc-purple-400 { --overlay-color: var(--bs-purple-400); }
.oc-purple-500 { --overlay-color: var(--bs-purple-500); }
.oc-purple-600 { --overlay-color: var(--bs-purple-600); }
.oc-purple-700 { --overlay-color: var(--bs-purple-700); }
.oc-purple-800 { --overlay-color: var(--bs-purple-800); }
.oc-purple-900 { --overlay-color: var(--bs-purple-900); }

.oc-pink {
	--overlay-color: var(--bs-pink);
}
.oc-pink-100 { --overlay-color: var(--bs-pink-100); }
.oc-pink-200 { --overlay-color: var(--bs-pink-200); }
.oc-pink-300 { --overlay-color: var(--bs-pink-300); }
.oc-pink-400 { --overlay-color: var(--bs-pink-400); }
.oc-pink-500 { --overlay-color: var(--bs-pink-500); }
.oc-pink-600 { --overlay-color: var(--bs-pink-600); }
.oc-pink-700 { --overlay-color: var(--bs-pink-700); }
.oc-pink-800 { --overlay-color: var(--bs-pink-800); }
.oc-pink-900 { --overlay-color: var(--bs-pink-900); }

.oc-red {
	--overlay-color: var(--bs-red);
}
.oc-red-100 { --overlay-color: var(--bs-red-100); }
.oc-red-200 { --overlay-color: var(--bs-red-200); }
.oc-red-300 { --overlay-color: var(--bs-red-300); }
.oc-red-400 { --overlay-color: var(--bs-red-400); }
.oc-red-500 { --overlay-color: var(--bs-red-500); }
.oc-red-600 { --overlay-color: var(--bs-red-600); }
.oc-red-700 { --overlay-color: var(--bs-red-700); }
.oc-red-800 { --overlay-color: var(--bs-red-800); }
.oc-red-900 { --overlay-color: var(--bs-red-900); }

.oc-orange {
	--overlay-color: var(--bs-orange);
}
.oc-orange-100 { --overlay-color: var(--bs-orange-100); }
.oc-orange-200 { --overlay-color: var(--bs-orange-200); }
.oc-orange-300 { --overlay-color: var(--bs-orange-300); }
.oc-orange-400 { --overlay-color: var(--bs-orange-400); }
.oc-orange-500 { --overlay-color: var(--bs-orange-500); }
.oc-orange-600 { --overlay-color: var(--bs-orange-600); }
.oc-orange-700 { --overlay-color: var(--bs-orange-700); }
.oc-orange-800 { --overlay-color: var(--bs-orange-800); }
.oc-orange-900 { --overlay-color: var(--bs-orange-900); }

.oc-yellow {
	--overlay-color: var(--bs-yellow);
}

.oc-yellow-100 { --overlay-color: var(--bs-yellow-100); }
.oc-yellow-200 { --overlay-color: var(--bs-yellow-200); }
.oc-yellow-300 { --overlay-color: var(--bs-yellow-300); }
.oc-yellow-400 { --overlay-color: var(--bs-yellow-400); }
.oc-yellow-500 { --overlay-color: var(--bs-yellow-500); }
.oc-yellow-600 { --overlay-color: var(--bs-yellow-600); }
.oc-yellow-700 { --overlay-color: var(--bs-yellow-700); }
.oc-yellow-800 { --overlay-color: var(--bs-yellow-800); }
.oc-yellow-900 { --overlay-color: var(--bs-yellow-900); }

.oc-green {
	--overlay-color: var(--bs-green);
}
.oc-green-100 { --overlay-color: var(--bs-green-100); }
.oc-green-200 { --overlay-color: var(--bs-green-200); }
.oc-green-300 { --overlay-color: var(--bs-green-300); }
.oc-green-400 { --overlay-color: var(--bs-green-400); }
.oc-green-500 { --overlay-color: var(--bs-green-500); }
.oc-green-600 { --overlay-color: var(--bs-green-600); }
.oc-green-700 { --overlay-color: var(--bs-green-700); }
.oc-green-800 { --overlay-color: var(--bs-green-800); }
.oc-green-900 { --overlay-color: var(--bs-green-900); }

.oc-teal {
	--overlay-color: var(--bs-teal);
}
.oc-teal-100 { --overlay-color: var(--bs-teal-100); }
.oc-teal-200 { --overlay-color: var(--bs-teal-200); }
.oc-teal-300 { --overlay-color: var(--bs-teal-300); }
.oc-teal-400 { --overlay-color: var(--bs-teal-400); }
.oc-teal-500 { --overlay-color: var(--bs-teal-500); }
.oc-teal-600 { --overlay-color: var(--bs-teal-600); }
.oc-teal-700 { --overlay-color: var(--bs-teal-700); }
.oc-teal-800 { --overlay-color: var(--bs-teal-800); }
.oc-teal-900 { --overlay-color: var(--bs-teal-900); }

.oc-cyan {
	--overlay-color: var(--bs-cyan);
}
.oc-cyan-100 { --overlay-color: var(--bs-cyan-100); }
.oc-cyan-200 { --overlay-color: var(--bs-cyan-200); }
.oc-cyan-300 { --overlay-color: var(--bs-cyan-300); }
.oc-cyan-400 { --overlay-color: var(--bs-cyan-400); }
.oc-cyan-500 { --overlay-color: var(--bs-cyan-500); }
.oc-cyan-600 { --overlay-color: var(--bs-cyan-600); }
.oc-cyan-700 { --overlay-color: var(--bs-cyan-700); }
.oc-cyan-800 { --overlay-color: var(--bs-cyan-800); }
.oc-cyan-900 { --overlay-color: var(--bs-cyan-900); }

.oc-black {
	--overlay-color: var(--bs-black);
}

.oc-white {
	--overlay-color: var(--bs-white);
}

.oc-gray {
	--overlay-color: var(--bs-gray);
}

.oc-gray-100 {
	--overlay-color: var(--bs-gray-100);
}

.oc-gray-200 {
	--overlay-color: var(--bs-gray-200);
}

.oc-gray-300 {
	--overlay-color: var(--bs-gray-300);
}

.oc-gray-400 {
	--overlay-color: var(--bs-gray-400);
}

.oc-gray-500 {
	--overlay-color: var(--bs-gray-500);
}

.oc-gray-600 {
	--overlay-color: var(--bs-gray-600);
}

.oc-gray-700 {
	--overlay-color: var(--bs-gray-700);
}

.oc-gray-800 {
	--overlay-color: var(--bs-gray-800);
}

.oc-gray-900 {
	--overlay-color: var(--bs-gray-900);
}

/* #endregion	OVERLAY COLOR */

/* #region		OVERLAY DIRECTION */

.od-start {
	--overlay-direction: right;
}

.od-end {
	--overlay-direction: left;
}

.od-top {
	--overlay-direction: bottom;
}

.od-bottom {
	--overlay-direction: top;
}

/* #endregion	OVERLAY DIRECTION */

/* #region		OVERLAY HEIGHT */

.oh-10 {
	--overlay-height: 10%;
}

.oh-20 {
	--overlay-height: 20%;
}

.oh-30 {
	--overlay-height: 30%;
}

.oh-40 {
	--overlay-height: 40%;
}

.oh-50 {
	--overlay-height: 50%;
}

.oh-60 {
	--overlay-height: 60%;
}

.oh-70 {
	--overlay-height: 70%;
}

.oh-80 {
	--overlay-height: 80%;
}

.oh-90 {
	--overlay-height: 90%;
}

.oh-100 {
	--overlay-height: 100%;
}

/* #endregion	OVERLAY HEIGHT */

/* #region		OVERLAY OPACITY */

.oo-10 {
	--overlay-opacity: 10%;
}

.oo-20 {
	--overlay-opacity: 20%;
}

.oo-30 {
	--overlay-opacity: 30%;
}

.oo-40 {
	--overlay-opacity: 40%;
}

.oo-50 {
	--overlay-opacity: 50%;
}

.oo-60 {
	--overlay-opacity: 60%;
}

.oo-70 {
	--overlay-opacity: 70%;
}

.oo-80 {
	--overlay-opacity: 80%;
}

.oo-90 {
	--overlay-opacity: 90%;
}

.oo-100 {
	--overlay-opacity: 100%;
}

/* #endregion	OVERLAY OPACITY */