/* Bloque "Nuestras Marcas" del Inicio (título 0c2a015 + carrusel de marcas 566777d con clase .carra-marcas-carrusel). */

/* Título centrado con subrayado degradé. */
.elementor-element-0c2a015 .woodmart-title-container {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	color: #E4472D;
	font-weight: 800;
}

.elementor-element-0c2a015 .woodmart-title-container::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 64px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, #E4472D, #F59300);
	transform: translateX(-50%);
}

.carra-marcas-carrusel .wd-carousel {
	padding-top: 8px;
	padding-bottom: 14px;
}

/* Tarjeta de marca. */
.carra-marcas-carrusel .wd-brand-item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
	padding: 18px !important;
	border: 1.5px solid #F6D2C7;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 6px 16px rgba(228, 71, 45, .06);
	transition: transform .25s, box-shadow .25s, border-color .25s, background .25s;
}

.carra-marcas-carrusel .wd-brand-item:hover {
	transform: translateY(-4px);
	border-color: #F59300;
	background:
		radial-gradient(circle at 0% 0%, rgba(245, 147, 0, .14), transparent 55%),
		radial-gradient(circle at 100% 100%, rgba(228, 71, 45, .12), transparent 55%),
		#FFF8F3;
	box-shadow: 0 12px 26px rgba(228, 71, 45, .16);
}

.carra-marcas-carrusel .wd-brand-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* Logos: en un solo tono, y en sus colores originales al pasar el mouse. */
.carra-marcas-carrusel .wd-brand-item img {
	width: auto !important;
	max-width: 85%;
	max-height: 58px;
	object-fit: contain;
	filter: grayscale(1) contrast(.9);
	opacity: .55;
	transition: filter .3s, opacity .3s, transform .3s;
}

.carra-marcas-carrusel .wd-brand-item:hover img {
	filter: none;
	opacity: 1;
	transform: scale(1.06);
}

/* Marcas sin logo: el nombre como logotipo. */
.carra-marcas-carrusel .wd-brand-item a:not(:has(img)) {
	color: #9a9a9a;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	transition: color .3s;
}

.carra-marcas-carrusel .wd-brand-item:hover a:not(:has(img)) {
	color: #E4472D;
}

@media (max-width: 767px) {
	.carra-marcas-carrusel .wd-brand-item {
		height: 90px;
		padding: 12px !important;
		border-radius: 14px;
	}

	.carra-marcas-carrusel .wd-brand-item img {
		max-height: 44px;
	}

	.carra-marcas-carrusel .wd-brand-item a:not(:has(img)) {
		font-size: 14px;
	}
}
