/**********************************/
/***** CALIMACO CSS FRAMEWORK *****/
/**********************************/

/* HEADER */
.clmc-appBar {
	background-color: var(--clmc-bg-primary);
	max-height: var(--clmc-header-height);
	height: var(--clmc-header-height);
	z-index: 9;
	box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2);
}
.clmc-header-logo {
	width: 160px;
	height: 54px;
	object-fit: contain;
}
.clmc-appBar > div {
	max-width: var(--clmc-page-width);
}
.clmc-appBar .clmc-appBar-mobile {
	display: none;
}
.clmc-appBar .user-appBar-session-time {
	text-align: center;
	font-size: 10px !important;
	font-weight: bold;
	margin-top: 2px;
	color: var(--clmc-color-quaternary);
}
.clmc-appBar .clmc-main-menu .clmc-main-menu-option > a.clmc-link {
	opacity: 1;
	font-size: var(--clmc-text-large);
}
.clmc-appBar .clmc-main-menu,
.clmc-appBar .clmc-main-menu-submenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clmc-appBar .clmc-main-menu .clmc-main-menu-option > a.clmc-link:before {
	content: "";
	position: absolute;
	left: 0;
	top: -20px;
	width: 100%;
	height: calc(100% + 40px);
}
.clmc-appBar .clmc-main-menu a.clmc-link:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 2px;
	background-color: var(--clmc-btn-color-primary);
	transition: width 0.3s ease;
}
.clmc-appBar .clmc-main-menu .clmc-main-menu-option:hover a.clmc-link:after {
	width: 100%;
}
.clmc-appBar .clmc-main-menu-submenu {
	position: absolute;
	top: 36px;
	left: var(--clmc-margin-medium);
	width: 300px;
	border-radius: 12px;
	background-color: #ffffff;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition:
		max-height 0.3s ease,
		opacity 0.3s ease;
}
.clmc-appBar .clmc-main-menu:hover .clmc-main-menu-option:hover .clmc-main-menu-submenu {
	display: flex;
	top: 36px;
	max-height: 600px;
	min-height: 100px;
	opacity: 1;
}
.clmc-appBar .clmc-main-menu-submenu .clmc-link {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.clmc-appBar .clmc-main-menu-submenu .clmc-link:last-child {
	border-bottom: none;
}
.clmc-appBar .clmc-main-menu-submenu .clmc-link:hover {
	opacity: 1;
	padding-left: 30px;
	background: var(--clmc-btn-color-primary);
	color: #ffffff;
}
.clmc-appBar .clmc-mobile-navigation-element {
	display: none;
}
.clmc-appBar .deposit-button {
	border: none;
	font-size: var(--clmc-text-medium);
}
.clmc-appBar .deposit-button-overlay {
	position: absolute;
	top: -1px;
	left: calc(-2px - 100%);
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f79c2a;
	text-transform: uppercase;
	font-size: var(--clmc-text-medium);
	font-weight: bold;
	border-radius: var(--clmc-border-radius-small);
	transition: 1s;
	line-height: 16px;
}
.clmc-appBar .visibleLabel .deposit-button-overlay {
	left: -1px !important;
}
.clmc-appBar .clmc-btn-user-image {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	max-width: 40px;
	max-height: 40px;
	border-radius: 50%;
	padding: 0;
}

/*FOOTER*/
.clmc-footer .payment-methods {
	background: #dadada;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 24px 36px;
	width: calc(100% - 72px);
	gap: 36px;
}
.clmc-footer .juego-responsable {
	background: var(--clmc-bg-quaternary);
	display: flex;
	flex-direction: column;
	padding: 24px 36px;
	width: calc(100% - 72px);
	gap: 24px;
}
.clmc-footer .juego-responsable > div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 36px;
}
.clmc-footer .juego-responsable a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.clmc-footer .payment-methods img {
	flex: 0 0 auto;
	width: calc((100% - 252px) / 6);
	max-width: 185px;
	min-width: 125px;
	height: 54px;
	object-fit: contain;
	display: block;
}
.clmc-footer .juego-responsable img {
	width: auto;
	max-width: 185px;
	min-height: 21px;
	max-height: 21px;
}
.clmc-footer .juego-responsable .icon-link img {
	width: 30px;
	max-width: 30px;
	max-width: 30px;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
.clmc-header-main-nav {
	display: block;
}

/* COOKIE BANNER */
.clmc-cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1300;
	background-color: #262636;
	color: white;
}
.clmc-cookie-settings {
	background: rgb(255 255 255 / 20%);
	padding: var(--clmc-padding-small);
	border-radius: var(--clmc-border-radius-small);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

/* PAGE CONTENTS */
.clmc-page-content {
	padding-top: var(--clmc-header-height);
	min-height: 550px;
}

/* REGISTER Y LOGIN  PAGES*/
.landing-form-page {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.landing-form-page .clmc-card {
	max-width: 600px;
	position: relative;
	padding-left: var(--clmc-padding-large);
	padding-top: var(--clmc-padding-large);
	padding-right: var(--clmc-padding-large);
	padding-bottom: var(--clmc-padding-large);
}
.landing-form-page.login-page .clmc-card {
	padding-top: 0px;
	padding-left: calc(300px + var(--clmc-padding-large));
}
.landing-form-page .clmc-card .login-title {
	padding-right: 34px;
	padding-top: 0;
}
.landing-form-page .clmc-card .clmc-login-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px !important;
	height: auto !important;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
.landing-form-page.login-page .clmc-card.mobile {
	padding: var(--clmc-padding-large);
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.landing-form-page .clmc-card.mobile .clmc-login-image {
	background: none;
	position: relative;
	height: fit-content !important;
	width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.landing-form-page .clmc-card.mobile .clmc-login-image img {
	position: relative;
	width: 100% !important;
	max-width: 390px !important;
	margin-bottom: 36px;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
.landing-form-page .clmc-card.mobile .login-title {
	display: none;
}
.landing-form-page .clmc-card.mobile .login-buttons {
	flex-direction: column;
}
.landing-form-page.mobile {
	align-items: flex-start;
	padding: var(--clmc-padding-medium);
}
.landing-form-page.register-page.mobile {
	background: none;
}
.landing-form-page.register-page {
	min-height: calc(100vh - 64px - var(--clmc-header-height));
	background: #11458e;
	position: relative;
	overflow: hidden;
}
.landing-form-page.register-page .clmc-card {
	overflow: auto;
}
.landing-form-page.register-page .clmc-register-image {
	position: absolute;
	top: calc(0px - var(--clmc-header-height));
	z-index: 0;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
.deposit-result-page {
	min-height: 100vh;
	background: transparent;
}
.deposit-result-content {
	width: 100%;
	max-width: 560px;
	text-align: center;
	gap: 18px;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* REGISTER */
.register-promo {
	background: #8ad2ff;
	padding: 6px 12px;
	border-radius: 8px;
}
.register-promo p {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.register-form .clmc-form-alert,
.register-form .clmc-form-alert * {
	background: none;
	padding: 0;
	color: var(--clmc-bg-color-error);
	font-size: var(--clmc-text-xsmall);
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.register-form .clmc-error-message {
	background: var(--clmc-bg-color-error);
	padding: 10px;
	color: #ffffff;
	font-size: var(--clmc-text-xsmall);
	border-radius: var(--clmc-border-radius-small);
	font-weight: 500;
	display: flex;
	align-items: center;
	margin: 20px 0px;
	justify-content: flex-start;
}
.register-form .clmc-form-alert.clmc-alert-success,
.register-form .clmc-form-alert.clmc-alert-success * {
	color: #00ce90;
}
.register-form .clmc-form-alert .MuiAlert-icon {
	margin-right: 4px;
}
.register-form .form-input-status-icon.clmc-field-error {
	color: var(--clmc-bg-color-error);
	position: absolute;
	top: 12px;
	right: 12px;
}
.register-form .form-input-status-icon.clmc-field-success {
	color: var(--clmc-bg-color-success);
	position: absolute;
	top: 12px;
	right: 12px;
}
.reset-password-form .form-input-status-icon {
	pointer-events: none;
}
.register-form .clmc-phone-input .MuiInputAdornment-root {
	display: none;
}
.register-form .clmc-select .MuiSelect-icon {
	display: none;
}
/* Edge / antiguos IE */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none !important;
}
/* Chrome, Edge (Chromium), Safari */
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-textfield-decoration-container {
	display: none !important;
}

/* BANNER */
.clmc-banner-slider {
	margin: var(--clmc-margin-medium);
	overflow: hidden;
	border-radius: 0;
	box-shadow: none;
}
.clmc-banner-slider .splide__track {
	aspect-ratio: 1920 / 390;
}
.clmc-banner-slider .splide__list,
.clmc-banner-slider .splide__slide,
.clmc-banner-slider .splide__slide > .banner-slide {
	height: 100%;
}
.banner-slide,
.banner-slide img {
	width: 100%;
}
.clmc-banner-slider .splide__arrow {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 0;
	background: rgba(255, 255, 255, 0.95);
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.clmc-banner-slider .splide__arrow svg {
	fill: var(--clmc-color-tertiary);
}
.clmc-banner-slider .splide__arrow.splide__arrow--next {
	right: 10px;
	opacity: 1;
}
.clmc-banner-slider .splide__arrow.splide__arrow--prev {
	left: 10px;
	opacity: 1;
}
.clmc-banner-slider .splide__arrow.is-disabled,
.clmc-banner-slider .splide__arrow:disabled {
	display: none;
}
.banner-slide {
	aspect-ratio: 1920 / 390;
	position: relative;
}
.banner-slide img {
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: var(--clmc-border-radius-small);
}
.terminos-condiciones-span-banner {
	color: rgba(255, 255, 255, 1);
	font-size: clamp(10px, 0.75vw, 12px);
	line-height: 1.25;
	font-weight: 500;
	background: rgba(0, 0, 0, 0.6);
	padding: 10px 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	z-index: 2;
	max-width: calc(100% - 8px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* SKELETON */
.clmc-skeleton {
	position: relative;
	overflow: hidden;
	background: #e6e6e6;
	border-radius: var(--clmc-border-radius-small);
}
.clmc-skeleton::after {
	content: "";
	position: absolute;
	top: 0;
	left: -150px;
	width: 150px;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
	animation: clmc-skeleton-shimmer 1.2s infinite;
}
@keyframes clmc-skeleton-shimmer {
	0% {
		transform: translateX(-150px);
	}
	to {
		transform: translateX(450%);
	}
}
.clmc-banner-skeleton {
	width: 100%;
	aspect-ratio: 1920 / 390;
}
.clmc-banner-slider .clmc-banner-skeleton {
	width: 100%;
}

/* ALTENAR WIDGET PLACEHOLDER */
.clmc-altenar-widget,
.clmc-altenar-widget-loader {
	min-height: 600px;
}
.clmc-lobby-skeleton-row,
.clmc-providers-skeleton-row {
	display: flex;
	gap: var(--clmc-margin-small);
	overflow: hidden;
	padding-left: 4px;
	width: 100%;
}
.clmc-machine-skeleton {
	width: 160px;
	height: 224px;
}
.clmc-machine-skeleton.type2 {
	width: 500px;
	height: 190px;
}
.clmc-providers-skeleton {
	width: 140px;
	height: 50px;
	border-radius: 10px;
}

/*SEO BLOCK*/
.clmc-laliga-hero {
	width: 100%;
	overflow: hidden;
	line-height: 0;
	background: #0b1a44;
}
.clmc-laliga-hero-image {
	display: block;
	width: 100%;
	height: auto;
}
.seo-content-grey-block,
.seo-content-white-block {
	background: #f5f5f5;
	padding: var(--clmc-padding-medium);
	border-radius: var(--clmc-border-radius-small);
}
.seo-content-white-block {
	background: #ffffff !important;
}
.seo-content-grey-block .clmc-btn-primary,
.seo-content-white-block .clmc-btn-primary {
	max-width: 330px;
	width: 100%;
	height: 40px;
}
.seo-content-grey-block .home-seo-cta-link,
.seo-content-white-block .home-seo-cta-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.seo-content-grey-block .home-seo-cta-link:visited,
.seo-content-white-block .home-seo-cta-link:visited {
	color: #ffffff;
}
.seo-content-grey-block .clmc-btn-primary:hover,
.seo-content-white-block .clmc-btn-primary:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 15px rgba(0, 145, 237, 0.4);
}
.seo-content-grey-block p,
.seo-content-white-block p {
	line-height: 1.3rem;
}
.order-list-slots {
	position: relative;
	width: 100%;
	max-width: 820px;
	margin: 0 auto 2rem auto;
	padding: 2rem 3rem;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}
.order-list-slots ol {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: slot-step;
}
.order-list-slots li {
	position: relative;
	counter-increment: slot-step;
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin: 0 0 1.1rem 0;
	padding: 0;
}
.order-list-slots li:last-child {
	margin-bottom: 0;
}
.order-list-slots li::before {
	content: counter(slot-step);
	flex: 0 0 2rem;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(180deg, #57c4ff 0%, #34aef5 100%);
	color: #ffffff;
	font-weight: 700;
	box-shadow: 0 3px 10px rgba(52, 174, 245, 0.28);
	margin-top: 0.05rem;
}
.order-list-slots p {
	margin: 0;
	line-height: 1.45;
	padding-top: 0.05rem;
}
.popular-slots-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	width: 100%;
	margin: 0 0 1.5rem 0;
	padding: 1rem;
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
}
.popular-slot-card {
	display: flex;
	align-items: center;
	gap: 0.95rem;
	min-height: 68px;
	padding: 0.9rem 1rem;
	background: #f8f8f8;
	border-radius: 12px;
	box-sizing: border-box;
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background-color 0.18s ease;
}
.popular-slot-icon {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	display: block;
	object-fit: contain;
}
.popular-slot-emoji {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1;
}
.popular-slot-card p {
	margin: 0;
	color: var(--clmc-color-tertiary);
	font-size: var(--clmc-text-small);
	font-weight: 600;
	line-height: 1.2;
	transition:
		color 0.18s ease,
		text-decoration-color 0.18s ease;
}
.popular-slot-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
	background: #f4f4f4;
}
.popular-slot-card:hover p,
.popular-slot-link:hover .popular-slot-card p {
	color: #ff6600 !important;
	text-decoration: underline;
	text-decoration-color: #ff6600;
}
.index-support-card {
	display: flex;
	flex-direction: column;
	width: calc(100% / 3 - var(--clmc-margin-small) * 2);
	height: -webkit-fill-available;
}
.index-support-card img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
.index-support-card p {
	background: #848484;
	color: #ffffff !important;
	flex-grow: 1;
	font-size: var(--clmc-text-small);
	text-align: center;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	margin-top: -1px;
}
.index-support-card p * {
	color: #ffffff !important;
	font-size: var(--clmc-text-small);
}
.index-redes a {
	width: calc(100% / 5);
	max-width: 122px;
}
.index-redes a img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	display: block;
}
.index-redes > img {
	width: calc(100% / 5);
	max-width: 200px;
	min-width: 85px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	display: block;
}

/* USER MENU */
.clmc-float-menu .MuiModal-backdrop {
	background: rgba(0, 0, 0, 0.5);
}
.clmc-user-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 0;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	border-radius: 100%;
	border: 2px solid var(--clmc-btn-color-primary);
	font-size: 24px;
}
.clmc-user-image:after {
	content: "";
	position: absolute;
	background: var(--clmc-btn-color-primary);
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.5;
}

/* LOBBY */
.clmc-machine {
	overflow: hidden;
	border-radius: var(--clmc-border-radius-small);
	transition: 0.2s;
	position: relative;
	box-shadow: none;
	border: none;
	animation-name: machineFadeIn;
	animation-duration: 1s;
	width: 160px;
}
@keyframes machineFadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.clmc-machine .MuiCardActionArea-focusHighlight {
	display: none;
}
.MuiTouchRipple-root * {
	background: var(--clmc-btn-color-primary) !important;
}
.clmc-machine-play {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 70%);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}
.clmc-machine-info {
	height: 93px;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 0 0 var(--clmc-border-radius-small) var(--clmc-border-radius-small);
}
.clmc-machine-info.clmc-ruletas-info {
	height: auto;
}
.casinoContext .clmc-machine-info {
	height: 43px;
}
.clmc-play-button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: auto;
	padding-left: 16px;
	padding-right: 4px;
}
.clmc-machine:hover .clmc-machine-play {
	opacity: 1;
}
.clmc-machine .clmc-machine-play .clmc-btn-primary:hover {
	opacity: 1;
	background: #ffffff !important;
	border: 2px solid var(--clmc-btn-color-primary);
	color: var(--clmc-btn-color-primary);
}
.gameinfo-button {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 12px;
	left: calc(50% - 28px);
	width: 48px;
	background: gray;
	color: white;
	border: 2px solid grey;
	border-radius: var(--clmc-border-radius-small);
	padding: 8px 2px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s;
}
.gameinfo-button:hover {
	background: #fff;
	color: gray;
}
.clmc-machine:hover .gameinfo-button {
	opacity: 1;
}
.clmc-machine-image {
	width: 160px;
	min-width: 160px;
	height: 224px;
	min-height: 224px;
	object-fit: fill;
	transition: opacity 0.3s ease;
}
.clmc-lobbyslider-type2 .clmc-machine-image.clmc-machine-image--destacadas_exclusivas,
.clmc-lobbyslider-type2 .clmc-machine-image.clmc-machine-image--background,
.clmc-lobbyslider-type2 .clmc-machine-image.clmc-machine-image--horizontales {
	width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	object-fit: cover;
}
.clmc-lobbyslider-type2 .clmc-machine {
	width: 500px;
}
.clmc-machine--wide {
	width: 500px;
}
.clmc-machine-image--miniatura,
.clmc-machine-image--destacadas_exclusivas,
.clmc-machine-image--juegos_top,
.clmc-machine-image--background,
.clmc-machine-image--horizontales {
	width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	object-fit: cover;
	display: block;
}
.clmc-machine-image--miniatura {
	aspect-ratio: 32 / 45;
}
.clmc-machine-image--destacadas_exclusivas {
	aspect-ratio: 53 / 20;
}
.clmc-machine-image--juegos_top {
	aspect-ratio: 16 / 25;
}
.clmc-machine-image--background {
	aspect-ratio: 49 / 15;
}
.clmc-machine-image--horizontales {
	aspect-ratio: 75 / 23;
}
.clmc-machine-skeleton--miniatura {
	width: 160px;
	height: auto;
	aspect-ratio: 32 / 45;
}
.clmc-machine-skeleton--destacadas_exclusivas {
	width: 500px;
	height: auto;
	aspect-ratio: 53 / 20;
}
.clmc-machine-skeleton--juegos_top {
	width: 160px;
	height: auto;
	aspect-ratio: 16 / 25;
}
.clmc-machine-skeleton--background {
	width: 500px;
	height: auto;
	aspect-ratio: 49 / 15;
}
.clmc-machine-skeleton--horizontales {
	width: 500px;
	height: auto;
	aspect-ratio: 75 / 23;
}
.clmc-machine-skeleton--wide {
	width: 500px;
	height: auto;
}
.clmc-machine-description {
	max-width: calc(160px - 62px);
}
.clmc-machine-favs-button {
	position: absolute;
	right: 0;
	bottom: 0;
	color: var(--clmc-bg-color-error);
	background: radial-gradient(circle, rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 0%) 70%);
}
.favourite-button-slots {
	top: 10px;
	right: 10px;
	bottom: auto;
	z-index: 2;
	width: 35px;
	height: 35px;
	padding: 4px 6px 1px;
	border-radius: 50%;
	background: #d3d3d399;
	color: rgba(0, 145, 237, 0.4);
}
.favourite-button-slots:hover {
	background: #d3d3d399;
}
.favourite-button-slots .favFalse {
	color: rgba(0, 145, 237, 0.4);
}
.favourite-button-slots.is-fav {
	background: #ffffff;
}
.favourite-button-slots.is-fav:hover {
	background: #ffffff;
}
.favourite-button-slots.is-fav .favTrue {
	color: #ff0000;
}
.clmc-machine.showMoreInfo .favourite-button-slots,
.clmc-lobbyslider-type2 .favourite-button-slots {
	top: 30px;
	right: 10px;
	bottom: auto;
}
.clmc-lobby-search {
	width: 100%;
	max-width: 450px;
}
.clmc-machine.showMoreInfo .clmc-machine-favs-button {
	top: 10px;
}
.clmc-machine.showMoreInfo.casinoContext .clmc-machine-favs-button {
	bottom: 52px;
}
.clmc-machine.showMoreInfo .clmc-play-button {
	margin-top: -90px;
}
.clmc-machine.showMoreInfo .gameinfo-button {
	margin-bottom: 0;
	bottom: 62px;
}
.lobby-page {
	padding-top: var(--clmc-padding-large);
}
.clmc-lobby-header h1 {
	width: 440px;
}
.clmc-lobby-header .clmc-input > div {
	border-radius: 24px;
	border-color: #000 !important;
}
.clmc-lobby-header .clmc-input > div * {
	border-color: #3891e9 !important;
	border-width: 2px !important;
	fill: #3891e9;
}
.clmc-lobby-header .clmc-input label,
.clmc-lobby-header .clmc-input legend {
	margin-left: 12px;
}
.mobile-filter {
	display: none;
}
.clmc-lobby-tags-buttons .clmc-btn-primary,
.clmc-lobby-tags-buttons .clmc-btn-quinary {
	max-width: 100% !important;
	width: 100%;
	min-width: 110px;
	font-size: var(--clmc-text-xsmall);
	padding: 0 8px;
}
.clmc-lobby-tags-buttons .clmc-btn-quinary {
	color: #808080;
}
.clmc-lobby-tags-buttons .splide__arrow:disabled {
	display: none;
}
.clmc-lobby-tags-buttons .splide__arrow--prev {
	left: -8px;
}
.clmc-lobby-tags-buttons .splide__arrow--next {
	right: -8px;
}
.clmc-lobby-filters {
	padding-left: 8px;
	width: calc(100% - 8px);
}
.clmc-lobby-filters .clmc-select-btn-empty {
	margin-right: 20px;
	border-radius: 50px;
	background: var(--clmc-bg-color-error) !important;
	color: #fff !important;
	padding: 2px;
}
.clmc-lobby-filters .clmc-select-label .MuiInputBase-input {
	padding-right: 0;
	padding-top: 16px;
	padding-bottom: 0;
}
.clmc-lobby-filters .clmc-select-label label {
	top: 12px;
}
.clmc-lobby-filters .clmc-select-label legend {
	display: none;
}
.clmc-lobby-filters .clmc-select-label .clmc-select {
	height: 42px;
	background: #f5f5f5;
}
.clmc-lobby-filters .clmc-select-label .clmc-select fieldset {
	height: 40px;
	top: 0px;
}

.MuiMenu-list .clmc-select-filter-option.Mui-selected {
	background: var(--clmc-btn-color-primary) !important;
	border: 1px solid #fff !important;
	color: #ffffff !important;
}
.MuiMenu-list .clmc-select-filter-option.Mui-selected:hover {
	opacity: 0.8;
	filter: grayscale(0.2);
}

/* LOBBY SLIDER */
.clmc-lobby-slider .splide:before {
	opacity: 0;
	content: "";
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50px;
	background: linear-gradient(to right, rgba(255, 255, 255, 1), transparent);
	z-index: 1;
	transition: 0.3s;
}
.clmc-lobby-slider .splide:after {
	opacity: 1;
	content: "";
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	background: linear-gradient(to left, rgba(255, 255, 255, 1), transparent);
	z-index: 1;
}
.clmc-lobby-slider.is-scrolled .splide:before {
	opacity: 1;
}
.clmc-lobby-slider .splide__arrow,
.clmc-sports-slider .splide__arrow {
	border-radius: var(--clmc-border-radius-small);
	border: 1px solid rgb(255 255 255 / 60%);
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.title-arrows .splide__arrows {
	position: absolute;
	display: flex;
	right: 0px;
	top: -18px;
}
.title-arrows .splide__arrows .splide__arrow--prev {
	right: 34px;
	left: auto;
}
.title-arrows .splide__arrows .splide__arrow--next {
	right: 0;
	left: auto;
}
.clmc-lobby-slider .shoMoreButton {
	position: absolute;
	display: flex;
	right: 80px;
	top: 1px;
	text-decoration: none;
}
.clmc-lobby-slider .shoMoreButton .clmc-btn-primary {
	min-width: auto;
	font-size: var(--clmc-text-xxsmall);
	text-decoration: none;
	line-height: 24px;
	height: 24px !important;
	padding: 0 10px;
}

/* GAME IFRAME */
.opened-game {
	overflow: hidden;
	max-height: 100vh;
}
.opened-game:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	z-index: 9;
	pointer-events: none;
}
.clmc-game-iframe {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	background: #000000;
	color: #ffffff;
	overscroll-behavior: contain;
}
.clmc-game-iframe iframe {
	height: calc(100% - 44px);
	border: none;
	background: #000000;
	display: block;
}
.clmc-dialog.expiredSession {
	z-index: 99999;
}

/* GAME FRAME ERROR */
.clmc-app-empty {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.clmc-app-empty div {
	z-index: 9;
}
.gameErrorOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1 !important;
	opacity: 0.3;
}

/*GAME DEDICATED PAGE*/
.clmc-game-dedicated-page * {
	max-width: 1400px;
}
.clmc-game-dedicated-page #gameName {
	padding-right: 300px;
}
.clmc-game-volatilidad {
	width: 100%;
	max-width: 300px;
	position: absolute;
	right: 0;
}
.clmc-game-data {
	display: flex;
	gap: var(--clmc-padding-medium);
	width: calc(100% - var(--clmc-padding-medium) * 2);
	background: #d3d3d3;
	padding: var(--clmc-padding-medium);
	border-radius: var(--clmc-border-radius-small);
}

.clmc-game-data-item {
	flex-grow: 1;
	background: #fff;
	padding: var(--clmc-padding-medium);
	border-radius: var(--clmc-border-radius-small);
}
.clmc-fragment.clmc-game-description h2,
.clmc-fragment.clmc-game-description h3 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight: 600;
}
.clmc-fragment.clmc-game-description p {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* FLOAT MOBILE MENU */
.clmc-mobile-navigation {
	display: none !important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #ffffff;
	box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2);
	height: 70px;
	bottom: -1px;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
}
.clmc-mobile-navigation-content {
	background: none;
	overflow: auto;
	height: 70px;
}
.clmc-mobile-navigation-content .clmc-mobile-menu-option {
	width: 16.666%;
}
.clmc-mobile-navigation-element img {
	height: 24px;
	width: 24px;
}
.clmc-mobile-navigation-element p {
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	max-width: 68px;
	color: var(--clmc-btn-color-primary);
}
.clmc-mobile-navigation-content .clmc-mobile-menu-option .clmc-btn-primary.clmc-btn-icon {
	display: none;
}
.clmc-mobile-navigation-content .active-menu-option div p {
	position: relative;
}
.clmc-mobile-navigation-content .active-menu-option div p:after {
	content: "";
	position: absolute;
	width: calc(100% + 16px);
	left: -8px;
	top: calc(100% + 4px);
	height: 3px;
	background: var(--clmc-btn-color-primary);
}

/* ASIDE MENU */
.clmc-aside .MuiPaper-root {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(100% - var(--clmc-header-height));
	top: var(--clmc-header-height);
	width: 85%;
	max-width: 400px;
	background: #eaeaea;
	box-shadow: none;
}
.clmc-aside {
	height: calc(100% - var(--clmc-header-height));
	top: var(--clmc-header-height);
	z-index: 8;
}
.clmc-aside .MuiModal-backdrop {
	height: calc(100% - var(--clmc-header-height));
	top: var(--clmc-header-height);
}
.clmc-aside-main-menu .clmc-main-menu {
	flex-direction: column;
	padding: var(--clmc-padding-medium);
}
.clmc-aside-main-menu .clmc-main-menu-option {
	width: 100%;
}
.clmc-aside-main-menu .clmc-main-menu-option.clmc-main-menu-option-no-submenu {
	margin-bottom: var(--clmc-margin-small);
}
.clmc-aside-main-menu .clmc-main-menu-option > .clmc-link {
	background: #ffffff;
	height: 60px;
	width: 100%;
	margin: 0 !important;
	padding: 14px 20px;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.3s;
}
.clmc-aside-main-menu .clmc-main-menu-option > .clmc-link:hover {
	background: #f0f8ff;
	transform: translateX(2px);
	opacity: 1;
}
.clmc-aside-main-menu .clmc-main-menu-option * {
	transition: 0.3s;
}
.clmc-aside-main-menu .clmc-main-menu-submenu .clmc-link {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.clmc-aside-main-menu .clmc-main-menu-submenu .clmc-link:last-child {
	border-bottom: none;
}
.clmc-aside-main-menu .clmc-main-menu-submenu .clmc-link:hover {
	opacity: 1;
	padding-left: 30px;
	background: var(--clmc-btn-color-primary);
	color: #ffffff;
}
.clmc-aside-main-menu .collapsed-false .clmc-main-menu-option-icon {
	transition: 0.3s;
	transform: rotate(180deg);
}
.clmc-aside-main-menu .clmc-main-menu-submenu {
	height: auto;
	opacity: 1;
	background: #ffffff;
	border-radius: 12px;
	margin-bottom: var(--clmc-margin-large);
	margin-top: var(--clmc-margin-small);
	overflow: hidden;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.clmc-aside-main-menu .clmc-main-menu-submenu.collapsed-true {
	opacity: 0;
	height: 0;
	margin-bottom: 0;
	box-shadow: none;
}
.clmc-aside-divider {
	width: 100%;
	border: none;
	height: 2px;
	background: linear-gradient(to right, transparent, white, transparent);
}
.clmc-aside-main-menu .clmc-main-menu-option > .clmc-link.small-link {
	height: 40px;
}
.clmc-aside-main-menu .clmc-logout-button {
	background: #f7c1c19e !important;
}
.clmc-aside .clmc-elevate-box {
	transition: 0.3s;
	height: auto;
	opacity: 1;
	background: #ffffff;
	border-radius: 12px;
	padding: var(--clmc-padding-medium);
	overflow: visible;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.clmc-aside .clmc-elevate-box .clmc-btn-small {
	min-width: 50%;
}

/*SEARCH BAR*/
.clmc-searchResults {
	transition: 0.3s;
	height: auto;
	max-height: 350px;
	opacity: 1;
	background: #ffffff;
	border-radius: 12px;
	padding: var(--clmc-padding-medium);
	margin-top: var(--clmc-margin-small);
	overflow: auto;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.clmc-searchResults-hidden .clmc-searchResults {
	padding: 0;
	opacity: 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}
.clmc-searchResults .clmc-machine {
	width: auto;
	max-width: 100%;
	top: 0;
}
.clmc-searchResults .clmc-machine .clmc-machine-image {
	width: 95px;
	min-width: 95px;
	height: 138px;
	min-height: 138px;
}
.clmc-searchResults .clmc-machine .clmc-play-button {
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	margin-top: -50px;
}
.clmc-aside-search-menu {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.clmc-aside-search-auth {
	margin-top: var(--clmc-margin-medium);
	width: 100%;
	box-sizing: border-box;
}
.clmc-aside-search-auth-link {
	display: block;
	text-decoration: none;
	width: 100%;
}
.clmc-aside-search-auth-link button,
.clmc-aside-search-auth button {
	width: 100%;
	max-width: 100%;
}

/* PAYMENTS */
.clmc-dialog.payment-dialog .MuiDialog-paper {
	width: 700px;
	min-width: 700px;
}
.clmc-dialog.payment-dialog .MuiDialogContent-root {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.depositLobbyListItem,
.payoutLobbyListItem {
	display: grid !important;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	column-gap: var(--clmc-margin-large);
	padding-left: var(--clmc-margin-large);
	padding-right: var(--clmc-margin-large);
	border: 1px solid rgb(0 0 0 / 15%);
	border-radius: var(--clmc-border-radius-large);
	margin: 0 var(--clmc-margin-large);
	transition: 0.3s;
}
.depositLobbyListItem .depositLobbyListItemIcon .payoutLobbyListItem .payoutLobbyListItemIcon {
	min-width: 100px;
	margin-right: 0;
}
.depositLobbyListItem .depositLobbyListItemText .payoutLobbyListItem .payoutLobbyListItemText {
	margin: 0;
}
.depositLobbyListItem .depositLobbyListItemArrow .payoutLobbyListItem .payoutLobbyListItemArrow {
	padding-right: 0;
}
.depositLobbyListItem:hover .payoutLobbyListItem:hover {
	border: 1px solid var(--clmc-color-tertiary);
	background-color: #f1f9ff;
}
.depositLobbyListItem img,
.payoutLobbyListItem img {
	width: 100px;
	height: 40px;
	object-fit: contain;
	display: block;
}
.paymentIframeResponse {
	width: 100%;
	min-height: 530px;
	border: none;
}
.paymentImageResponse {
	max-width: 100%;
}
.deposit-promo-choice {
	width: 100%;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0;
	border: 1px solid var(--clmc-color-tertiary);
	border-radius: 10px;
	background: #ffffff;
	overflow: hidden;
}
.deposit-promo-choice-title {
	margin: 0;
	padding: 8px 16px;
	background: var(--clmc-color-tertiary);
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: var(--clmc-text-small);
}
.deposit-promo-choice-form {
	width: 100%;
	padding: 10px 14px 12px;
	box-sizing: border-box;
}
.deposit-promo-choice-options {
	width: 100%;
	align-items: flex-start;
}
.deposit-promo-choice-option {
	margin-left: 0;
	margin-right: 0;
	align-items: flex-start;
}
.deposit-promo-choice-option .MuiFormControlLabel-label {
	font-size: var(--clmc-text-small);
	color: var(--clmc-color-tertiary);
}
.clmc-dialog.payment-dialog .clmc-list-item-border {
	border: 1px solid rgb(0 0 0 / 25%);
	border-radius: 8px;
}
.clmc-dialog.payment-dialog .pending-payout-list .MuiListItem-root {
	padding: 0;
}
.addBankAccountForm {
	padding: 20px;
	border-radius: var(--clmc-border-radius-small) !important;
	background: rgb(0 0 0 / 5%);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.account-delete-icon {
	color: var(--clmc-bg-color-error);
}
.clmc-select-label .select-bank-account .MuiInputBase-input .account-delete-icon {
	display: none;
}

/*Pagination*/
.clmc-pagination * {
	color: var(--clmc-color-primary);
}
.clmc-pagination .Mui-selected {
	background: var(--clmc-btn-color-primary);
	color: var(--clmc-color-primary);
}

/*LOGIN POPUP*/
.clmc-dialog.login-dialog .MuiDialog-paper {
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
}
.clmc-login-alert {
	background: #ff002a;
	color: #ffffff;
	border-radius: var(--clmc-border-radius-small);
	padding: 6px 12px;
}
.clmc-dialog.login-dialog .MuiDialogContent-root {
	padding-left: calc(300px + var(--clmc-padding-large));
	padding-top: 0px;
	margin-top: calc(0px - var(--clmc-padding-medium));
	padding-right: var(--clmc-padding-large);
	padding-bottom: var(--clmc-padding-large);
}
.login-title {
	padding-right: 34px;
	padding-top: var(--clmc-margin-medium);
}
.clmc-login-image {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--clmc-btn-color-primary);
	width: 300px !important;
	height: 600px !important;
}
.clmc-dialog.login-dialog .clmc-login-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px !important;
	height: auto !important;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
.clmc-dialog.login-dialog.mobile .MuiDialogContent-root {
	padding: var(--clmc-padding-large);
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.mobile .clmc-login-alert {
	text-align: center;
}
.clmc-dialog.login-dialog.mobile .clmc-login-image {
	background: none;
	position: relative;
	height: fit-content !important;
	width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.clmc-dialog.login-dialog.mobile .clmc-login-image img {
	position: relative;
	width: 100% !important;
	max-width: 390px !important;
	margin-bottom: 36px;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
.clmc-dialog.login-dialog.mobile .login-title {
	display: none;
}
.clmc-dialog.login-dialog.mobile .login-buttons {
	flex-direction: column;
}

/*USER AVATAR*/
.clmc-avatar-menu {
	max-width: 210px;
	max-height: 250px;
	overflow: auto;
}
.clmc-avatar-menu .avatar-image {
	transform: scale(1);
	border: 2px solid rgb(255 255 255 / 0%);
	transition: 0.3s;
}
.clmc-avatar-menu .avatar-image:hover {
	cursor: pointer;
	transform: scale(1.1);
	border: 2px solid var(--clmc-btn-color-quaternary);
}
.avatar-edit {
	position: absolute;
	width: 36px;
	height: 36px;
	margin-left: 80px;
	margin-bottom: 20px;
	background: #fff !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.clmc-user-avatar img.small-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin-bottom: 0;
	border: 0px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.clmc-user-avatar img.medium-avatar {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin-bottom: 0;
	border: 2px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.clmc-user-avatar img.large-avatar {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin-bottom: 0;
	border: 4px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.clmc-user-avatar .avatar-edit-button {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	max-width: 32px;
	max-height: 32px;
	background: #fff !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.clmc-user-avatar .avatar-edit-button.medium-avatar {
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	max-width: 28px;
	max-height: 28px;
}
.clmc-user-avatar .avatar-edit-button.medium-avatar svg {
	width: 18px;
}

/*SPORTS PAGES*/
.competitions-cards img {
	width: 100%;
	max-width: 200px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 9px;
}
.sports-other-sports {
	display: flex;
	gap: 28px;
	margin-bottom: var(--clmc-margin-medium);
}
.sports-other-column {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.sports-other-icon {
	width: 26px;
	min-width: 26px;
	text-align: center;
	font-size: 22px;
	line-height: 1;
}
.esports-page-cards a {
	width: 100%;
}
.esports-page-cards img,
.esports-page-links img {
	width: 100%;
	max-width: 650px;
	aspect-ratio: 650 / 288;
	object-fit: cover;
	display: block;
	border-radius: 9px;
}

/*PROMO AND TOURNAMENTS PAGE*/
.clmc-promo-card {
	border: 1px solid lightgray;
	box-shadow: none;
}
.clmc-promo-card-content {
	padding: 0 !important;
	max-height: 410px;
}
.clmc-promo-card-content img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	display: block;
}
.clmc-promo-card-content > div {
	width: calc(100% - var(--clmc-padding-medium) * 2);
	max-width: calc(100% - var(--clmc-padding-medium) * 2);
}
.clmc-promo-card-content-title {
	max-width: calc(100% - 90px);
	height: 20px;
}
.clmc-promo-card-content-desc {
	min-height: 20px;
}

/* PROMOTIONS PAGE */
.clmc-promos-page {
	padding-top: 1px;
	background: #f3f4f6;
}
.clmc-promos-tabs {
	position: relative;
}
.clmc-promos-tab {
	border-radius: 999px !important;
	padding: 6px 16px !important;
	min-height: 32px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	background: #ffffff !important;
	border: 1px solid #d9d9d9 !important;
	color: #2b2b2b !important;
}
.clmc-promos-tab.is-active {
	background: var(--clmc-btn-color-primary) !important;
	border-color: var(--clmc-btn-color-primary) !important;
	color: #ffffff !important;
}
.clmc-promos-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(260px, 1fr));
	gap: 24px;
	align-items: stretch;
	justify-items: start;
}
.clmc-promos-card {
	border-radius: 14px !important;
	overflow: hidden;
	background: #ffffff;
	max-width: 450px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}
.clmc-promos-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
.clmc-promos-card-media {
	width: 100%;
	aspect-ratio: 446 / 234;
	overflow: hidden;
	background: #f0f0f0;
}
.clmc-promos-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.clmc-promos-card-body {
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.clmc-promos-card-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	width: 100%;
}
.clmc-promos-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.clmc-promos-card-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: #1d1d1d;
}
.clmc-promos-card-desc {
	margin: 0;
	font-size: 14px;
	color: #5f5f5f;
	line-height: 1.3;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.clmc-promos-card-tc {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #0a66cc;
	display: flex;
	align-items: center;
	gap: 6px;
}
.clmc-promos-card-tc-icon {
	font-size: 16px !important;
}
.clmc-promos-card-cta {
	background: var(--clmc-btn-color-primary) !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	padding: 6px 14px !important;
	min-height: 32px !important;
	min-width: 80px;
	flex-shrink: 0;
	text-transform: none !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
}
@media (max-width: 900px) {
	.clmc-promos-grid {
		grid-template-columns: repeat(2, minmax(240px, 1fr));
	}
	.clmc-promos-title {
		font-size: 24px;
	}
	.clmc-promos-card-body {
		flex-direction: column;
		align-items: flex-start;
	}
}
@media (max-width: 1200px) {
	.clmc-promos-grid {
		grid-template-columns: repeat(3, minmax(240px, 1fr));
	}
}
@media (max-width: 640px) {
	.clmc-promos-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* PROMO DETAIL */
.clmc-promo-detail {
	max-width: var(--clmc-page-width);
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: var(--clmc-padding-large);
	padding-bottom: var(--clmc-padding-large);
	padding-left: var(--clmc-content-padding-inline);
	padding-right: var(--clmc-content-padding-inline);
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.clmc-promo-detail-back a {
	color: var(--clmc-btn-color-primary);
	text-decoration: none;
	font-weight: 600;
}
.clmc-promo-detail-banner {
	border-radius: var(--clmc-border-radius-small);
	overflow: hidden;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
.clmc-promo-detail-banner img {
	width: 100%;
	height: auto;
	display: block;
}
.clmc-promo-detail-content {
	background: #ffffff;
	border-radius: var(--clmc-border-radius-small);
	padding: var(--clmc-padding-large);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
.clmc-promo-detail-title {
	margin: 0 0 16px;
	font-size: 28px;
	font-weight: 700;
	color: #1d1d1d;
}
.clmc-promo-detail-body h1,
.clmc-promo-detail-body h2,
.clmc-promo-detail-body h3,
.clmc-promo-detail-title {
	color: var(--clmc-btn-color-primary);
	margin: 20px 0 12px;
	font-weight: 700;
}
.clmc-promo-detail-body p {
	margin: 0 0 12px;
	color: #2c2c2c;
	line-height: 1.5;
}
.clmc-promo-detail-body ul,
.clmc-promo-detail-body ol {
	margin: 0 0 16px;
	padding-left: 20px;
	color: #2c2c2c;
}
.clmc-promo-detail-body li {
	margin-bottom: 8px;
}
.clmc-promo-detail-body hr {
	border: none;
	border-top: 1px solid #e4e4e4;
	margin: 20px 0;
}
.clmc-promo-detail-body a {
	color: var(--clmc-btn-color-primary);
	text-decoration: none;
	font-weight: 600;
}
.clmc-promo-detail-body .azul {
	color: var(--clmc-btn-color-primary);
}
.clmc-promo-detail-body .to-upper-case {
	text-transform: uppercase;
	font-weight: 700;
}
.clmc-promo-detail-terms {
	margin-top: 16px;
	box-shadow: none;
	border: 1px solid #e4e4e4;
	border-radius: var(--clmc-border-radius-small);
}
.clmc-promo-detail-terms p {
	margin: 0;
	font-weight: bold;
	font-size: var(--clmc-text-large);
	color: #262636;
}
.clmc-promo-detail-terms .MuiAccordionSummary-root {
	background: #d9d9d9;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	min-height: 56px;
}
.clmc-promo-detail-terms .MuiAccordionSummary-content {
	justify-content: center;
	text-align: center;
}
.clmc-promo-detail-terms .MuiAccordionSummary-expandIconWrapper {
	color: #222;
}
.clmc-promo-detail-terms.MuiAccordion-root {
	background: transparent;
	border: none;
	box-shadow: none;
}
.clmc-promo-detail-terms .MuiAccordionDetails-root {
	padding: 16px 24px 20px;
}
.clmc-promo-detail-terms-body p {
	margin: 0 0 12px;
	color: #2c2c2c;
}
.clmc-promo-detail-terms:before {
	display: none;
}
@media (max-width: 900px) {
	.clmc-promo-detail {
		padding-top: var(--clmc-padding-medium);
		padding-bottom: var(--clmc-padding-medium);
		padding-left: var(--clmc-content-padding-inline);
		padding-right: var(--clmc-content-padding-inline);
	}
	.clmc-promo-detail-title {
		font-size: 24px;
	}
}
.clmc-tournament-info {
	flex-direction: column;
	max-width: 100%;
	border: 1px solid lightgray;
	background: #fefefe;
	border-radius: var(--clmc-border-radius-small);
	padding: 0 var(--clmc-padding-medium);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.clmc-tournament-info > div {
	padding: var(--clmc-padding-small);
	border-bottom: 1px solid lightgray;
}
.clmc-tournament-info > div:last-child {
	border-bottom: none;
}
.clmc-tournament-machines .clmc-lobby {
	padding-left: 0;
	padding-right: 0;
}

/* PROVIDERS SLIDER */
.clmc-providers-slider .splide:before {
	opacity: 0;
	content: "";
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50px;
	background: linear-gradient(to right, rgba(255, 255, 255, 1), transparent);
	z-index: 1;
	transition: 0.3s;
}
.clmc-providers-slider .splide:after {
	opacity: 1;
	content: "";
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	background: linear-gradient(to left, rgba(255, 255, 255, 1), transparent);
	z-index: 1;
}

.clmc-providers-slider.is-scrolled .splide:before {
	opacity: 1;
}
.clmc-providers-slider .splide__list li:last-child > a,
.clmc-lobby-slider .splide__list li:last-child > div {
	margin-right: 20px !important;
}
.clmc-providers-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 50px;
}
.clmc-providers-item img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* 404 PAGE */
.page-404 {
	min-height: calc(100dvh - var(--clmc-header-height, 80px));
	box-sizing: border-box;
}
.page-404__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: clamp(18px, 3vw, 56px);
	padding-top: clamp(16px, 2vw, 36px);
	width: 100%;
}
.page-404__illustration {
	min-width: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-404__image {
	display: block;
	width: 100%;
	max-width: 640px;
	height: auto;
	object-fit: contain;
}
.page-404__content {
	min-width: 0;
	width: 100%;
	max-width: 760px;
	justify-self: center;
}
.page-404__title {
	color: var(--clmc-color-primary);
	font-size: clamp(2rem, 3.2vw, 3rem);
	line-height: 1.05;
}
.page-404__description {
	color: var(--clmc-color-primary);
	max-width: 720px;
	line-height: 1.4;
	font-size: clamp(1rem, 1.1vw, 1.125rem);
}
.page-404__support {
	width: 100%;
}
.page-404__support-title {
	color: var(--clmc-color-primary);
	font-size: clamp(1.35rem, 2vw, 2rem);
	line-height: 1.15;
}
.page-404__support-grid {
	width: 100%;
}
.page-404__support-item {
	max-width: 240px;
	gap: 12px;
}
.page-404__support-icon {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: 2px solid var(--clmc-btn-color-primary);
	color: var(--clmc-btn-color-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	box-sizing: border-box;
}
.page-404__support-label {
	color: var(--clmc-btn-color-primary);
	font-size: var(--clmc-text-medium);
	font-weight: 500;
	line-height: 1.2;
}

/* FEATURED GAME BANNER */
.clmc-featured-game {
	margin: clamp(6px, 1.2vw, var(--clmc-margin-medium));
}
.clmc-featured-game-link-wrap {
	display: block;
	color: inherit;
	text-decoration: none;
}
.clmc-featured-game-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(170px, 320px) minmax(280px, 1.15fr) minmax(520px, 2.35fr);
	grid-template-areas: "image logo content";
	align-items: center;
	justify-items: center;
	column-gap: clamp(18px, 2.4vw, 42px);
	row-gap: clamp(16px, 1.6vw, 24px);
	padding: clamp(18px, 2.2vw, 34px);
	min-height: clamp(280px, 23vw, 360px);
	border-radius: var(--clmc-border-radius-small);
	overflow: hidden;
	background: #050505;
}
.clmc-featured-game--background-only .clmc-featured-game-card {
	display: block;
	padding: 0;
	min-height: clamp(220px, 20vw, 320px);
}
.clmc-featured-game--background-only-video .clmc-featured-game-card {
	min-height: 0;
	background: #050505;
}
.clmc-featured-game--background-only-video .clmc-featured-game-bg-desktop,
.clmc-featured-game--background-only-video .clmc-featured-game-bg-mobile {
	position: relative;
	inset: auto;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.clmc-featured-game--background-only-video .clmc-featured-game-bg-desktop {
	display: block;
}
.clmc-featured-game--background-only-video .clmc-featured-game-bg-mobile {
	display: none;
}
.clmc-featured-game-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	pointer-events: none;
}
.clmc-featured-game-bg-mobile {
	display: none;
}
.clmc-featured-game-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.42);
	pointer-events: none;
}
.clmc-featured-game-logo {
	grid-area: logo;
	width: min(100%, clamp(230px, 20vw, 360px));
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 2;
}
.clmc-featured-game-logo-wrap {
	grid-area: logo;
	display: block;
	width: min(100%, clamp(230px, 20vw, 360px));
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.clmc-featured-game-image {
	grid-area: image;
	width: 100%;
	max-width: 320px;
	border-radius: var(--clmc-border-radius-small);
	display: block;
	position: relative;
	z-index: 2;
}
.clmc-featured-game-content {
	grid-area: content;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: clamp(14px, 1.5vw, 22px);
	min-width: 0;
	width: 100%;
	max-width: min(100%, 980px);
	position: relative;
	z-index: 2;
}
.clmc-featured-game-description {
	margin: 0;
	max-width: 100%;
	font-size: clamp(16px, 1.1vw, 20px);
	line-height: 1.25;
	color: #ffffff;
}
.clmc-featured-game-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: clamp(44px, 3vw, 50px);
	padding: 0 clamp(20px, 1.8vw, 30px);
	border-radius: 12px;
	background: #ff2b1b;
	color: #ffffff;
	font-size: clamp(16px, 1vw, 18px);
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.2s ease;
}
.clmc-featured-game-cta--overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: block;
	padding: 0;
	border-radius: inherit;
	background: transparent;
	text-indent: -9999px;
	overflow: hidden;
}
.clmc-featured-game-cta-icon {
	font-size: 0.9em;
	line-height: 1;
	transform: translateY(-1px);
}
.clmc-featured-game-cta:hover {
	background: #ff1300;
}