/* @prettier */
/* NUEVOS ESTILOS GLOBALES */

@media only screen {
	:root {
		--bs-body-color: #fff;
		--bs-body-bg: var(--bs-dark);
		--bs-body-bg-rgb: var(--bs-dark-rgb);

		/* Colors */
		--bs-primary: #22e5cb;
		--bs-primary-rgb: 34, 229, 203;
		--bs-dark: #0d0d0d;
		--bs-dark-rgb: 13, 13, 13;
	}

	* {
		box-sizing: border-box;
		scroll-behavior: smooth;
	}

	*:has(> .custom-back) {
		z-index: 1;
	}

	html {
		font-size: 95%;
		overflow: hidden;
	}

	body {
		/* font-family: "Satoshi-Variable", sans-serif; */
		font-family: "Figtree", sans-serif;
		overflow: hidden auto;
	}

	body:has(.navbar-collapse.show) {
		overflow: hidden;
	}

	a[target="_blank"][href=""] {
		display: none;
	}

	.navbar {
		/* --bs-navbar-brand-padding-y: 1.5rem; */
		--bs-navbar-color: var(--bs-body-color);
		position: sticky;
		top: 0;
		z-index: 100;
	}

	.navbar-brand {
		height: 5rem;
		transition: all 0.3s ease;
	}

	.navbar-brand:hover {
		opacity: 0.5;
	}

	.navbar-brand img {
		height: 2em;
	}

	.navbar-collapse {
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;

		/* Mobile navigation */
		transition: left 0.5s ease-out;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		z-index: 99;
		padding: 2rem 1rem;
		background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
	}

	.navbar-collapse.show + .navbar-toggler {
		position: fixed;
		right: 1rem;
		top: 2.2rem;
		z-index: 100;
	}

	.navbar-collapse:not(.show) {
		left: 100%;
	}

	.navbar-collapse.show {
		display: flex;
		overflow: hidden auto;
	}

	.navbar-nav {
		max-width: 100%;
	}

	.nav-link {
		--bs-navbar-nav-link-padding-x: 0;
		--bs-nav-link-hover-color: var(--bs-primary);

		border-bottom: 1px solid transparent;
	}

	.nav-link.active,
	.nav-link:hover {
		border-color: var(--bs-nav-link-hover-color);
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding: 0 1rem;
	}

	.btn {
		z-index: 0;
	}

	.btn-primary {
		--bs-btn-bg: var(--bs-primary);
		--bs-btn-color: var(--bs-dark);
		--bs-btn-border-color: var(--bs-primary);

		/* Hover */
		--bs-btn-hover-bg: color-mix(in srgb, var(--bs-dark), white 10%);
		--bs-btn-hover-color: var(--bs-primary);
		--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-dark), white 10%);

		/* Active */
		--bs-btn-active-bg: color-mix(in srgb, var(--bs-dark), white 10%);
		--bs-btn-active-color: var(--bs-primary);
		--bs-btn-active-border-color: color-mix(in srgb, var(--bs-dark), white 10%);
	}

	.btn-primary.to-outline {
		/* Hover */
		--bs-btn-hover-bg: transparent;
		--bs-btn-hover-color: var(--bs-primary);
		--bs-btn-hover-border-color: var(--bs-primary);

		/* Active */
		--bs-btn-active-bg: transparent;
		--bs-btn-active-color: var(--bs-primary);
		--bs-btn-active-border-color: var(--bs-primary);
	}

	.btn-outline-primary {
		--bs-btn-color: var(--bs-primary);
		--bs-btn-border-color: var(--bs-primary);

		/* Hover */
		--bs-btn-hover-bg: var(--bs-primary);
		--bs-btn-hover-color: var(--bs-dark);
		--bs-btn-hover-border-color: var(--bs-primary);

		/* Active */
		--bs-btn-active-bg: var(--bs-primary);
		--bs-btn-active-color: var(--bs-dark);
		--bs-btn-active-border-color: var(--bs-primary);
	}

	.btn-dark {
		--bs-btn-bg: var(--bs-dark);
		--bs-btn-color: var(--bs-white);
		--bs-btn-border-color: var(--bs-dark);

		/* Hover */
		--bs-btn-hover-bg: var(--bs-white);
		--bs-btn-hover-color: var(--bs-primary);
		--bs-btn-hover-border-color: var(--bs-white);

		/* Active */
		--bs-btn-active-bg: var(--bs-white);
		--bs-btn-active-color: var(--bs-primary);
		--bs-btn-active-border-color: var(--bs-white);
	}

	.btn-dark.to-outline {
		/* Hover */
		--bs-btn-hover-bg: transparent;
		--bs-btn-hover-color: var(--bs-dark);
		--bs-btn-hover-border-color: var(--bs-dark);

		/* Active */
		--bs-btn-active-bg: transparent;
		--bs-btn-active-color: var(--bs-dark);
		--bs-btn-active-border-color: var(--bs-dark);
	}

	.btn-light {
		--bs-btn-bg: var(--bs-white);
		--bs-btn-color: var(--bs-dark);
		--bs-btn-border-color: var(--bs-white);

		/* Hover */
		--bs-btn-hover-bg: var(--bs-primary);
		--bs-btn-hover-color: var(--bs-dark);
		--bs-btn-hover-border-color: var(--bs-primary);

		/* Active */
		--bs-btn-active-bg: var(--bs-primary);
		--bs-btn-active-color: var(--bs-dark);
		--bs-btn-active-border-color: var(--bs-primary);
	}

	.btn-light.to-outline {
		/* Hover */
		--bs-btn-hover-bg: transparent;
		--bs-btn-hover-color: var(--bs-light);
		--bs-btn-hover-border-color: var(--bs-light);

		/* Active */
		--bs-btn-active-bg: transparent;
		--bs-btn-active-color: var(--bs-light);
		--bs-btn-active-border-color: var(--bs-light);
	}

	.link-light {
		--bs-link-color-rgb: var(--bs-light-rgb);
		--bs-link-hover-color-rgb: var(--bs-primary-rgb);
		--bs-link-active-color-rgb: var(--bs-primary-rgb);
	}

	.link-dark {
		--bs-link-color-rgb: var(--bs-dark-rgb);
		--bs-link-hover-color-rgb: var(--bs-primary-rgb);
		--bs-link-active-color-rgb: var(--bs-primary-rgb);
	}

	.link-dark.to-invert {
		--bs-link-hover-color-rgb: var(--bs-light-rgb);
		--bs-link-active-color-rgb: var(--bs-light-rgb);
	}

	.link-dark.to-subtle {
		--bs-link-hover-color-rgb: var(--bs-dark-rgb);
		--bs-link-active-color-rgb: var(--bs-dark-rgb);
		--bs-link-hover-opacity: 0.7;
		--bs-link-active-opacity: 0.7;
	}

	.link-primary {
		--bs-link-color-rgb: var(--bs-primary-rgb);
		--bs-link-hover-color-rgb: var(--bs-light-rgb);
		--bs-link-active-color-rgb: var(--bs-light-rgb);
	}

	.link-light,
	.link-dark,
	.link-primary {
		transition: all 0.3s ease;
		text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
		color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
	}

	.link-light:hover,
	.link-dark:hover,
	.link-primary:hover {
		text-decoration-color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-hover-opacity, var(--bs-link-opacity, 1))) !important;
		color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-hover-opacity, var(--bs-link-opacity, 1))) !important;
	}

	.link-light:focus,
	.link-dark:focus,
	.link-primary:focus {
		text-decoration-color: rgba(var(--bs-link-active-color-rgb), var(--bs-link-active-opacity, var(--bs-link-opacity, 1))) !important;
		color: rgba(var(--bs-link-active-color-rgb), var(--bs-link-active-opacity, var(--bs-link-opacity, 1))) !important;
	}

	.input-group .btn {
		border-color: rgba(var(--bs-light-rgb), 0.1);
		background-color: rgba(var(--bs-light-rgb), 0.1);
	}

	.input-group .btn:hover {
		border-color: rgba(var(--bs-light-rgb), 0.3);
		background-color: rgba(var(--bs-light-rgb), 0.3);
	}

	.form-switch .form-check-input:checked {
		/* Black dot */
		--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
	}

	.form-check-input {
		width: 1.1em;
		height: 1.1em;
		margin-top: 0.1em;
		--bs-form-check-bg: var(--bs-light);
	}

	.form-check-input:checked {
		background-color: var(--bs-primary);
		border-color: var(--bs-primary);
	}

	.form-check-input:focus {
		box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
	}

	textarea.form-control {
		min-height: 7rem;
	}

	.form-select option {
		background-color: #403f47;
	}

	.form-select,
	.form-control {
		border-color: rgba(var(--bs-light-rgb), 0.1);
		background-color: rgba(var(--bs-light-rgb), 0.1);
	}

	.form-select:placeholder,
	.form-control:placeholder {
		color: var(--bs-light-);
	}

	.form-select:focus,
	.form-control:focus {
		border-color: color-mix(in srgb, var(--bs-primary), white 50%);
		box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
	}

	.dropdown {
		max-width: 100%;
	}

	.dropdown-menu {
		min-width: 100%;
		width: max-content;
		max-width: 100%;
	}

	.dropdown:has(.custom-menu-events) .dropdown-toggle::after {
		display: none;
	}

	/* Extras */
	.container-xxl.container-xxx {
		max-width: 1920px;
	}

	.min-h-content {
		min-height: fit-content;
	}

	.opacity-10 {
		opacity: 0.1;
	}

	.w-70 {
		width: 70%;
	}

	.w-80 {
		width: 80%;
	}

	.w-90 {
		width: 90%;
	}

	.max-w-32r {
		max-width: 32rem;
	}

	.ratio-3x4 {
		--bs-aspect-ratio: 133%;
	}

	.min-vh-60 {
		min-height: 60vh;
	}

	.min-vh-70 {
		min-height: 70vh;
	}

	.min-vh-80 {
		min-height: 80vh;
	}

	.min-vh-90 {
		min-height: 90vh;
	}

	/* Custom styles */
	.grecaptcha-badge {
		visibility: hidden;
	}

	#announcements small {
		font-size: 0.75rem !important;
	}

	.custom-object-fit {
		object-fit: cover;
		object-position: center center;
	}

	.on-youtube {
		transition: all 0.3s ease;
	}
	.on-youtube:hover {
		transform: opacity(0.7);
	}
	.on-youtube-container {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
		padding: 0.5rem 1rem;
		gap: 0.3rem;
		border-radius: 5px;
		color: #fff;
		background-color: rgb(0 0 0 / 70%);
		font-weight: bold;
		text-decoration: none;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
	}
	.on-youtube-container i {
		margin-top: 0.1rem;
	}

	/* DOMOS Modal */
	.domos-modal {
		z-index: 9999;
	}

	.domos-modal .modal-body {
		padding: 1.5rem;
	}

	.domos-modal .modal-content {
		background: #000;
		background: linear-gradient(180deg, #050505 0%, #0a0a0a 100%);
	}

	.domos-modal .form-check-input {
		width: 0.9em;
		height: 0.9em;
	}

	.domos-modal .domos-input-overlay,
	.domos-modal .domos-input-icon,
	.domos-modal .domos-input-remove {
		position: relative;
		width: 100%;
	}

	.domos-modal .domos-input-overlay::after {
		content: attr(data-overlay-text);
		position: absolute;
		left: 1rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.9em;
		font-weight: 300;
	}

	.domos-modal .domos-input-overlay input,
	.domos-modal .domos-input-overlay select {
		padding-left: 100px;
	}

	.domos-modal .domos-input-icon i {
		position: absolute;
		left: 1rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.domos-modal .domos-input-icon input,
	.domos-modal .domos-input-icon select {
		padding-left: 2.5rem;
	}

	.domos-modal .domos-input-remove::after {
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		content: "\f62a";
		font-family: bootstrap-icons;
		font-style: normal;
		font-weight: normal;
		color: rgba(var(--bs-secondary-rgb), 1);
	}

	.domos-modal .domos-input-remove input,
	.domos-modal .domos-input-remove select {
		padding-right: 2rem;
	}

	/* Icon SVG */
	.icon-svg {
		display: inline-block;
		width: 1em;
		height: 1em;

		[fill] {
			fill: currentColor;
		}
	}

	.invert-colors {
		filter: invert(1);
	}

	/* Custom slide gallery */
	@keyframes toRightCustomSlideGallery {
		100% {
			transform: translateX(calc(100% + 1.5rem));
		}
	}

	.custom-slide-gallery {
		width: 100vw;
		width: 100dvw;
		overflow: hidden;
	}

	.custom-slide-gallery ul {
		animation-name: toRightCustomSlideGallery;
		will-change: contents;
		transform: translate3d(0, 0, 0);
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-fill-mode: forwards;
		animation-duration: 60s;
	}

	.custom-slide-gallery-item {
		border-radius: 1.5rem;
	}

	.custom-slide-gallery-item:not(.flexible) img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		pointer-events: none;
	}

	.custom-slide-gallery-item:not(.flexible):nth-child(2n) {
		width: 15rem;
		height: 10rem;
	}

	.custom-slide-gallery-item:not(.flexible):nth-child(2n + 1) {
		width: 10rem;
		height: 15rem;
	}

	.custom-slide-gallery-item.flexible {
		width: auto;
		height: 15rem;
	}

	.custom-slide-gallery-item.flexible img {
		width: auto;
		height: 100%;
	}

	/* Custom login pgae */
	.custom-login-control .form-select,
	.custom-login-control .form-control {
		background: transparent;
		padding-left: 2.5rem;
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
	}

	.custom-login-control .form-select:not(:focus),
	.custom-login-control .form-control:not(:focus) {
		border-color: var(--bs-light);
	}

	/* Password show/hide */
	.custom-login-control .form-select:nth-child(2):nth-last-child(2),
	.custom-login-control .form-control:nth-child(2):nth-last-child(2) {
		padding-right: 2.5rem;
	}

	.custom-login-control-icon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 2.5rem;
		text-align: center;
	}

	.custom-login-control-icon:first-child {
		left: 1px;
	}

	.custom-login-control-icon:last-child {
		right: 1px;
	}

	.custom-login-logo img {
		object-fit: contain;
		object-position: center center;
	}

	.custom-login-form {
		max-width: 400px;
	}

	/* Custom business logos */
	@keyframes toRightCustomBusinessLogos {
		100% {
			transform: translateX(calc(6 * (100px + 3rem)));
		}
	}

	.custom-business-logos-slide {
		width: 100vw;
		width: 100dvw;
		overflow: hidden;
	}

	.custom-business-logos-slide ul {
		animation-name: toRightCustomBusinessLogos;
		will-change: contents;
		transform: translate3d(0, 0, 0);
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-duration: 40s;
	}

	.custom-business-logos-slide .custom-business-logo {
		display: block;
		height: 3rem;
		width: 9rem;
		object-fit: contain;
		object-position: center center;
		pointer-events: none;
	}

	.custom-business-logos .custom-business-logo {
		display: block;
		height: 3rem;
		width: auto;
		object-fit: contain;
		object-position: center center;
		pointer-events: none;
	}

	/* Custom slider */
	.custom-slider:has(.custom-back + .custom-back) .custom-back {
		/* Initial slider state */
		opacity: 0;
	}

	.custom-back {
		display: block;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: -1;
	}

	img.custom-back,
	video.custom-back,
	iframe.custom-back,
	.custom-back img,
	.custom-back video,
	.custom-back iframe {
		display: block;
		object-fit: cover;
		object-position: center center;
	}

	.custom-back img,
	.custom-back video,
	.custom-back iframe {
		width: 100%;
		height: 100%;
	}

	.custom-text-balance {
		text-wrap: balance;
		text-wrap: pretty;
	}

	.custom-event-img {
		aspect-ratio: 16 / 9;
		transition: all 0.3s ease;
	}

	.custom-event-img:hover img {
		border-color: var(--bs-primary);
		opacity: 0.7;
	}

	.custom-event-img img {
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}

	/* DOMOS Member card */
	.custom-domos-member > .custom-back,
	.custom-domos-member p {
		transition: all 0.3s ease;
	}

	.custom-domos-member:hover > .custom-back {
		opacity: 0.9;
	}

	.custom-domos-member:hover .custom-mentor-avatar {
		filter: grayscale(0);
	}

	.custom-domos-member:not(:hover) p {
		filter: grayscale(1);
	}

	/* Oportunities card */
	.custom-oportunity > .custom-back {
		border: 1px solid transparent;
		transition: all 0.3s ease;
		background-color: rgba(var(--bs-light-rgb), 0.05);
	}

	.custom-oportunity:hover .custom-back {
		border-color: var(--bs-primary);
		background-color: rgba(var(--bs-primary-rgb), 0.1);
	}

	.custom-oportunity-img {
		width: 4rem;
		height: 4rem;
		transition: all 0.3s ease;
	}

	.custom-oportunity-img:hover {
		opacity: 0.4;
	}

	.custom-oportunity-img img.custom-back {
		object-fit: contain;
	}

	.custom-oportunity-ellipsis {
		width: 100%;
	}

	.custom-oportunity-ellipsis * {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		/*white-space: nowrap;*/
	}

	/* Mentor card */
	.custom-mentor:hover .custom-mentor-avatar {
		filter: grayscale(0);
	}

	.custom-mentor .custom-back {
		border: 1px solid transparent;
		transition: all 0.3s ease;
		background-color: rgba(var(--bs-light-rgb), 0.1);
	}

	.custom-mentor:hover .custom-back {
		border-color: var(--bs-primary);
		background-color: rgba(var(--bs-primary-rgb), 0.1);
	}

	/* Mentor card avatar */
	.custom-mentor-avatar {
		width: 8rem;
		height: 8rem;
		flex: 0 0 auto;
		transition: all 0.3s ease;
	}

	.custom-mentor-avatar.small {
		width: 5.5rem;
		height: 5.5rem;
	}

	.custom-mentor-avatar.filter {
		filter: grayscale(100);
	}

	.custom-mentor-avatar img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	/* Mentor pellet */
	.custom-mentor-pellet {
		background: rgba(255, 255, 255, 0.1);
		color: rgba(255, 255, 255, 0.5);
	}

	.custom-mentor-pellet:focus,
	.custom-mentor-pellet:hover {
		background: rgba(255, 255, 255, 0.3);
		color: rgba(255, 255, 255, 1);
	}

	/* Community card */
	.custom-community-card {
		position: relative;
	}

	.custom-community-card .custom-back {
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}

	.custom-community-card:hover .custom-back {
		border-color: var(--bs-primary);
	}

	/* Benefit card */
	.custom-benefit-card {
		aspect-ratio: 1200/799;
	}

	.custom-benefit-card img {
		display: block;
		max-width: 100%;
		object-fit: contain;
		object-position: center center;
		transition: all 0.3s ease;
	}

	.custom-benefit-card:not(:hover) img {
		opacity: 0.25;
		filter: grayscale(1);
	}

	.custom-benefit-card .custom-back {
		border: 1px solid transparent;
		transition: all 0.3s ease;
		background-color: rgba(var(--bs-light-rgb), 0.1);
	}

	.custom-benefit-card:hover .custom-back {
		border-color: var(--bs-primary);
		background-color: rgba(var(--bs-primary-rgb), 0.1);
	}

	.custom-columns-2 {
		columns: 2 auto;
	}

	.custom-columns-3 {
		columns: 3 auto;
	}

	.custom-break-avoid {
		break-inside: avoid;
	}

	.custom-footer-logo img {
		display: block;
		height: 4rem;
		max-width: 100%;
		object-fit: contain;
		object-position: center center;
		transition: all 0.3s ease;
	}

	.custom-footer-logo:hover img {
		opacity: 0.4;
	}
}

