/* .container > .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.container > .row:before,
.container > .row:after {
    display: none;
} */
aside .post-buscador .input-group-addon {
    padding: 1.5rem 2.5rem;
    border-radius: 0;
    border: 0.25rem solid var(--corp);
    font-size: 6rem;
    line-height: 1.0;
}
aside .post-buscador .input-group-addon,
aside .post-buscador .input-group-addon:active {
    background-color: var(--corp);
    color: white;
}
aside .post-buscador .input-group-addon:focus,
.desktop aside .post-buscador .input-group-addon:hover {
    background-color: white;
    color: var(--corp);
}
aside .post-buscador .form-control {
    height: 11rem;
    color: var(--corp);
}
aside .post-buscador .form-control::-webkit-input-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
aside .post-buscador .form-control::-ms-input-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
aside .post-buscador .form-control:-ms-input-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
aside .post-buscador .form-control::-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
aside .post-buscador .form-control:-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
aside .post-buscador .form-control::placeholder {
    color: #bbbbbb;
    opacity: 1;
}
aside .aside-tit {
    color: var(--corp);
    font-size: 4rem;
    font-weight: 700;
}
aside .aside-tit .icon-left {
    margin-right: 1rem;
}
aside a,
aside a:active,
aside a:hover {
    color: var(--black);
    font-weight: 400;
}
aside a:focus,
.desktop aside a:hover,
aside #aside-opciones .aside-blq ul li.open > a {
    color: var(--corp);
    font-weight: 700;
}
.desktop #aside-opciones .aside-blq ul li.open ul li a:hover,
aside #aside-opciones .aside-blq ul li.open ul li a:focus {
    color: var(--corp);
    font-weight: 400;
}

aside #aside-opciones ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}
aside #aside-opciones #categorias ul li .flex,
aside #aside-opciones #archivo ul li .flex,
aside #aside-opciones #aside-envasar .flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

aside #aside-opciones #categorias ul li .block,
aside #aside-opciones #categorias ul li ul li a,
aside #aside-opciones #archivo ul li ul li a,
aside #aside-opciones #aside-novedades {
    display: block;
}
aside #aside-opciones #categorias ul li,
aside #aside-opciones #archivo ul li {
    padding: 0;
}
aside #aside-opciones ul ul li a {
    padding: 2.5rem 12.5rem 2.5rem 5rem;
    margin-left: 5rem;
}
aside #aside-opciones .blq-envasar,
aside #aside-opciones .blq-envasar .flex + div {
    padding: 2.5rem 5rem;
}
aside #aside-opciones .blq-envasar .flex + div {
    font-size: 3.5rem;
}
aside #aside-opciones #categorias ul li .flex,
aside #aside-opciones #categorias ul li .block,
aside #aside-opciones #visitados > ul,
aside #aside-opciones #archivo ul li .flex,
aside #aside-opciones #aside-novedades,
aside #aside-opciones .blq-envasar {
    border-top: 0.25rem solid #dbdbdb;
}
aside #aside-opciones #categorias ul li .flex,
aside #aside-opciones #categorias ul li .block,
aside #aside-opciones #categorias ul li ul li a,
aside #aside-opciones #visitados ul li,
aside #aside-opciones #archivo ul li .flex,
aside #aside-opciones #archivo ul li ul li a {
    border-bottom: 0.25rem solid #dbdbdb;
}
aside #aside-opciones #visitados .visitados-fecha {
    margin-top: 3rem;
    color: var(--corp);
    font-size: 3.5rem;
    font-weight: 300;
    display: block;
}

aside #aside-opciones #categorias > ul > li + li,
aside #aside-opciones #archivo > ul > li + li {
    margin-top: -0.25rem;
}

aside #aside-opciones #categorias ul li ul,
aside #aside-opciones #archivo ul li ul{
    display: none;
}
aside #aside-opciones #categorias ul li.open ul,
aside #aside-opciones #archivo ul li.open ul {
    display: block;
}

aside #aside-opciones #categorias ul li .flex,
aside #aside-opciones #categorias ul li .block,
aside #aside-opciones #archivo ul li .flex,
aside #aside-opciones #categorias ul li ul li a,
aside #aside-opciones #archivo ul li ul li a,
aside #aside-opciones #aside-novedades {
    position: relative;
}

aside #aside-opciones .aside-blq ul li.open .flex:before,
.desktop aside #aside-opciones .aside-blq ul li .flex:hover:before,
aside #aside-opciones .aside-blq ul li .flex:focus:before,
.desktop aside #categorias ul li .block:hover:before,
aside #categorias ul li .block:focus:before,
.desktop aside #aside-opciones .aside-blq ul li.open ul li a:hover:before,
aside #aside-opciones .aside-blq ul li.open ul li a:focus:before,
.desktop aside #aside-opciones #aside-novedades:hover:before,
aside #aside-opciones #aside-novedades:focus:before {
    content: '';
    width: 1.75rem;
    height: 100%;
    background-color: var(--corp);
    position: absolute;
    left: 0;
    top: 0;
}
aside #categorias ul li .flex .mdi,
aside #archivo ul li .flex .mdi,
aside #aside-envasar .flex .mdi {
    color: var(--corp);
    font-size: 5rem;
    font-weight: normal;
    line-height: 1.0;
}

