/* Basado en glider.min.css: mantenemos sus estilos por defecto y añadimos ajustes del hero */
.bgh-hero { position: relative; display:block; width:100%; }
.bgh-hero__contain { width:100%; }
.bgh-hero__viewport { height:720px; }
.bgh-hero__slide { position:relative; height:100%; }
.bgh-hero__slide picture,
.bgh-hero__slide img { display:block; width:100%; height:100%;     object-fit: scale-down;
    max-height: 700px;}


/* Flechas con fondo suave */
.bgh-hero__prev,
.bgh-hero__next { top:50%; transform:translateY(-50%); border:0; padding:.5rem; line-height:0; cursor:pointer; border-radius:999px; background:rgba(0,0,0,.25); color:#fff; }
.bgh-hero__prev:hover,
.bgh-hero__next:hover { background:rgba(0,0,0,.4); }


/* Dots centrados */
.bgh-hero__dots { position:absolute; left:50%; transform:translateX(-50%); bottom:.75rem; }


@media (max-width: 767px) {
.bgh-hero__viewport { height:720px; }
}