@media only screen and (min-width: 576px) {
	/* Extras */
	.w-sm-60 {
		width: 60%;
	}

	.w-sm-70 {
		width: 70%;
	}

	.w-sm-75 {
		width: 75%;
	}

	.w-sm-80 {
		width: 80%;
	}

	.w-sm-90 {
		width: 90%;
	}

	.w-sm-100 {
		width: 100%;
	}

	.max-w-sm-32r {
		max-width: 32rem;
	}

	.display-sm-1 {
		font-size: 5rem !important;
	}

	.display-sm-5 {
		font-size: 3rem !important;
	}

	.fs-sm-2 {
		font-size: calc(1.325rem + 0.9vw) !important;
	}

	.fs-sm-3 {
		font-size: calc(1.3rem + 0.6vw) !important;
	}

	.fs-sm-4 {
		font-size: calc(1.275rem + 0.3vw) !important;
	}

	.fs-sm-5 {
		font-size: 1.25rem !important;
	}

	.fs-sm-6 {
		font-size: 1rem !important;
	}

	.btn-sm-primary {
		--bs-btn-bg: var(--bs-primary);
		--bs-btn-color: var(--bs-dark);
		--bs-btn-border-color: var(--bs-primary);

		/* Hover */
		--bs-btn-hover-bg: color-mix(in srgb, var(--bs-dark), white 10%);
		--bs-btn-hover-color: var(--bs-primary);
		--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-dark), white 10%);

		/* Active */
		--bs-btn-active-bg: color-mix(in srgb, var(--bs-dark), white 10%);
		--bs-btn-active-color: var(--bs-primary);
		--bs-btn-active-border-color: color-mix(in srgb, var(--bs-dark), white 10%);
	}

	.btn-sm-primary.to-outline {
		/* Hover */
		--bs-btn-hover-bg: transparent;
		--bs-btn-hover-color: var(--bs-primary);
		--bs-btn-hover-border-color: var(--bs-primary);

		/* Active */
		--bs-btn-active-bg: transparent;
		--bs-btn-active-color: var(--bs-primary);
		--bs-btn-active-border-color: var(--bs-primary);
	}

	.btn-outline-sm-primary {
		--bs-btn-color: var(--bs-primary);
		--bs-btn-border-color: var(--bs-primary);

		/* Hover */
		--bs-btn-hover-bg: var(--bs-primary);
		--bs-btn-hover-color: var(--bs-dark);
		--bs-btn-hover-border-color: var(--bs-primary);

		/* Active */
		--bs-btn-active-bg: var(--bs-primary);
		--bs-btn-active-color: var(--bs-dark);
		--bs-btn-active-border-color: var(--bs-primary);
	}

	.btn-sm-dark {
		--bs-btn-bg: var(--bs-dark);
		--bs-btn-color: var(--bs-white);
		--bs-btn-border-color: var(--bs-dark);

		/* Hover */
		--bs-btn-hover-bg: var(--bs-white);
		--bs-btn-hover-color: var(--bs-primary);
		--bs-btn-hover-border-color: var(--bs-white);

		/* Active */
		--bs-btn-active-bg: var(--bs-white);
		--bs-btn-active-color: var(--bs-primary);
		--bs-btn-active-border-color: var(--bs-white);
	}

	.btn-sm-dark.to-outline {
		/* Hover */
		--bs-btn-hover-bg: transparent;
		--bs-btn-hover-color: var(--bs-dark);
		--bs-btn-hover-border-color: var(--bs-dark);

		/* Active */
		--bs-btn-active-bg: transparent;
		--bs-btn-active-color: var(--bs-dark);
		--bs-btn-active-border-color: var(--bs-dark);
	}

	.btn-sm-light {
		--bs-btn-bg: var(--bs-white);
		--bs-btn-color: var(--bs-dark);
		--bs-btn-border-color: var(--bs-white);

		/* Hover */
		--bs-btn-hover-bg: var(--bs-primary);
		--bs-btn-hover-color: var(--bs-dark);
		--bs-btn-hover-border-color: var(--bs-primary);

		/* Active */
		--bs-btn-active-bg: var(--bs-primary);
		--bs-btn-active-color: var(--bs-dark);
		--bs-btn-active-border-color: var(--bs-primary);
	}

	.btn-sm-light.to-outline {
		/* Hover */
		--bs-btn-hover-bg: transparent;
		--bs-btn-hover-color: var(--bs-light);
		--bs-btn-hover-border-color: var(--bs-light);

		/* Active */
		--bs-btn-active-bg: transparent;
		--bs-btn-active-color: var(--bs-light);
		--bs-btn-active-border-color: var(--bs-light);
	}

	.link-sm-light {
		--bs-link-color-rgb: var(--bs-light-rgb);
		--bs-link-hover-color-rgb: var(--bs-primary-rgb);
		--bs-link-active-color-rgb: var(--bs-primary-rgb);
	}

	.link-sm-dark {
		--bs-link-color-rgb: var(--bs-dark-rgb);
		--bs-link-hover-color-rgb: var(--bs-primary-rgb);
		--bs-link-active-color-rgb: var(--bs-primary-rgb);
	}

	.link-sm-dark.to-invert {
		--bs-link-hover-color-rgb: var(--bs-light-rgb);
		--bs-link-active-color-rgb: var(--bs-light-rgb);
	}

	.link-sm-dark.to-subtle {
		--bs-link-hover-color-rgb: var(--bs-dark-rgb);
		--bs-link-active-color-rgb: var(--bs-dark-rgb);
		--bs-link-hover-opacity: 0.7;
		--bs-link-active-opacity: 0.7;
	}

	.link-sm-primary {
		--bs-link-color-rgb: var(--bs-primary-rgb);
		--bs-link-hover-color-rgb: var(--bs-light-rgb);
		--bs-link-active-color-rgb: var(--bs-light-rgb);
	}

	.link-sm-light,
	.link-sm-dark,
	.link-sm-primary {
		transition: all 0.3s ease;
		text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
		color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
	}

	.link-sm-light:hover,
	.link-sm-dark:hover,
	.link-sm-primary:hover {
		text-decoration-color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-hover-opacity, var(--bs-link-opacity, 1))) !important;
		color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-hover-opacity, var(--bs-link-opacity, 1))) !important;
	}

	.link-sm-light:focus,
	.link-sm-dark:focus,
	.link-sm-primary:focus {
		text-decoration-color: rgba(var(--bs-link-active-color-rgb), var(--bs-link-active-opacity, var(--bs-link-opacity, 1))) !important;
		color: rgba(var(--bs-link-active-color-rgb), var(--bs-link-active-opacity, var(--bs-link-opacity, 1))) !important;
	}

	/** Custom */

	.custom-columns-sm-2 {
		columns: 2 auto;
	}

	.custom-columns-sm-3 {
		columns: 3 auto;
	}

	.custom-oportunity-ellipsis {
		width: calc(100% - 5rem);
	}
}

