/**
 * Intros de carruseles en la home — PC y móvil.
 * Sin depender de mp-reveal (opacity:0 hasta scroll).
 */

/* —— Intro del shortcode (primer carrusel, v0.8.32+) —— */
body.home .mp-pc-pcarousel--has-intro {
	overflow: visible !important;
}

body.home .mp-pc-pcarousel__intro {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto 2rem !important;
	padding: clamp(2.75rem, 5vw, 4.25rem) clamp(1rem, 5vw, 2rem) 0.5rem !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

body.home .mp-pc-pcarousel__eyebrow,
body.home .mp-pc-pcarousel__heading,
body.home .mp-pc-pcarousel__lead {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100% !important;
	max-width: 52ch;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

body.home .mp-pc-pcarousel__heading {
	max-width: 22ch;
}

body.home .mp-pc-pcarousel__cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 1.75rem !important;
	padding: 0.9rem 2rem !important;
	background: #c2200e !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	line-height: 1.2;
	text-decoration: none !important;
	border-radius: 100px !important;
	box-shadow: 0 6px 24px rgba(232, 40, 26, 0.28);
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	min-height: 44px;
	position: relative;
	z-index: 2;
}

body.home .mp-pc-pcarousel__cta:hover {
	background: #a81c0e !important;
	color: #fff !important;
}

/* —— Bloques HTML del editor (segundo carrusel y respaldo) —— */
body.home .mp-home-carousel-block,
body.home .entry-content .mp-home-carousel-block {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: clamp(2.75rem, 5vw, 4.25rem) clamp(1rem, 5vw, 2rem) 0.5rem !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

body.home .mp-home-carousel-block .mp-section-eyebrow,
body.home .mp-home-carousel-block .mp-section-h2,
body.home .mp-home-carousel-block .mp-section-lead,
body.home .mp-home-carousel-block p {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100% !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

body.home .mp-home-carousel-block .mp-section-h2 {
	display: block !important;
	max-width: 22ch;
	margin-bottom: 1rem !important;
}

body.home .mp-home-carousel-block .mp-section-lead {
	display: block !important;
	max-width: 52ch !important;
	margin-bottom: 1.5rem !important;
	line-height: 1.75;
}

body.home .mp-home-carousel-block .mp-btn-primary,
body.home .mp-home-carousel-block a.mp-btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 1.75rem !important;
	padding: 0.9rem 2rem !important;
	background: #c2200e !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	line-height: 1.2;
	text-decoration: none !important;
	border-radius: 100px !important;
	box-shadow: 0 6px 24px rgba(232, 40, 26, 0.28);
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	min-height: 44px;
	position: relative;
	z-index: 2;
}

body.home .mp-home-carousel-block .mp-btn-primary:hover {
	background: #a81c0e !important;
	color: #fff !important;
}

body.home .mp-home-carousel-block + .mp-pc-pcarousel .mp-pc-pcarousel__head,
body.home .mp-pc-pcarousel--has-intro .mp-pc-pcarousel__head {
	display: none !important;
}

body.home .mp-home-carousel-block + .mp-pc-pcarousel,
body.home .mp-pc-pcarousel--has-intro {
	margin-top: 0;
}

/* HTML partido: párrafo/botón sueltos (solo primer bloque disena) */
body.home .entry-content > p.mp-section-lead:has(+ a[href*="personaliza-tu-producto"]),
body.home .entry-content > p.mp-section-lead:has(+ a[href*="disena-tu-regalo"]) {
	display: block !important;
	text-align: center !important;
	margin: 0 auto 1.5rem !important;
	max-width: 52ch !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

body.home .entry-content > a[href*="personaliza-tu-producto"]:not(.mp-pc-pcarousel a):not(.mp-discovery__door),
body.home .entry-content > a[href*="disena-tu-regalo"]:not(.mp-pc-pcarousel a):not(.mp-discovery__door) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 1.75rem !important;
	padding: 0.9rem 2rem !important;
	background: #e8281a !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border-radius: 100px !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	min-height: 44px;
}

@media (max-width: 768px) {
	/* Segundo carrusel (bloque editor) — no tocar el primero (shortcode) aquí; ver wp_footer */
	body.home .mp-home-carousel-block .mp-section-h2,
	body.home .mp-home-carousel-block .mp-section-lead,
	body.home .mp-home-carousel-block .mp-section-eyebrow {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: none !important;
	}

	body.home .mp-home-carousel-block .mp-btn-primary {
		min-height: 48px;
		padding: 0.9rem 1.5rem !important;
		width: auto !important;
		max-width: calc(100% - 2rem);
	}
}