/* Direção de arte restrita ao carrossel; navegação e Home preservadas. */
.header-banner.highlight-carousel::after{display:none}
.header-banner.highlight-carousel .highlight-slide.official-media-slide{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:24px;padding:12px 16px 46px;align-items:center}
.official-hero-art{display:block;min-width:0;transition:transform .2s;cursor:pointer}
.official-hero-art:hover{transform:translateY(-2px)}
.official-hero-art img{display:block;width:100%;height:auto;max-height:262px;object-fit:contain}
.official-hero-art:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.header-banner.highlight-carousel .highlight-slide.official-media-slide{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:18px;padding:16px 10px 48px}.official-hero-art img{max-height:230px}}
@media(prefers-reduced-motion:reduce){.official-hero-art{transition:none}.official-hero-art:hover{transform:none}}
.header-banner.highlight-carousel::before{opacity:.44}
.highlight-carousel::after{content:'';position:absolute;right:3%;bottom:7%;width:150px;height:116px;background:#745682;mask:url('imagens/logo-heloisa-oficial.png') center/contain no-repeat;-webkit-mask:url('imagens/logo-heloisa-oficial.png') center/contain no-repeat;opacity:.14;pointer-events:none;z-index:0}
.header-banner.highlight-carousel{width:92%;margin:12px auto 0;height:320px;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 75% 65%,#f3dce766,transparent 62%)}
.highlight-carousel::before{content:'';position:absolute;inset:0;pointer-events:none;background:url('imagens/fundo-dentes-de-leao.png') center/cover;opacity:.12;mask-image:radial-gradient(ellipse at 70% 55%,black,transparent 72%)}
.highlight-carousel .highlight-slide{inset:0;grid-template-columns:55% 45%;align-items:center}
.highlight-carousel .highlight-copy{padding:10px 20px 44px;position:relative;z-index:1}
.highlight-carousel .highlight-copy h2{font-size:34px;font-weight:350;line-height:1.08;letter-spacing:-1.1px;max-width:460px}
.highlight-carousel .highlight-copy .eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:12px}
.highlight-carousel .highlight-copy>p:not(.eyebrow){font-size:13px;line-height:1.55;margin:10px 0;max-width:410px}
.highlight-carousel .highlight-copy>p.highlight-call{font-size:18px;color:var(--ink)}
.highlight-carousel .channel-button{display:inline-flex;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #b29aaa;border-radius:0;padding:5px 0;min-height:44px;gap:18px;font-size:13px;text-align:left;justify-content:flex-start}
.highlight-carousel .channel-button:hover{color:var(--accent);border-color:var(--ink);background:transparent}
.highlight-carousel .highlight-photo{max-height:320px;height:320px;object-fit:contain;object-position:center bottom;align-self:end;background:transparent}
.highlight-carousel .highlight-slide:nth-child(1){grid-template-columns:49% 51%}
.highlight-carousel .highlight-slide:nth-child(2){grid-template-columns:49% 51%}
.highlight-carousel .product-image-slot{align-self:center;height:280px;padding:0 0 12px}
.highlight-carousel .product-image-slot img{height:100%;width:100%;object-fit:contain}
.highlight-carousel .highlight-slide:nth-child(3){grid-template-columns:63% 37%}
.highlight-carousel .individual-highlight{height:430px;max-height:none;object-position:center top;align-self:start}
.highlight-carousel .highlight-slide:nth-child(4){grid-template-columns:67% 33%}
.highlight-carousel .highlight-slide:nth-child(4) h2{font-family:var(--serif);font-style:italic;font-size:42px}
.highlight-carousel .highlight-slide:nth-child(4) .highlight-placeholder{padding:0 18px 30px;text-align:left;border-left:1px solid var(--line)}
.highlight-carousel .highlight-slide:nth-child(4) .highlight-placeholder>span{font:italic 30px var(--serif)}
.highlight-carousel .highlight-slide:nth-child(4) .highlight-placeholder p{font-size:12px;line-height:1.7}
.highlight-carousel .highlight-media{grid-template-columns:58% 42%;gap:0}
.highlight-carousel .highlight-media .highlight-copy+.highlight-copy{border:0;padding-left:32px;margin-top:30px}
.highlight-carousel .highlight-media .highlight-copy+.highlight-copy h2{font-size:28px}
.highlight-carousel .highlight-media .highlight-copy>p.highlight-call{font-size:16px}
.highlight-carousel .highlight-controls{left:16px;right:auto;bottom:6px}
/* Mantém a foto alta sem expandir a linha e empurrar o CTA sobre os controles. */
.header-banner.highlight-carousel{overflow:clip}
@media(min-width:761px){
 .highlight-carousel .highlight-slide{grid-template-rows:minmax(0,1fr)}
 .highlight-carousel .highlight-copy{align-self:center;padding-bottom:58px}
}
.highlight-carousel .channel-button{min-height:48px;padding:10px 14px;border:1px solid #cdbcc9;border-radius:5px;background:#faf9fca6;font-size:14px}
.highlight-carousel .channel-button:hover{background:#f2e8ef;border-color:var(--accent)}
.highlight-carousel .channel-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.highlight-carousel .highlight-controls{z-index:2}
@media(max-width:760px){
 .header-banner.highlight-carousel{width:100%;height:560px;margin-top:8px}
 .highlight-carousel .highlight-slide,.highlight-carousel .highlight-slide:nth-child(n){grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding-bottom:36px}
 .highlight-carousel .highlight-copy{padding:18px 10px 8px}
 .highlight-carousel .highlight-copy h2{font-size:29px;max-width:100%}
 .highlight-carousel .highlight-copy>p.highlight-call{font-size:17px}
 .highlight-carousel .highlight-copy>p:not(.eyebrow){margin:8px 0;font-size:13px}
 .highlight-carousel .highlight-photo,.highlight-carousel .individual-highlight{height:100%;max-height:292px;min-height:0;object-position:center bottom;align-self:end}
 .highlight-carousel .highlight-slide:nth-child(3) .highlight-photo{max-height:285px}
 .highlight-carousel .product-image-slot{height:100%;max-height:260px;padding:8px 0 0}
 .highlight-carousel .highlight-slide:nth-child(4){grid-template-rows:auto 1fr}
 .highlight-carousel .highlight-slide:nth-child(4) .highlight-copy{padding-top:38px}
 .highlight-carousel .highlight-slide:nth-child(4) .highlight-placeholder{margin:22px 10px 18px;padding:20px 0;border-left:0;border-top:1px solid var(--line)}
 .highlight-carousel .highlight-slide:nth-child(4) h2{font-size:38px}
 .highlight-carousel .highlight-media{grid-template-rows:1fr 1fr}
 .highlight-carousel .highlight-media .highlight-copy{padding:14px 10px 6px}
 .highlight-carousel .highlight-media .highlight-copy+.highlight-copy{margin:0;padding:12px 10px 6px 32px}
 .highlight-carousel .highlight-media .highlight-copy h2,.highlight-carousel .highlight-media .highlight-copy+.highlight-copy h2{font-size:26px}
 .highlight-carousel .highlight-media .highlight-copy>p.highlight-call{font-size:15px}
 .highlight-carousel .highlight-controls{left:4px;bottom:0}
}


/* Compactação apenas mobile, sem alterar controles ou rotação. */
@media(max-width:760px){
 .header-banner.highlight-carousel{height:480px}
 .header-banner.highlight-carousel:has(.highlight-slide:nth-child(4):not([aria-hidden="true"])){height:370px}
 .highlight-carousel .highlight-slide,.highlight-carousel .highlight-slide:nth-child(n){padding-bottom:48px}
 .highlight-carousel .highlight-copy{padding-top:12px;padding-bottom:4px}
 .highlight-carousel .highlight-slide:nth-child(4){grid-template-rows:auto auto;align-content:start}
 .highlight-carousel .highlight-slide:nth-child(4) .highlight-copy{padding-top:12px}
 .highlight-carousel .highlight-slide:nth-child(4) .highlight-placeholder{margin:12px 10px 0;padding:12px 0 0;align-self:start}
 .highlight-carousel .highlight-slide:nth-child(4) .highlight-placeholder p{margin:6px 0}
 .highlight-carousel .highlight-controls{bottom:6px}
 .header-banner.highlight-carousel .highlight-slide.official-media-slide{gap:12px;padding:12px 10px 48px}
}