.cmh-featured-products--banners{
	background:#f7f5f1;
	border-top:1px solid rgba(0,0,0,.06);
	border-bottom:1px solid rgba(0,0,0,.06);
	padding-top:clamp(64px,8vw,100px);
	padding-bottom:clamp(64px,8vw,100px)
}

.cmh-featured-products__heading{
	max-width:830px;
	margin-bottom:36px
}

.cmh-featured-products__heading p{
	max-width:780px;
	margin-top:14px;
	font-size:1.04rem
}

/*
 * Los banners se muestran completos, sin recortes.
 * La imagen conserva literalmente el diseño compartido.
 */
.cmh-banner-products__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:28px;
	align-items:start
}

.cmh-banner-product{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid rgba(0,0,0,.09);
	border-radius:22px;
	background:#fff;
	box-shadow:0 18px 48px rgba(0,0,0,.10);
	transition:transform .25s ease,box-shadow .25s ease
}

.cmh-banner-product:hover{
	transform:translateY(-4px);
	box-shadow:0 24px 58px rgba(0,0,0,.15)
}

.cmh-banner-product__image{
	display:block;
	width:100%;
	padding:0;
	border:0;
	background:#fff;
	cursor:pointer;
	overflow:hidden
}

.cmh-banner-product__image img{
	display:block;
	width:100%;
	height:auto;
	max-height:none;
	object-fit:contain;
	background:#fff;
	transition:transform .25s ease
}

.cmh-banner-product__image:hover img{
	transform:scale(1.012)
}

.cmh-banner-product__cta{
	display:inline-flex;
	width:calc(100% - 36px);
	min-height:52px;
	align-items:center;
	justify-content:center;
	margin:18px;
	padding:13px 22px;
	border:0;
	border-radius:999px;
	background:#171717;
	color:#fff;
	font:inherit;
	font-weight:900;
	line-height:1.2;
	cursor:pointer;
	box-shadow:0 10px 24px rgba(0,0,0,.14);
	transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}

.cmh-banner-product__cta:hover{
	transform:translateY(-2px);
	background:#956c2e;
	color:#fff;
	box-shadow:0 15px 30px rgba(0,0,0,.2)
}

.cmh-banner-product__cta:focus-visible,
.cmh-banner-product__image:focus-visible{
	outline:3px solid rgba(183,134,62,.45);
	outline-offset:3px
}

.cmh-featured-product__type{
	display:block;
	margin-bottom:4px;
	color:#956c2e;
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.11em;
	text-transform:uppercase
}

.cmh-modal-open{overflow:hidden}
.cmh-product-modal[hidden]{display:none}
.cmh-product-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:20px}
.cmh-product-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74)}
.cmh-product-modal__dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);width:min(1080px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.cmh-product-modal__close{position:absolute;z-index:2;top:12px;right:12px;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(0,0,0,.76);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.cmh-product-modal__media{display:grid;align-items:center;background:#111}
.cmh-product-modal__media img{display:block;width:100%;height:100%;max-height:720px;object-fit:contain}
.cmh-product-modal__content{padding:clamp(26px,5vw,48px)}
.cmh-product-modal__content h2{margin:4px 0 10px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}
.cmh-product-modal__price{display:block;margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.25rem)}
.cmh-product-modal__time{margin:0 0 18px;font-weight:700;color:#956c2e}
.cmh-product-modal__content ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.cmh-product-modal__content li::before{content:"✓";margin-right:9px;color:#1f8f4e;font-weight:900}
.cmh-product-modal__note{color:#666;font-size:.94rem}
.cmh-product-modal__cta{display:inline-flex;width:100%;min-height:52px;align-items:center;justify-content:center;margin-top:12px;padding:12px 20px;border-radius:999px;background:#171717;color:#fff;font-weight:900;text-decoration:none;text-align:center}
.cmh-product-modal__cta:hover{background:#956c2e;color:#fff}

@media(min-width:980px){
	.cmh-banner-product:nth-child(3),
	.cmh-banner-product:nth-child(4),
	.cmh-banner-product:nth-child(5){
		grid-column:span 1
	}
}

@media(max-width:760px){
	.cmh-banner-products__grid{grid-template-columns:1fr;gap:22px}
	.cmh-banner-product__cta{width:calc(100% - 28px);margin:14px}
	.cmh-product-modal{padding:10px}
	.cmh-product-modal__dialog{grid-template-columns:1fr;max-height:calc(100vh - 20px)}
	.cmh-product-modal__media img{max-height:390px}
}