html, body {
    height: 100%;
}

header {
    height: 70px;
}

footer {
    height: 40px;
}


/* Área total visible */
.login-section {
    height: calc(100vh - 110px); /* header + footer */
    overflow: hidden;
}

/* Hero / carrusel */
#carouselImagenes,
#carouselImagenes .carousel-inner,
#carouselImagenes .item {
    height: 100%;
}

.hero-slide {
    background:
        linear-gradient(to bottom,
            #fff 0%,
            #2E90BD 20%,
            #2E90BD 80%,
            #fff 100%
        );
    background-size: contain;       /* auto-crop elegante */
    background-position: center;  /* foco */
    background-repeat: no-repeat;
}

.carousel.fade .item {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.carousel.fade .item.active {
    opacity: 1;
}

.carousel.fade .active.left,
.carousel.fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}