@media only screen and not (min-width: 576px) {
	.custom-oportunity-img {
		width: 2rem;
		height: 2rem;
	}

	.domos-modal .modal-body {
		padding: 3rem 1rem 1rem;
	}

	.domos-modal .modal-dialog,
	.domos-modal .modal-content {
		max-width: none;
		width: 100%;
		height: 100%;
	}

	.domos-modal .modal-dialog {
		margin: 0;
	}

	.domos-modal .modal-content {
		border-radius: 0;
	}
}

@media only screen and (min-width: 768px) {
	/* Extras */
	.w-md-60 {
		width: 60%;
	}

	.w-md-70 {
		width: 70%;
	}

	.w-md-75 {
		width: 75%;
	}

	.w-md-80 {
		width: 80%;
	}

	.w-md-90 {
		width: 90%;
	}

	.w-md-100 {
		width: 100%;
	}

	.max-w-md-32r {
		max-width: 32rem;
	}

	.display-md-1 {
		font-size: 5rem !important;
	}

	.display-md-4 {
		font-size: 3.5rem !important;
	}

	.display-md-5 {
		font-size: 3rem !important;
	}

	.fs-md-2 {
		font-size: calc(1.325rem + 0.9vw) !important;
	}

	.fs-md-3 {
		font-size: calc(1.3rem + 0.6vw) !important;
	}

	.fs-md-4 {
		font-size: calc(1.275rem + 0.3vw) !important;
	}

	.fs-md-5 {
		font-size: 1.25rem !important;
	}

	.fs-md-6 {
		font-size: 1rem !important;
	}

	.custom-columns-md-2 {
		columns: 2 auto;
	}

	.custom-columns-md-3 {
		columns: 3 auto;
	}

	.custom-oportunity-ellipsis {
		width: 100%;
	}
}

