/*
 * Protección frente a los estilos globales de Hello Elementor.
 * Las tarjetas son botones semánticos, pero deben conservar el diseño del slider.
 */
.mps-slider .mps-card,
.mps-slider .mps-card:hover,
.mps-slider .mps-card:focus,
.mps-slider .mps-card.is-active,
.mps-slider .mps-card.is-active:hover,
.mps-slider .mps-card.is-active:focus {
	background-color: #171719 !important;
	background-image: none !important;
	color: #fff !important;
	border-radius: 15px !important;
	-webkit-appearance: none;
	appearance: none;
}

.mps-slider .mps-card {
	border-color: rgba(255, 255, 255, .16) !important;
	padding: 0 !important;
	/* Sombra suave hacia abajo; Hello Elementor no trae box-shadow propio en botones,
	   pero se fija aquí (en vez de solo en slider.css) por si algún tema la reinicia. */
	box-shadow: 0 16px 26px -16px rgba(0, 0, 0, .55), 0 4px 10px -6px rgba(0, 0, 0, .35) !important;
}

.mps-slider .mps-card:hover {
	box-shadow: 0 20px 32px -16px rgba(0, 0, 0, .6), 0 6px 12px -6px rgba(0, 0, 0, .4) !important;
}

.mps-slider .mps-card.is-active {
	border-color: var(--mps-accent) !important;
	box-shadow: 0 22px 36px -16px rgba(0, 0, 0, .62), 0 8px 14px -6px rgba(0, 0, 0, .42) !important;
}

.mps-slider .mps-card img {
	display: block;
}

.mps-slider .mps-card img[hidden] {
	display: none;
}

/* Descripción 20% mayor: 15 px → 18 px. */
.mps-slider .mps-description {
	max-width: 520px;
	color: rgba(255, 255, 255, .82) !important;
	font-size: 18px !important;
	line-height: 1.6 !important;
}

@media (max-width: 767px) {
	.mps-slider .mps-description {
		font-size: 17px !important;
	}
}