aside #aside-envasar .aside-tit {
    font-size: 5.5rem;
}
/* aside .btn-envasado {
    margin-top: 6rem;
} */

/* adaptación general */
@media (min-width: 992px) {
    aside {
        /* margin-right: 21.25rem; */
    }    
    /* section {
        margin-right: 18rem;
    } */
    aside #aside-top {
        margin-top: -34rem;
        margin-bottom: 9rem;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    aside .post-buscador {
        width: 75rem;
        max-width: 100%;;
        margin-bottom: 0;
        margin-left: 5rem;
    }
    aside .post-buscador .form-control {
        border-color: #dbdbdb;
    }
    aside #aside-top .btn-opciones {
        display: none;
    }
    aside #aside-opciones #aside-opcionestop,
    aside #aside-envasar,
    aside #aside-default {
        display: none;
    }
    /* aside .aside-tit {
        padding-left: 5rem;
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    aside #aside-opciones #visitados ul li,
    aside #aside-opciones #etiquetas ul li,
    aside #aside-opciones #categorias ul .flex,
    aside #aside-opciones #categorias ul .block,
    aside #aside-opciones #archivo ul li .flex,
    aside #aside-opciones #aside-novedades {
        padding: 4.5rem 5rem;
    } */
    aside #aside-envasar .aside-tit {
        padding-left: 0;
    }
}
@media (max-width: 991px) {
    /* .container > .row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .container > .row:before,
    .container > .row:after {
        display: none;
    } */

    aside #aside-top {
        margin-bottom: 7.5rem;
        border: 0.25rem solid #dbdbdb;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    aside #aside-top .post-buscador {
        margin-bottom: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    aside #aside-top .btn-envasado {
        display: none;
    }
    aside #aside-top .post-buscador .form-control {
        border-color: white;
    }
    .desktop aside #aside-top .post-buscador .form-control:hover {
        border-color: var(--corp);
    }
    aside #aside-top .btn-opciones {
        padding: 2.5rem;
        font-size: 3.5rem;
        text-transform: uppercase;
    }

    aside #aside-top .btn-opciones,
    aside #aside-top .btn-opciones:active,
    aside #aside-top .btn-opciones:hover {
        color: var(--corp);
    }
    aside #aside-top .btn-opciones:focus,
    .desktop aside #aside-top .btn-opciones:hover {
        color: #bbbbbb;
    }

    html.aside-opciones-on body {
        height: 100vh;
        overflow-y: hidden;
    }
    html aside #aside-opciones {
        width: 100%;
        height: 100%;
        background-color: #f8f8f8;
        position: fixed;
        z-index: 10;
        bottom: 0;
        left: 0;
        display: none;
        overflow-y: scroll;
        z-index: 101;
    }
    html.aside-opciones-on aside #aside-opciones {
        display: block;
    }
    aside #aside-opciones #aside-opcionestop {
        height: 12.5rem;
        background-color: white;
        border-bottom: 0.25rem solid #dbdbdb;
        padding-right: 3.75rem;
        color: var(--corp);
        font-size: 3.5rem;
        line-height: 1.0;
        text-transform: uppercase;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
    aside #aside-opciones #aside-opcionestop .btn {
        width: 12.5rem;
        height: 100%;
        padding: 2rem;
        border-radius: 0;
        font-size: 7.5rem;
        line-height: 1.0;
    }
    aside #aside-opciones #aside-opcionestop {
        margin-bottom: 5rem;
    }
    aside #aside-opciones .aside-blq,
    aside #aside-opciones #aside-novedades {
        margin: 0 5rem 3rem;
        background-color: white;
    }
    aside #aside-opciones #visitados ul li,
    aside #aside-opciones #etiquetas ul li,
    aside #aside-opciones #categorias ul .flex,
    aside #aside-opciones #categorias ul .block,
    aside #aside-opciones #archivo ul li .flex,
    aside #aside-opciones #aside-novedades {
        padding: 2.5rem 5rem;
    }
    aside #aside-opciones #aside-novedades {
        border-top: none;
    }
    aside #aside-opciones .aside-blq .blq-cont {
        padding: 0 3rem 3rem;
        border-top: 0.25rem solid #dbdbdb;
        display: none;
    }
    aside #aside-opciones .aside-blq ul:last-of-type li:last-of-type > *,
    aside #aside-opciones .aside-blq ul:last-of-type li:last-of-type ul li:last-of-type a,
    aside #aside-opciones .aside-blq ul:last-of-type li:last-of-type {
        border-bottom-color: white!important;
    }
    aside #aside-opciones .aside-blq ul:last-of-type li.open:last-of-type > * {
        border-bottom-color: #dbdbdb!important;
    }
    aside #aside-opciones .aside-blq .blq-cont > li:first-of-type > * {
        border-top: none!important;
    }
    aside .aside-tit {
        padding: 3rem 5rem;
        margin-bottom: 0;
        cursor: pointer;
    }
    aside .btn-envasado {
        width: calc(100% - 10rem);
        margin: 6rem 5rem 0;
    }
}