.color1 {
    background-color: blue !important;
    background-image: url("../../Imagenes/logoNew.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-size: 50%;
    /* width: 50%; */
}

.color1 section {
    height: 100%;
    align-content: center !important;
    text-align-last: center !important;
}

.color2 {
    background-color: transparent !important;
    background-image: url("../../Imagenes/logoVirtualBookNew.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-size: 50%;
    /* width: 50%; */
}

.color2 section {
    height: 100%;
    align-content: center !important;
    text-align-last: center !important;
}

.color3 {
    background-color: blue !important;
    background-image: url("../../Imagenes/logoNew.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-size: 50%;
    /* width: 50%; */
}

.color3 section {
    height: 100%;
    align-content: center !important;
    text-align-last: center !important;
}

.color4 {
    background-color: cyan !important;
    background-image: url("../../Imagenes/logoVirtualBookNew.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-size: 50%;
    /* width: 50%; */
}

.color6 {
    background-color: rgba(255, 255, 255, 0.8) !important;
    background-image: url("../../Imagenes/logoVirtualBookNew.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-size: 80%;
    /* width: 50%; */
}

.color6 section {
    height: 100%;
}

.color6 section .right {
    align-content: right !important;
    text-align-last: right !important;
}

.color6 section .left {
    align-content: left !important;
    text-align-last: left !important;
}


#carouselExampleControls .carousel-inner {
    padding: 1em;
}

#carouselExampleControls .card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}

#carouselExampleCaptions .carousel-control-next,
#carouselExampleCaptions2 .carousel-control-next,
#carouselExampleControls .carousel-control-next,
#carouselExampleControls2 .carousel-control-next {
    background-color: black;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(-100%);
}

#carouselExampleCaptions .carousel-control-prev,
#carouselExampleCaptions2 .carousel-control-prev,
#carouselExampleControls .carousel-control-prev,
#carouselExampleControls2 .carousel-control-prev {
    background-color: black;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(100%);
}

#carouselExampleControls .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#carouselExampleControls img {
    max-height: 100%;
}

.img-info {
    width: 50%;
    margin: auto;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    border: 2px solid #006fb8;
    bottom: 75%;
}


.abajo {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    border: 2px solid #006fb8;
    bottom: 10%;
}

.carousel-indicators #indicators {
    background-color: rgba(0, 0, 0, 0.8);
}

.carousel-indicators button {
    height: 15px !important;
    width: 15px !important;
    border-radius: 100% !important;
    margin-left: 15px !important;
}