/**
 * Product spotlight block ("Em destaque").
 *
 * Mirrors the staging SINGLE PRODUCT SPOTLIGHT section. The layout and styling
 * are Tailwind utilities (compiled by Winden); the only rule that needs a real
 * stylesheet is the h2 size, which Oxygen's unlayered heading rules would
 * otherwise override (Winden emits the size utility in @layer utilities, which
 * loses to unlayered author rules). The photo frame and its no-image logo
 * placeholder are reused from .curel-group-photo in sliders.css.
 */

.cur-spotlight h2,
.cur-spotlight-title {
	font-size: clamp(32px, 4.4vw, 64px) !important;
	line-height: 1.02 !important;
	letter-spacing: -0.025em;
	font-weight: 700;
}

/*
 * Oxygen 6 applies its own unlayered link styling to the <a> buttons, which
 * overrides Winden's .bg-red / .text-white (emitted in @layer utilities and so
 * losing to unlayered author rules). Re-assert the red "Ver produto" button
 * here (unlayered + !important beats Oxygen's normal link rules).
 */
.cur-spotlight a.bg-red {
	background-color: var(--color-red, #DF1E26) !important;
	color: #fff !important;
}

.cur-spotlight .curel-group-photo img{
	height:100%;
}