/* Aside */



.seccion1 {
    margin: 0 !important;
}

.cabecera {
    font-size: 32px;
    color: #000;
    font-weight: normal !important;
}

.cabecera h4 {
    margin: 0;
}

aside {
    height: auto !important;
    min-height: 85vh !important;
    background-color: #fff;
    width: 15%;
    min-width: 12em;
    transition: 0.2s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

aside ul a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    width: 100% !important;
    padding: 1em 0em;
    font-size: 18px;
}

aside ul li i {
    margin: 1em;
    color: #39A900;
    font-size: 20px;
}

aside ul li {
    list-style: none;
    padding: 0;
    transition: .3s ease;
}

aside ul li:hover {
    background-color: rgba(180, 180, 180, 0.15) !important;
    cursor: pointer;
}

aside img {
    margin: auto;
}

aside ul {
    margin: .5em 0;
    padding: 0;
}

/* Aside ends */


/* Botón hamburguesa: oculto en escritorio */
.btn-hamburguesa {
    display: none;
    align-items: center;
    justify-content: center;
}

@media (max-width: 850px) {
    aside {
        display: none;
    }

    .btn-hamburguesa {
        display: inline-flex;
    }

    .fondo80 {
        margin-top: 3em;
    }
}

/* Nav dentro del offcanvas */
.offcanvas-nav a {
    display: flex;
    align-items: center;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    padding: 0.75em 1.2em;
    transition: background-color .2s;
}

.offcanvas-nav a:hover {
    background-color: rgba(180, 180, 180, .15);
}

.offcanvas-nav i {
    color: #39A900;
    margin-right: 0.75em;
    font-size: 20px;
}