/* carrossel.css — carrossel emoldurado da Início (prefixo .hc-), dentro do contêiner da página. A moldura é .c-frame (base.css). Só transform/opacity animam. */
.hc{position:relative;--hc-int:4s;--hc-fade:1s;padding-top:var(--space-s);margin-bottom:var(--space-l)}
.hc__stage{position:relative;width:100%;aspect-ratio:1/1;max-height:72vh;max-height:72svh;overflow:hidden;background:var(--bg);touch-action:pan-y}
@media (min-width:48rem){.hc__stage{aspect-ratio:3/2;max-height:88vh;max-height:88svh}}
.hc__slides,.hc__slide{position:absolute;inset:0}
.hc__slide{opacity:0;visibility:hidden}
.hc__slide.is-active,.hc__slide.is-prev{visibility:visible}
.hc__slide.is-active{opacity:1;z-index:2}
.hc__slide.is-prev{opacity:1;z-index:1}
.hc.is-live .hc__slide{transition:opacity var(--hc-fade) var(--ease-in-out)}
.hc.is-live .hc__slide.is-prev{transition:none}
.hc__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pd,50% 50%)}
.hc.is-live .is-active .hc__img,.hc.is-live .is-prev .hc__img{will-change:transform;animation:hc-z calc(var(--hc-int) + var(--hc-fade)) linear both}
@keyframes hc-z{to{transform:scale(1.04)}}
.hc.is-paused .hc__img,.hc.is-paused .hc__fill{animation-play-state:paused!important}
.hc__ctl{display:flex;align-items:center;gap:var(--space-s);position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* barra sem aparecer: só teclado/leitor de tela (pausar, anterior, próxima) */
.hc__ctl:focus-within{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;padding-top:var(--space-2xs)}
.hc__ctl[hidden]{display:none}
@media (scripting:enabled){.hc__ctl[hidden]{display:flex;visibility:hidden}}
.hc__num{flex:none;min-width:3.6em;font:var(--step--1)/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text-2)}
.hc__num b{font-weight:500;color:var(--text)}
.hc__bar{position:relative;flex:1 1 4rem;min-width:0;height:2px;background:var(--line-strong);overflow:hidden}
.hc__fill{position:absolute;inset:0;background:var(--text);transform:scaleX(0);transform-origin:0 50%}
.hc__fill.is-go{animation:hc-p var(--hc-int) linear both}
@keyframes hc-p{to{transform:scaleX(1)}}
.hc__dots{display:none}
@media (min-width:64rem){.hc__dots{display:flex;gap:.5rem}.hc__d{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.hc__d.is-on{background:var(--text)}}
.hc__btns{display:flex}
.hc__btn{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;border:0;color:var(--text);cursor:pointer}
.hc__btn:hover{color:var(--accent)}
.hc__btn:focus-visible{outline:var(--focus-ring);outline-offset:calc(-1*var(--focus-offset))}
.hc__i-play{display:none}
.hc.is-user .hc__i-play{display:block}
.hc.is-user .hc__i-pause{display:none}
/* Pausar/Retomar em texto, em linha propria, alinhado a direita sob a foto, sem legenda (WCAG 2.2.2 sem teclado): sem caixa nem borda; o espaço é reservado antes do JS (sem CLS) */
.hc__capline{display:flex;align-items:flex-start;justify-content:flex-end}
.hc__pause{flex:none;min-height:24px;margin:0;padding:var(--space-2xs) 0 0;background:none;border:0;border-radius:0;font:var(--step--1)/1.4 var(--font-sans);color:var(--text-2);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}
.hc__pause:hover{color:var(--accent)}
.hc__pause:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.hc__pause[hidden]{display:none}
@media (scripting:enabled){.hc__pause[hidden]{display:block;visibility:hidden}}
@media (prefers-reduced-motion:reduce){
.hc .hc__img{animation:none!important;will-change:auto}
.hc.is-live .hc__slide{transition-duration:.01ms}
}