main {
    margin-left: 20%;
    width: 80%;
    min-height: 100vh;
}

/* carrucel */
.carousel-control {
    color: rgba(6, 6, 6, 0.18);
}

.carousel-indicators {
    position: absolute;
    bottom: -50px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid rgb(0, 13, 85);
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 1em;
    height: 1em;
    margin: 0;
    background-color: #283d7b;

}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgb(255, 0, 0) 0, rgb(255, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgb(255, 0, 0) 0, rgba(255, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 0, 0)), to(rgb(255, 0, 0)));
    background-image: linear-gradient(to right, rgba(255, 1, 1, 0) 0, rgba(61, 8, 8, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.contenedor-carrucel {
    margin: 0 auto;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 48%;
    padding: 100px 0% 0 0%;
}

.carousel-inner {
    width: 100%;
    height: 100%;
}

.Img-Carrusel {            
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Img-Carrusel img {
    width: 20em;
    height: 15em;
    margin-bottom: 2.5em;
}


.Texto-carrucel{       
    position: absolute;     
    font-weight: bold;
    border-radius: 0.8em;
    font-size: 1em;    
    bottom: -20px;
    padding-top: 100px;
    color: #283d7b;    
    padding: 1em;
}

/* carrucel */


/* contenido */
.Contenido-lista1 {
    list-style: decimal;
}

.informacion {
    background: white;
    padding: 10%;
    text-align: justify;
}

.informacion h1 {
    text-align: justify;
}

.informacion h4 {
    font-weight: bold;
}

@media (max-width: 700px) {

    main {
        all: unset;
    }

    .cont_principal {
        min-height: 100vh;
    }

    .carousel-control {
        color: rgba(6, 6, 6, 0.18);
        opacity: 0;
        display: none;
    }

    .carousel-indicators li {
        border: 1px solid rgba(6, 6, 6, 0.753);
        opacity: 0;
    }

    .contenedor-carrucel {
        margin: 0 auto;
        background: rgb(255, 255, 255);
        width: 100%;
        height: 48%;
    }

    .Img-Carrusel {
        z-index: 10;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Img-Carrusel img {
        width: 20em;
        height: 20em;
    }

    /* CONTENIDO */
    .Contenido-lista1 {
        list-style: decimal;
    }

    .informacion {
        background: white;
        padding: 10%;
        text-align: justify;
    }

    .informacion h1 {
        text-align: justify;
    }

    .informacion h4 {
        font-weight: bold;
    }
}