@media only screen and not (min-width: 992px) {
	.navbar-nav:last-child ul li:nth-child(2) {
		order: -1;
	}

	.custom-menu-events.dropdown-menu {
		border: none;
		display: block;
	}
}

@media only screen and (min-width: 992px) {
	.navbar-collapse {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;

		/* Reset Mobile navigation */
		position: static;
		top: auto;
		left: auto;
		width: auto;
		height: auto !important;
		padding: 0;
		background-color: transparent;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding: 0 2rem;
	}

	/* Extras */
	.w-lg-50 {
		width: 50%;
	}

	.w-lg-60 {
		width: 60%;
	}

	.w-lg-70 {
		width: 70%;
	}

	.w-lg-75 {
		width: 75%;
	}

	.w-lg-80 {
		width: 80%;
	}

	.w-lg-90 {
		width: 90%;
	}

	.w-lg-100 {
		width: 100%;
	}

	.max-w-lg-32r {
		max-width: 32rem;
	}

	.display-lg-1 {
		font-size: 5rem !important;
	}

	.display-lg-5 {
		font-size: 3rem !important;
	}

	.fs-lg-2 {
		font-size: calc(1.325rem + 0.9vw) !important;
	}

	.fs-lg-3 {
		font-size: calc(1.3rem + 0.6vw) !important;
	}

	.fs-lg-4 {
		font-size: calc(1.275rem + 0.3vw) !important;
	}

	.fs-lg-5 {
		font-size: 1.25rem !important;
	}

	.fs-lg-6 {
		font-size: 1rem !important;
	}

	.position-lg-absolute {
		position: absolute !important;
	}

	/* Custom styles */
	.custom-menu-events.dropdown-menu {
		border: 0;
	}

	.dropdown:has(.custom-menu-events) .custom-menu-events {
		top: 99%;
		left: 50%;
		width: auto;
		min-width: min-content;
		display: block;
		opacity: 0;
		transform: translateX(-50%) translateY(0.5rem);
		transition: all 0.3s ease;
		pointer-events: none;
	}

	.dropdown:has(.custom-menu-events) .dropdown-toggle {
		position: relative;
	}

	.dropdown:has(.custom-menu-events) .dropdown-toggle::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		width: 120%;
		height: 2rem;
		display: block;
		transform: translateX(-50%);
		transition: all 0.3s ease;
		pointer-events: none;
	}

	.dropdown:has(.custom-menu-events):hover .custom-menu-events {
		pointer-events: auto;
		opacity: 1;
	}
	.dropdown:has(.custom-menu-events):hover .dropdown-toggle::before {
		pointer-events: auto;
	}

	.custom-columns-lg-2 {
		columns: 2 auto;
	}

	.custom-columns-lg-3 {
		columns: 3 auto;
	}

	.custom-slide-gallery-item:not(.flexible):nth-child(2n) {
		width: 20rem;
		height: 15rem;
	}

	.custom-slide-gallery-item:not(.flexible):nth-child(2n + 1) {
		width: 15rem;
		height: 20rem;
	}
}

@media only screen and (min-width: 1200px) {
	/* Extras */
	.w-xl-60 {
		width: 60%;
	}

	.w-xl-70 {
		width: 70%;
	}

	.w-xl-75 {
		width: 75%;
	}

	.w-xl-80 {
		width: 80%;
	}

	.w-xl-90 {
		width: 90%;
	}

	.w-xl-100 {
		width: 100%;
	}

	.max-w-xl-32r {
		max-width: 32rem;
	}

	.display-xl-1 {
		font-size: 5rem !important;
	}

	.display-xl-5 {
		font-size: 3rem !important;
	}

	.fs-xl-2 {
		font-size: calc(1.325rem + 0.9vw) !important;
	}

	.fs-xl-3 {
		font-size: calc(1.3rem + 0.6vw) !important;
	}

	.fs-xl-4 {
		font-size: calc(1.275rem + 0.3vw) !important;
	}

	.fs-xl-5 {
		font-size: 1.25rem !important;
	}

	.fs-xl-6 {
		font-size: 1rem !important;
	}

	.position-xl-absolute {
		position: absolute !important;
	}
}