/* iseib-slides.css — Carrossel da página inicial (1.23) */
.hs { position: relative; overflow: hidden; background: #e3263a; isolation: isolate; }
.hs-trilho { display: flex; transition: transform .7s cubic-bezier(.22, .8, .2, 1); will-change: transform; touch-action: pan-y; }
.hs-slide { flex: 0 0 100%; position: relative; aspect-ratio: 1920 / 650; }
.hs-slide a, .hs-slide picture { display: block; width: 100%; height: 100%; }
.hs-slide img { width: 100%; height: 100%; object-fit: cover; display: block; user-select: none; -webkit-user-drag: none; }
.hs-slide a:focus-visible { outline: 4px solid #ffdd00; outline-offset: -6px; }

.hs-seta { position: absolute; top: 50%; translate: 0 -50%; z-index: 2; width: 52px; height: 52px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92);
           color: #0055aa; font-size: 1.3rem; cursor: pointer; display: grid; place-items: center; box-shadow: 0 8px 22px rgba(0, 0, 0, .18); transition: transform .2s, background .2s; }
.hs-seta:hover { background: #fff; transform: scale(1.06); }
.hs-seta:focus-visible, .hs-ponto:focus-visible, .hs-pausa:focus-visible { outline: 3px solid #ffdd00; outline-offset: 3px; }
.hs-ant { left: 20px; }
.hs-prox { right: 20px; }

.hs-barra { position: absolute; left: 50%; bottom: 18px; translate: -50% 0; z-index: 2; display: flex; align-items: center; gap: 10px;
            background: rgba(0, 27, 54, .45); backdrop-filter: blur(6px); padding: 8px 12px; border-radius: 999px; }
.hs-pontos { display: flex; gap: 8px; }
.hs-ponto { width: 12px; height: 12px; border-radius: 999px; border: 0; padding: 0; background: rgba(255, 255, 255, .55); cursor: pointer; transition: width .35s, background .35s; position: relative; overflow: hidden; }
.hs-ponto[aria-current="true"] { width: 38px; background: rgba(255, 255, 255, .35); }
.hs-ponto[aria-current="true"]::after { content: ''; position: absolute; inset: 0; background: #fff; transform-origin: left; transform: scaleX(0); animation: hs-progresso var(--hs-tempo, 7s) linear forwards; }
.hs.pausado .hs-ponto[aria-current="true"]::after, .hs.sem-auto .hs-ponto[aria-current="true"]::after { animation: none; transform: scaleX(1); }
@keyframes hs-progresso { to { transform: scaleX(1); } }
.hs-pausa { width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .2); color: #fff; cursor: pointer; display: grid; place-items: center; font-size: .8rem; }
.hs-pausa:hover { background: rgba(255, 255, 255, .35); }
.hs-ao-vivo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

@media (max-width: 700px) {
  .hs-slide.tem-mobile { aspect-ratio: 900 / 1000; }
  .hs-slide:not(.tem-mobile) img { object-fit: contain; }
  .hs-seta { width: 40px; height: 40px; font-size: 1rem; }
  .hs-ant { left: 8px; } .hs-prox { right: 8px; }
  .hs-barra { bottom: 10px; padding: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-trilho { transition: none; }
  .hs-ponto[aria-current="true"]::after { animation: none; transform: scaleX(1); }
}