.hidro-slideshow { width:100%; max-width:1020px; margin:0 auto 1rem; background:#143c50; color:#fff; }
.hidro-slideshow [hidden] { display:none !important; }
.hidro-slideshow__slide { position:relative; margin:0; }
.hidro-slideshow__slide img { display:block; width:100%; height:auto; aspect-ratio:1020/395; object-fit:cover; }
.hidro-slideshow__slide figcaption { position:absolute; bottom:0; inset-inline:0; padding:1rem 1.5rem; background:rgba(0,0,0,.75); color:#fff; font:500 clamp(15px,1.9vw,20px)/1.4 Arial,sans-serif; text-align:center; letter-spacing:.06em; overflow-wrap:anywhere; }
.hidro-slideshow__slide figcaption span { display:block; }
.hidro-slideshow__controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.5rem; padding:.5rem; }
.hidro-slideshow__controls button { min-height:44px; padding:.5rem .8rem; border:1px solid #d4e2e8; border-radius:3px; background:#fff; color:#143c50; font:inherit; cursor:pointer; }
.hidro-slideshow__controls button:hover { background:#dbeaf0; }
.hidro-slideshow__controls button:focus-visible { outline:3px solid #ffdc70; outline-offset:3px; }
.hidro-slideshow__status { min-width:4.5em; text-align:center; font:inherit; }
@media (max-width:640px) {
  .hidro-slideshow__slide figcaption { position:static; padding:.8rem; font-size:14px; letter-spacing:.02em; }
  .hidro-slideshow__controls { font-size:14px; }
}