/*  --------------------------------------------------------------------------------------[ CUSTOM ] */

.custom-btn-color-pri {
	background-color: var(--custom-color-pri) !important;
	color: #ffffff !important;
	transition: background-color 0.25s ease-in-out, transform 0.15s ease-in-out;
}

.custom-btn-color-pri:hover {
	background-color: #d12e2a !important; 
	color: #ffffff !important;
}

.custom-btn-color-pri:active {
	transform: scale(0.98); 
}

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

@media (min-width: 992px) {
	.style-overflow-container {
		margin-top: -60px;
		margin-bottom: -6px;
	}
}

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

.native-carousel-mask {
	padding: 20px 0;
}

.native-carousel-track {
	display: flex;
	gap: 20px;
	padding-left: calc(50% - 290px);
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform;
}

.custom-card-wrapper {
	flex-shrink: 0;
	border-radius: 20px;
	overflow: hidden;
	height: 480px;
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.custom-card-wrapper.card-lateral {
	width: 290px;
	background: linear-gradient(180deg, #EAEAEA 0%, #AFAFAF 100%) !important;
	opacity: 0.6;
	transform: scale(0.9);
}

.custom-card-wrapper.card-lateral .layout-lateral {
	display: flex !important;
}

.custom-card-wrapper.card-lateral .layout-central {
	display: none !important;
}

.custom-card-wrapper.card-lateral .img-container {
	height: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.custom-card-wrapper.card-lateral .img-container img {
	max-height: 260px;
	object-fit: contain;
}

.custom-card-wrapper.card-lateral .footer-title {
	background-color: var(--custom-color-pri) !important;
	color: #ffffff;
	text-align: center;
	padding: 15px 10px;
	margin-top: auto;
}

.custom-card-wrapper.card-central {
	width: 580px;
	background: #EAEAEA !important;
	opacity: 1;
	transform: scale(1);
}

.custom-card-wrapper.card-central .layout-lateral {
	display: none !important;
}

.custom-card-wrapper.card-central .layout-central {
	display: flex !important;
}

.custom-card-wrapper.card-central .sub-images img {
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px;
	max-height: 60px;
	object-fit: contain;
}

.native-carousel-btn {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: var(--custom-color-pri) !important;
	color: #ffffff !important;
	border: none;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	transition: all 0.2s ease-in-out;
	position: relative;
	z-index: 10;
	flex-shrink: 0;
}

.native-carousel-btn:hover {
	transform: scale(1.1);
}

@media (max-width: 991px) {
	.native-carousel-track {
		padding-left: 0 !important;
		transform: none !important;
		flex-direction: column;
		gap: 20px;
	}

	.custom-card-wrapper.card-lateral {
		display: none !important;
	}

	.custom-card-wrapper.card-central {
		width: 100% !important;
		height: auto;
	}
	
	.native-carousel-btn {
		display: none !important;
	}
}

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

/* Limita a largura máxima das caixas de tópicos */
.max-w-boxes {
	max-width: 460px;
	width: 100%;
}

/* Caixa com Borda Personalizada (Vermelha Fina) */
.border-custom-pri {
	border: 1px solid var(--custom-color-pri) !important;
	background-color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

/* Ajuste de espaçamento do texto longo */
.long-text-equipe {
	max-width: 520px;
}

/* Exibição Direta da Imagem Editada */
.img-colaborador-editada {
	max-height: 540px;
	width: auto;
	object-fit: contain;
}

/* Responsividade para Telas Menores e Mobile */
@media (max-width: 991px) {
	.max-w-boxes, .long-text-equipe {
		max-width: 100%;
	}

	.img-colaborador-editada {
		max-height: 380px;
	}
}

/* Efeito de transição suave na caixa */
.box-item-equipe {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

/* Estado de Hover (Quando passa o mouse) */
.box-item-equipe:hover {
    background-color: var(--custom-color-pri) !important;
    transform: translateY(-4px); /* Eleva levemente o card */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Transição suave para o texto interno */
.box-item-equipe .text-dark {
    transition: color 0.3s ease;
}

/* Modifica a cor do texto para branco no hover */
.box-item-equipe:hover .text-dark {
    color: #ffffff !important;
}