/*head*/
/*head*/
/*HOME Y NAVBAR*/
html {
    font-family: "Roboto", sans-serif;
    height: 100% !important;
}

.body-b2b {
    font-family: "Roboto", sans-serif;
    font-size: 14px !important;
    color: #6a7782 !important;
    width: 100%;
    background-color: #fff !important;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

    .body-b2b main {
        border-bottom-left-radius: 0px;
    }

        .body-b2b main .container-fluid {
            min-height: calc(100vh - 100px);
        }

main {
    overflow-y: scroll;
    padding-top: 100px;
    height: 100vh;
}

@media (max-width: 740px) {
    main {
        padding-top: 120px;
    }
}

.body-b2b main .container-fluid {
    background-color: #ebedf2 !important;
}

.menu-cont-acciones > a, .menu-cont-acciones > span {
    display: none;
}

@media screen and (min-width: 765px) {
    .menu-cont-acciones > a, .menu-cont-acciones > span {
        display: flex;
    }
}

.navbar-aleph {
    height: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*@include flex-row;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 100;
    border-radius: 0px;
}

@media screen and (min-width: 740px) {
    .navbar-aleph {
        height: 100px;
        border-radius: 0px;
    }
}

.navbar-aleph > .navbar-menu {
    height: 70px;
    width: 15%;
}

    .navbar-aleph > .navbar-menu > .menu-cont-logo {
        height: auto;
        width: fit-content;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .navbar-aleph > .navbar-menu > .menu-cont-logo img {
            width: -webkit-fill-available;
            max-width: 180px;
            height: -webkit-fill-available;
            max-height: 60px;
            margin: auto;
        }

.navbar-aleph > .navbar-menu-acciones > .menu-cont-acciones > .item-menu-user {
    position: relative !important;
}

    .navbar-aleph > .navbar-menu-acciones > .menu-cont-acciones > .item-menu-user > .link-menu-user > .cont-user-profile .user-profile {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-width: 0.5px;
        border-style: solid;
        border-color: rgba(178, 187, 189, 0.3);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s;
        text-align: center;
    }

        .navbar-aleph > .navbar-menu-acciones > .menu-cont-acciones > .item-menu-user > .link-menu-user > .cont-user-profile .user-profile img {
            padding: 3px;
            width: auto;
            max-width: 40px;
            height: auto;
            max-height: 40px;
            margin: auto;
        }

.navbar-aleph .link-item-acciones {
    width: 50px;
}

.navbar-aleph > .navbar-menu-acciones > .menu-cont-acciones > .item-menu-acciones > .link-item-acciones {
    width: 50px !important;
    height: 50px;
}

@media screen and (min-width: 765px) {
    .navbar-aleph > .navbar-menu-acciones > .menu-cont-acciones > .item-menu-acciones > .link-item-acciones {
        height: 100%;
    }
}

.navbar-portal {
    background-color: #fff;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
}

.navbar-portal {
    background-color: #fff;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
}

.navbar-portal {
    flex-wrap: wrap;
}

    .navbar-portal > .navbar-menu {
        margin-left: 15px;
        order: 1;
    }

    .navbar-portal > .cont-search-navbar {
        display: flex;
        flex-direction: column;
        width: 100%;
        order: 3;
        margin: 5px 0;
        grid-column-start: 3;
        grid-column-end: 8;
    }

@media (max-width: 425px) {
    .navbar-portal > .cont-search-navbar {
        grid-column-start: 1;
        grid-column-end: 12;
    }
}

@media screen and (min-width: 740px) {
    .navbar-portal > .cont-search-navbar {
        width: 350px;
        order: 2;
        margin: 0px;
    }
}

@media screen and (min-width: 1024px) {
    .navbar-portal > .cont-search-navbar {
        width: 550px;
    }
}

@media screen and (min-width: 1366px) {
    .navbar-portal > .cont-search-navbar {
        width: 50%;
    }
}

@media screen and (min-width: 1920px) {
    .navbar-portal > .cont-search-navbar {
        width: 50%;
    }
}

.navbar-portal > .cont-search-navbar .custom-search {
    width: calc(100% - 10px);
    border-radius: 3px !important;
    border: 1px solid rgba(0, 0, 0, 0.075);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 0px;
    max-width: 750px;
}

@media screen and (min-width: 740px) {
    .navbar-portal > .cont-search-navbar .custom-search {
        width: 100%;
    }
}

.navbar-portal > .cont-search-navbar .custom-search > input {
    border-radius: 3px !important;
    border: none;
    transition: all 0, 5s;
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    box-shadow: none;
    background-color: #F7F7F7;
    height: 40px;
}

    .navbar-portal > .cont-search-navbar .custom-search > input:active, .navbar-portal > .cont-search-navbar .custom-search > input:hover {
        border: none !important;
    }

.navbar-portal > .cont-search-navbar .custom-search .input-group-btn {
    width: auto;
    width: 40px;
    height: 40px;
    margin-right: -1px;
}

    .navbar-portal > .cont-search-navbar .custom-search .input-group-btn .search-button {
        background-color: #F7F7F7 !important;
        width: 40px;
        height: 40px;
        padding: 0;
    }

        .navbar-portal > .cont-search-navbar .custom-search .input-group-btn .search-button:hover {
            background-color: transparent !important;
        }

        .navbar-portal > .cont-search-navbar .custom-search .input-group-btn .search-button > svg {
            font-size: 24px !important;
            color: #3e474F !important;
        }

.navbar-portal > .navbar-menu-acciones {
    order: 2;
    grid-column-start: 10;
    grid-column-end: 12;
    display: initial !important;
    width: 25%;
}

@media (min-width: 740px) {
    .navbar-portal > .navbar-menu-acciones {
        order: 3;
    }
}

.navbar-portal .custom-search:focus .custom-search {
    border: 1px solid rgba(45, 170, 225, 0.3);
}

.search-autocomplete > .ui-menu-item {
    padding: 0 10px !important;
}

.menu-categorias {
    margin-left: -15px;
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    display: none;
}

@media screen and (min-width: 780px) {
    .menu-categorias {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        min-height: 36px;
        background-color: #3E474F;
    }

        .menu-categorias > a {
            color: #e2e2e2;
            height: 36px;
            width: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
        }

            .menu-categorias > a:hover {
                color: #FFF;
            }
}

@media (min-width: 1920px) {
    .menu-categorias > a {
        font-size: 14px;
    }
}

.btn-categoria {
    display: flex;
}

@media (min-width: 780px) {
    .btn-categoria {
        display: none;
    }
}

.categorias_propias {
    margin-left: -15px;
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    display: none;
}

    .categorias_propias > ul {
        list-style: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

        .categorias_propias > ul > li {
            transition: all 1s;
        }

            .categorias_propias > ul > li > span {
                width: 100%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
            }

                .categorias_propias > ul > li > span > a {
                    width: auto;
                    position: relative;
                }

@media (min-width: 780px) {
    .categorias_propias > ul > li:hover > .cont-submenus {
        display: block;
        position: absolute;
        z-index: 100;
    }
}

@media (min-width: 780px) {
    .categorias_propias {
        min-height: 36px;
        height: auto;
        display: block;
    }
}

.primer_nivel {
    background-color: #3E474F;
}

@media (min-width: 780px) {
    .primer_nivel {
        overflow-y: scroll;
        max-height: 80vh;
    }
}

.primer_nivel > .item-submenu-categoria {
    position: relative;
}

    .primer_nivel > .item-submenu-categoria > div {
        height: 36px;
    }

        .primer_nivel > .item-submenu-categoria > div > a {
            color: #e2e2e2;
        }

            .primer_nivel > .item-submenu-categoria > div > a:hover {
                color: #fff;
            }

        .primer_nivel > .item-submenu-categoria > div > .btn_mostrar_cat {
            display: none;
        }

    .primer_nivel > .item-submenu-categoria > .cont-submenus {
        position: absolute;
        background-color: #fff;
        border: 0.5px solid #A2A3B7;
        z-index: 10;
        height: auto;
        border-radius: 4px;
    }

.cont-submenus {
    display: none;
}

    .cont-submenus > ul {
        width: max-content;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .cont-submenus > ul > li {
            min-width: 150px;
        }

            .cont-submenus > ul > li > span {
                width: 100%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                font-size: 12px;
                color: #A2A3B7;
            }

                .cont-submenus > ul > li > span:hover {
                    color: #fff;
                }

@media (min-width: 780px) {
    .cont-submenus > ul > li > span {
        color: #A2A3B7;
    }

        .cont-submenus > ul > li > span:hover {
            color: #000;
        }
}

.item-submenu-categoria > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
}

    .item-submenu-categoria > div > a {
        width: auto;
        font-size: 15px;
        line-height: normal;
        color: #A2A3B7;
        cursor: pointer;
    }

        .item-submenu-categoria > div > a:hover {
            color: #000;
        }

.btn_mostrar_cat {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    cursor: pointer;
    color: rgba(162, 163, 183, 0.5);
    font-size: 14px;
    margin-left: 3rem;
}

    .btn_mostrar_cat:hover {
        border-radius: 50%;
        background-color: rgba(136, 135, 135, 0.2);
        color: #A2A3B7;
    }

.mostrar_subnivel {
    display: block;
}

.itemSeleccionado {
    color: red;
}

    .itemSeleccionado > .cont-submenus > ul {
        padding: 5px 0;
    }

        .itemSeleccionado > .cont-submenus > ul > .item-submenu-categoria > div > a {
            font-size: 13px;
        }

.mostrarDosColumnas {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(3, auto);
    width: 100%;
}

@media (min-width: 780px) {
    .mostrarDosColumnas {
        width: max-content;
    }
}

.mostrarDosColumnas > .item-submenu-categoria {
    min-width: 49%;
    margin: 0 !important;
}

.menu-categorias-multinivel-mobile {
    animation-name: mostrarFadeIn;
    animation-duration: 0.5s;
    display: block !important;
    height: 100%;
    padding: 100px 0 40px 0;
    width: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0;
    background-color: #3E474F;
}

@keyframes mostrarFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.menu-categorias-multinivel-mobile > ul {
    flex-direction: column;
    align-items: flex-start;
}

    .menu-categorias-multinivel-mobile > ul > li {
        width: 100%;
    }

        .menu-categorias-multinivel-mobile > ul > li > span > a {
            padding: 10px 0;
            color: #e2e1e1 !important;
            min-width: -webkit-calc(100% - 20px);
            min-width: -moz-calc(100% - 20px);
            min-width: calc(100% - 20px);
        }

            .menu-categorias-multinivel-mobile > ul > li > span > a:hover {
                color: #fff;
            }

.menu-categorias-multinivel-mobile ul li span a {
    color: #A2A3B7;
}

    .menu-categorias-multinivel-mobile ul li span a:hover {
        color: #fff;
    }

.btn-derecha {
    height: 20px;
    width: 20px;
    font-size: 16px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

@media (min-width: 780px) {
    .btn-derecha {
        display: none;
    }
}

.btn-derecha:hover {
    color: #36A9E1;
}

.access-flotante {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

@media screen and (min-width: 768px) {
    .access-flotante {
        display: none;
    }
}

.access-flotante > .item-menu-acciones > .link-item-accionYtexto {
    flex-direction: column-reverse;
}

.btn-acordion {
    font-family: "Roboto", sans-serif !important;
    padding: 10px 15px !important;
}

.btn-desplegable i {
    color: #3E474F !important;
}

.portalCarritoCompras {
    right: 0;
}

@media screen and (min-width: 550px) {
    .portalCarritoCompras {
        right: -10px;
    }
}

@media screen and (min-width: 765px) {
    .portalCarritoCompras::before {
        content: "";
        display: block;
        right: 23px;
        position: absolute;
        top: -19px;
        margin-left: -40px;
        z-index: 1;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #36A9E1 transparent;
    }
}

.notifications,
.mensajesYpreguntas,
.portalCarritoCompras,
.usuarioYcuentas {
    border: 1px solid rgba(62, 71, 79, 0.85);
    border-radius: 11px;
    margin-top: 10px;
}

@media screen and (min-width: 765px) {
    .notifications::before,
    .mensajesYpreguntas::before,
    .portalCarritoCompras::before,
    .usuarioYcuentas::before {
        border-color: transparent transparent #3E474F transparent;
    }
}

.header-acciones > .background-acciones {
    background-color: rgba(62, 71, 79, 0.85);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.usuarioYcuentas > .cont-footer-menuCuentas {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #3E474F;
}

    .usuarioYcuentas > .cont-footer-menuCuentas .item-account-config .link-item-account svg, .usuarioYcuentas > .cont-footer-menuCuentas .item-account-config .link-item-account i, .usuarioYcuentas > .cont-footer-menuCuentas .item-account-config .link-item-account span {
        color: #e4e4e4;
    }

.link-item-account:hover svg, .link-item-account:hover i, .link-item-account:hover span,
.item-account:hover svg,
.item-account:hover i,
.item-account:hover span {
    color: #fff;
}

.cont-img-home-portales {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-width: none;
    border-style: inherit;
    border-color: none;
    border-radius: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cont-img-home-portales img {
        padding: 3px;
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 200px;
        margin: auto;
    }

.btn-primary,
.actions-button-primary {
    color: #fff !important;
    background-color: rgba(78, 138, 190, 0.9) !important;
    border-color: #4E8ABE !important;
}

    .btn-primary:hover,
    .actions-button-primary:hover {
        background-color: #4E8ABE !important;
    }

    .btn-primary:active, .btn-primary:focus,
    .actions-button-primary:active,
    .actions-button-primary:focus {
        border: none !important;
    }

.off-head {
    font-family: "Roboto", sans-serif;
    background-color: #3E474F;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0;
}

    .off-head span {
        color: #ffffff;
    }

.off-panel-body,
.btn-acordion {
    border: 1px solid #6a7782;
}

.off-card-container {
    border: 1px solid #959CB6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 15px;
}

.cont-users > .cont-myAccount > .cont-list-accounts > .item-account:hover {
    background: rgba(106, 119, 130, 0.3);
}

.btn-help a,
.btn-preferencia a {
    color: #3E474F;
    background: #fff;
}

    .btn-help a:hover,
    .btn-preferencia a:hover {
        background: #3E474F;
        color: #fff;
    }

.slider-bannerTexto {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 30px 0 10px 0;
    overflow-x: scroll;
    --webkit-overflow-scrolling: touch;
}

    .slider-bannerTexto::-webkit-scrollbar {
        display: none; /* Ocultar scroll */
    }

@media screen and (min-width: 765px) {
    .slider-bannerTexto {
        flex-direction: row;
        justify-content: space-between;
        height: auto;
    }
}

.cont-BannerTexto {
    width: 100%;
    height: 75px;
    background-color: #30354C;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}

    .cont-BannerTexto > div {
        line-height: normal;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .cont-BannerTexto > div > .cont-title-BannerTexto {
            width: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            color: #ffffff !important;
            font-size: 16px;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

            .cont-BannerTexto > div > .cont-title-BannerTexto > svg {
                height: 18px;
                width: 18px;
                margin-right: 10px;
            }

            .cont-BannerTexto > div > .cont-title-BannerTexto > i {
                margin-right: 10px;
            }

        .cont-BannerTexto > div > .description-BannerTexto {
            font-size: 13px;
            line-height: normal;
            color: #ffffff;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-box; /*este sirve para mostrar y ocultar todo el blocke de texto*/
            -webkit-line-clamp: 3; /*este sirve para elegir las cantidad de lineas a mostrar*/
        }

@media (min-width: 765px) {
    .cont-BannerTexto {
        margin-right: 0;
        width: 33%;
    }
}

@media (min-width: 700px) {
    .tres-BannerTexto {
        width: -webkit-calc(33.33% - 2.5px);
        width: -moz-calc(33.33% - 2.5px);
        width: calc(33.33% - 2.5px);
        justify-content: space-between;
    }
}

@media (min-width: 700px) {
    .dos-BannerTexto {
        width: -webkit-calc(50% - 2.5px);
        width: -moz-calc(50% - 2.5px);
        width: calc(50% - 2.5px);
        justify-content: space-between;
    }
}

.footer-telefono,
.footer-direccion {
    width: 50%;
}

.footer-mail {
    display: flex;
}

.footer-tienda {
    display: none;
    height: 25px;
    width: 100%;
    background-color: #1A1915;
    justify-content: space-between;
}

@media (min-width: 700px) {
    .footer-tienda {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.footer-tienda .cont-logo-footer {
    position: relative;
    display: flex;
    height: auto;
    width: auto;
}

    .footer-tienda .cont-logo-footer > div {
        width: 25px;
        height: 25px;
        overflow: hidden;
        border-width: none;
        border-style: none;
        border-color: none;
        border-radius: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .footer-tienda .cont-logo-footer > div img {
            padding: 3px;
            width: auto;
            max-width: 25px;
            height: auto;
            max-height: 25px;
            margin: auto;
        }

.footer-tienda .datos-footer {
    width: auto;
    align-items: center;
    color: #757575 !important;
    margin-bottom: 5px;
}

    .footer-tienda .datos-footer > i {
        margin-right: 10px;
    }

    .footer-tienda .datos-footer > span, .footer-tienda .datos-footer > a {
        line-height: normal;
        color: #757575 !important;
    }

@media screen and (min-width: 875px) {
    .footer-tienda {
        position: fixed;
        bottom: 0;
        z-index: 10;
    }

        .footer-tienda .datos-footer {
            display: flex;
            margin-bottom: 0;
        }
}

.off-cart-btn-checkout {
    background-color: #3E474F;
}

    .off-cart-btn-checkout:focus, .off-cart-btn-checkout:hover {
        background-color: #262A3D;
    }

.titulo-vehiculos-preview {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box; /*este sirve para mostrar y ocultar todo el blocke de texto*/
    -webkit-line-clamp: 1; /*este sirve para elegir las cantidad de lineas a mostrar*/
}

.dx-dialog-buttons > .dx-toolbar-items-container > .dx-toolbar-center {
    margin: 0px !important;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
}

    .dx-dialog-buttons > .dx-toolbar-items-container > .dx-toolbar-center > .dx-toolbar-button:nth-last-child(1) > .dx-toolbar-item-content > .dx-button {
        background-color: none !important;
        border: none !important;
        color: #959CB6 !important;
        margin-right: 10px;
    }

        .dx-dialog-buttons > .dx-toolbar-items-container > .dx-toolbar-center > .dx-toolbar-button:nth-last-child(1) > .dx-toolbar-item-content > .dx-button:hover {
            background-color: #e6e6e6 !important;
            color: #34394b !important;
        }

    .dx-dialog-buttons > .dx-toolbar-items-container > .dx-toolbar-center > .dx-toolbar-button:nth-child(1) > .dx-toolbar-item-content > .dx-button {
        color: #fff !important;
        background-color: #6a7782 !important;
        border-color: #3E474F !important;
    }

        .dx-dialog-buttons > .dx-toolbar-items-container > .dx-toolbar-center > .dx-toolbar-button:nth-child(1) > .dx-toolbar-item-content > .dx-button:hover {
            background-color: #3E474F !important;
            color: #fff !important;
        }

.link-menu-user {
    flex-direction: column !important;
    align-items: center !important;
}

.menu-nomb-user {
    margin-right: 0px !important;
}

.item-menu-user {
    border-left: 0px solid !important;
}

.navbar-aleph > .navbar-menu-acciones > .menu-cont-acciones {
    justify-content: space-evenly;
}

.carrito-v2 {
    background-color: #f4f5f8;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu-carrito-v2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #777;
}

    .menu-carrito-v2 > .nomb-carrito-v2-navbar {
        font-size: 14px;
        line-height: 1.4em;
        transition: all 0.5s;
    }

#carritoCompras > .link-item-acciones > .badge-navbar {
    display: none;
    background-color: #D24D4A !important;
    border-radius: 4px;
    padding: 4px 8px;
    position: absolute;
    top: 3px;
    transition: all 0.5s;
    left: 40px;
    right: auto;
}

    #carritoCompras > .link-item-acciones > .badge-navbar > .not-badge {
        margin: auto;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
    }

.btn-no-decoration {
    text-decoration: none !important;
    color: #000000 !important;
}

.open > .dropdown-menu {
    display: block;
}

    .open > .dropdown-menu:has(ul > li) {
        display: block;
    }

.menu-search-navbar-v2 {
    display: flex;
    flex-direction: row;
    gap: 5%;
    width: 50%;
}

@media (max-width: 1440px) {
    .menu-search-navbar-v2 {
        width: 100% !important;
    }
}

@media (max-width: 744px) {
    .menu-search-navbar-v2 {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.menu-search-navbar-v2 > .dropdown:hover .dropdown-menu:has(ul):has(li) {
    display: block;
}

.menu-search-navbar-v2 > .mis-pedidos-off-header-v2 a, .menu-search-navbar-v2 .subir-pedido-compras-off-header-v2 a, .menu-search-navbar-v2 #menu-categorias-off button {
    font-size: 14px;
}

.dropdown-menu .height-cont-submenus-max-content {
    height: max-content !important;
    min-height: 100% !important;
    max-height: 400px !important;
}

.dropdown-menu {
    min-width: 300px !important;
    padding: 0px !important;
    border-radius: 5px !important;
}

@media (max-width: 744px) {
    .dropdown-menu {
        width: 100vw !important;
        height: 95vh !important;
        box-shadow: none;
        border-radius: 0px !important;
        overflow: hidden;
    }
}

.dropdown-menu .primer_nivel {
    border-radius: 5px !important;
}

@media (max-width: 744px) {
    .dropdown-menu .primer_nivel {
        width: 45% !important;
        height: 100%;
    }
}

.dropdown-menu .primer_nivel li {
    padding: 8px 0px;
}

.dropdown-menu .primer_nivel .link-menu {
    cursor: pointer;
}

    .dropdown-menu .primer_nivel .link-menu:hover {
        background-color: #3483fa !important;
    }

.dropdown-menu .arrow-right::after {
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    border-color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    height: 7px;
    width: 7px;
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    content: "";
    right: 34px;
}

.dropdown-menu .cont-submenus {
    display: none;
    position: absolute;
    background: #fff;
    top: 0 !important;
    left: 300px !important;
    width: 250% !important;
    border: none !important;
    height: 100%;
    padding: 0px 20px;
    overflow: auto;
}

@media (max-width: 1024px) {
    .dropdown-menu .cont-submenus {
        width: 460px !important;
    }
}

@media (max-width: 744px) {
    .dropdown-menu .cont-submenus {
        width: 55% !important;
        left: 330px !important;
    }
}

@media (max-width: 430px) {
    .dropdown-menu .cont-submenus {
        left: 193px !important;
    }
}

.dropdown-menu .cont-submenus hr {
    border-top: 1px solid #cccccc;
    margin-top: 16px;
    margin-bottom: 0;
}

.dropdown-menu .cont-submenus .col-menu h5, .dropdown-menu .cont-submenus .col-menu p {
    padding: 0;
    margin: 8px 0px;
    cursor: pointer;
}

    .dropdown-menu .cont-submenus .col-menu h5:hover, .dropdown-menu .cont-submenus .col-menu p:hover {
        color: #3483fa !important;
    }

.dropdown-menu .w-100 {
    width: 100% !important;
}

.nuevo-footer {
    width: 100%;
    background: #30354C;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-datos-lista {
    width: 100%;
}

.footer-grande {
    display: flex;
    padding: 10px 0px;
}

@media (max-width: 767px) {
    .footer-grande {
        padding: 10px 15px;
    }
}

.primera-fila-datos {
    display: flex;
    color: #fff;
}

.segunda-fila-datos {
    display: flex;
    color: #fff;
}

.footer-dos {
    width: 100%;
    background: #252836;
    color: #fff;
    font-size: small;
    padding-left: 1.5rem;
}

.cont-logo-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6%;
}

@media (max-width: 767px) {
    .cont-logo-footer {
        display: none;
    }
}

/*head*/
/*head*/
/* HOME */
.off-home-container {
    display: flex;
    justify-content: center;
}

button.close > span {
    line-height: 1;
}

/*BANNER IMAGENES*/
.banner-PortalOff > .carousel > .carousel-control {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    background-image: none !important;
    width: 5%;
}

#off-gallery .dx-gallery-indicator-item {
    border: 1px solid #525252;
}

#off-gallery .dx-gallery-indicator-item-selected {
    background: #000000;
}

.off-gallery-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.off-banner-gallery {
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.33);
    width: 100%;
}

@media screen and (min-width: 1024) {
    #off-gallery {
        height: 280px !important;
    }

    .off-banner-gallery {
        border-radius: 4px;
        border: 1px solid #E2E2E2;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.33);
        width: 100%;
    }
}

.off-banner-container .carousel-indicators {
    bottom: -20px !important;
    margin-bottom: 25px;
}

@media screen and (max-width: 765px) {
    .off-banner-container {
        bottom: 0px !important;
        margin-bottom: 0;
    }
}

/*TITULOS DE LAS SECCIONES*/
.cont-titulo-seccion,
.cont-titulo {
    height: auto;
}

@media (min-width: 700px) {
    .cont-titulo-seccion,
    .cont-titulo {
        height: 42px;
    }
}

.cont-titulo-seccion i, .cont-titulo-seccion svg {
    line-height: 1;
    color: #337AB7;
}

.cont-titulo-seccion i {
    font-size: 16px;
}

.cont-titulo-seccion svg {
    font-size: 20px;
}

.cont-titulo {
    justify-content: space-between;
}

    .cont-titulo .tituloOff {
        display: flex;
        align-items: center;
    }

        .cont-titulo .tituloOff i, .cont-titulo .tituloOff svg {
            font-size: 20px;
            color: #337AB7;
        }

        .cont-titulo .tituloOff .titulo-seccion {
            font-size: 1.8rem;
        }

    .cont-titulo .container-change-grid {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: auto;
    }

@media (min-width: 700px) {
    .cont-titulo .container-change-grid {
        justify-content: flex-start;
        width: auto;
    }
}

.cont-titulo .container-change-grid > .item-menu-acciones > .link-item-accionYtexto {
    padding: 0;
}

    .cont-titulo .container-change-grid > .item-menu-acciones > .link-item-accionYtexto > span {
        display: none;
    }

@media screen and (min-width: 765px) {
    .cont-titulo .container-change-grid > .item-menu-acciones > .link-item-accionYtexto > span {
        display: inline-flex;
    }
}

.cont-titulo .container-change-grid > span {
    line-height: 1;
}

    .cont-titulo .container-change-grid > span i {
        font-size: 16px;
        color: #98999B;
        cursor: pointer;
    }

@media (min-width: 700px) {
    .cont-titulo .container-change-grid > span i {
        font-size: 16px;
    }
}

/*ITEN DE PRODUCTOS */
.active-grid i {
    color: #3E474F !important;
}

/*FILTRAR POR */
.filtro-tienda .cont-filtres {
    box-shadow: none !important;
    padding: 0px 15px 0 0 !important;
    background-color: transparent;
}

.filtro-mobile {
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    padding: 100px 15px 40px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
}

    .filtro-mobile .cont-filtres {
        padding: 0 !important;
    }

@media screen and (min-width: 700px) {
    .filtro-title .cerrar,
    .ico-filtro-mobile {
        display: none;
    }
}

.products-filter > h2 > a {
    color: #3e474f;
    font-size: 16px;
}

.products-filter ul a {
    color: #6a7782;
}

    .products-filter ul a:hover {
        color: #3E474F;
    }

/* CONSULTA OFF - loading */
.list-prod {
    margin-top: 30px;
}

@media screen and (min-width: 760px) {
    .list-prod {
        margin-top: 0;
    }
}

.ancho-container {
    width: 82%;
    height: 1600px;
}

.off-loading-cart {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    background-color: #f5f5f5;
    opacity: 0.9;
    height: 100%;
}

    .off-loading-cart > div {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: auto;
        margin-top: 50px;
        position: fixed;
    }

    .off-loading-cart > img {
        height: 100px;
        width: 100px;
    }

/*----------------------------------*/
/*itemfinalizados*/
.cont-breadcrum, .cont-breadcrum ol {
    margin-bottom: 5px;
}

.off-container-finalizacionCheckout > div {
    margin-bottom: 10px;
}

.footer-acciones {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cont-btnFlotante-Whatsapp > .btnFlotante-Whatsapp,
.btn-whatsapp {
    background-color: #5FCF80 !important;
    color: #fff !important;
    outline: none !important;
    outline-offset: inherit !important;
}

    .cont-btnFlotante-Whatsapp > .btnFlotante-Whatsapp:hover,
    .btn-whatsapp:hover {
        background-color: #57B272;
    }

    .btn-whatsapp > i {
        font-size: 16px;
        margin-right: 5px;
    }

.cont-btnFlotante-Whatsapp {
    position: fixed;
    right: 40px;
    z-index: 999;
}

    .cont-btnFlotante-Whatsapp > .btnFlotante-Whatsapp {
        box-shadow: 2px 2px 5px #afadad;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-size: 30px;
    }

.bodyPreviewProducto {
    max-width: 950px;
    min-width: 350px;
    width: auto;
    height: 90%;
    display: grid;
    grid-template-columns: 150px 250px;
    grid-gap: 10px;
    grid-template-rows: max-content;
    grid-template-areas: "imgPreviewProducto datosProducto" "tabPreview tabPreview" "botonerasPreview botonerasPreview";
}

@media screen and (min-width: 1024px) {
    .bodyPreviewProducto {
        grid-template-columns: 200px 300px;
        grid-gap: 10px;
    }
}

@media screen and (min-width: 1366px) {
    .bodyPreviewProducto {
        grid-template-columns: 300px 400px;
        grid-gap: 10px;
    }
}

@media screen and (min-width: 1980px) {
    .bodyPreviewProducto {
        grid-template-columns: 400px 500px;
        grid-gap: 20px;
    }
}

.bodyPreviewProducto .cont-imgPreviewProducto {
    grid-area: imgPreviewProducto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

    .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto {
        width: 150px;
        height: 150px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d4e0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

        .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto img {
            padding: 3px;
            width: auto;
            max-width: 150px;
            height: auto;
            max-height: 150px;
            margin: auto;
        }

@media screen and (min-width: 600px) {
    .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto {
        width: 150px;
        height: 150px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d4e0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto img {
            padding: 3px;
            width: auto;
            max-width: 150px;
            height: auto;
            max-height: 150px;
            margin: auto;
        }
}

@media screen and (min-width: 1024px) {
    .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto {
        width: 200px;
        height: 200px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d4e0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto img {
            padding: 3px;
            width: auto;
            max-width: 200px;
            height: auto;
            max-height: 200px;
            margin: auto;
        }
}

@media screen and (min-width: 1366px) {
    .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto {
        width: 300px;
        height: 300px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d4e0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto img {
            padding: 3px;
            width: auto;
            max-width: 300px;
            height: auto;
            max-height: 300px;
            margin: auto;
        }
}

@media screen and (min-width: 1980px) {
    .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto {
        width: 400px;
        height: 400px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d4e0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .bodyPreviewProducto .cont-imgPreviewProducto > .imgPreviewProducto img {
            padding: 3px;
            width: auto;
            max-width: 400px;
            height: auto;
            max-height: 400px;
            margin: auto;
        }
}

.bodyPreviewProducto .cont-imgPreviewProducto > .badge-previewMarca {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(87, 97, 139, 0.1);
    border-left: 5px solid #57618b;
    color: #57618b;
    border-radius: 2px;
    font-size: 14px;
    margin-bottom: 5px;
}

@media screen and (min-width: 1024px) {
    .bodyPreviewProducto .cont-imgPreviewProducto > .badge-previewMarca {
        font-size: 18px;
    }
}

.bodyPreviewProducto .cont-datosProducto {
    grid-area: datosProducto;
}

    .bodyPreviewProducto .cont-datosProducto .titulo-previewProducto {
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
        margin-top: 8px;
    }

    .bodyPreviewProducto .cont-datosProducto .stock-previewProducto {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .bodyPreviewProducto .cont-datosProducto .codigoSKU-previewProducto {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

        .bodyPreviewProducto .cont-datosProducto .codigoSKU-previewProducto .label-aleph {
            font-size: 14px;
        }

    .bodyPreviewProducto .cont-datosProducto .precios-previewProductos {
        border-top: 1px solid #d1d4e0;
        border-bottom: 1px solid #d1d4e0;
        padding: 10px;
    }

        .bodyPreviewProducto .cont-datosProducto .precios-previewProductos .parts-form {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px !important;
        }

            .bodyPreviewProducto .cont-datosProducto .precios-previewProductos .parts-form .label-aleph {
                font-size: 14px !important;
                color: #30354C !important;
                margin-bottom: 0px !important;
            }

            .bodyPreviewProducto .cont-datosProducto .precios-previewProductos .parts-form .costo-home {
                font-size: 16px;
                font-weight: 500;
            }

    .bodyPreviewProducto .cont-datosProducto .contDescripcion-previewProductos {
        width: 100%;
        padding: 10px;
    }

        .bodyPreviewProducto .cont-datosProducto .contDescripcion-previewProductos > .descripcion-previewProductos {
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-box; /*este sirve para mostrar y ocultar todo el blocke de texto*/
            -webkit-line-clamp: 3; /*este sirve para elegir las cantidad de lineas a mostrar*/
        }

.bodyPreviewProducto .cont-tabPreview {
    grid-area: tabPreview;
}

.bodyPreviewProducto .cont-botonerasPreview {
    grid-area: botonerasPreview;
}

.subTitulo-previewProductos {
    font-size: 16px;
    color: #777D92;
    margin: 10px 0px;
}

@media screen and (min-width: 1024px) {
    .subTitulo-previewProductos {
        margin: 0px -10px 10px -10px;
    }
}

.filter-tags .tag {
    background-color: #959cb6 !important;
}

.filter-tags .tag-inner {
    color: #FFF !important;
}

.filter-tags .tag .close {
    background-color: #ebedf2 !important;
    padding: 0px 6px !important;
}

.filter-applied .filter-applied-delete {
    display: flex;
    padding-left: 0px;
    align-items: center;
}

    .filter-applied .filter-applied-delete .icon {
        top: 0 !important;
        font-size: 23px;
        position: relative;
        margin-right: 5px !important;
    }

    .filter-applied .filter-applied-delete p {
        margin: 0px !important;
        color: #337ab7 !important;
    }

    .filter-applied .filter-applied-delete svg {
        fill: #337ab7;
    }

.products-filter h2 {
    font-weight: 400 !important;
    margin: 10px auto;
}

.carrousel-arrow {
    height: 40px;
    width: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10%;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.carrousel-arrow-left {
    color: #3E474F;
    opacity: 1;
    padding-right: 50px;
}

.carrousel-arrow-right {
    color: #3E474F;
    opacity: 1;
    padding-left: 50px;
}

.item-producto-destacado {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0px !important;
    height: 325px !important;
    width: 305px !important;
    min-height: 300px !important;
}

    .item-producto-destacado .container-buttons-off {
        justify-content: space-between !important;
    }

        .item-producto-destacado .container-buttons-off .container-buttons-quantity {
            width: 50% !important;
            background-color: #f4f5f8 !important;
            border-radius: 0px 0px 0px 10px;
        }

        .item-producto-destacado .container-buttons-off .button-add-cart {
            width: 50% !important;
            border-radius: 0px 0px 10px 0px !important;
            padding: 0px !important;
            font-weight: 400;
            margin-left: 0px !important;
        }

            .item-producto-destacado .container-buttons-off .button-add-cart i {
                margin-right: 8px !important;
            }

.img-cont-prod-destacado {
    width: 100%;
    min-height: 150px !important;
}

    .img-cont-prod-destacado img {
        max-height: 150px !important;
        width: 100% !important;
        object-fit: contain;
    }

.boxs-flotantes {
    position: absolute !important;
    right: 0px !important;
    left: calc(100% - 96px) !important;
    top: 0px !important;
    font-size: 14px !important;
    display: block !important;
    margin-top: 10px;
}

    .boxs-flotantes .accionNovedad {
        background-color: #5fcf80 !important;
    }

    .boxs-flotantes span {
        margin-top: 5px !important;
        border-radius: 5px 0 0 5px !important;
        padding: 5px 25px !important;
        font-size: 12px !important;
        line-height: normal !important;
        text-transform: initial !important;
    }

    .boxs-flotantes .vista-previa {
        background-color: rgba(255, 255, 255, 0.4) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        color: #337ab7;
        padding: 5px 16px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.precios:hover {
    display: block !important;
}

.detalle-precio-destacado {
    font-size: 12px;
    width: 100%;
    padding: 0px 5px;
}

    .detalle-precio-destacado div, .detalle-precio-destacado span {
        justify-content: space-between !important;
    }

.cont-productos-destacados {
    justify-content: flex-start;
    margin-left: 2%;
}

@media screen and (max-width: 1366px) {
    .cont-productos-destacados {
        width: 95% !important;
        margin: auto !important;
    }
}

.cont-productos-destacados .container-prod-destacados {
    gap: 8px !important;
    width: 84%;
    align-content: flex-start !important;
    margin: 0px 10px !important;
    max-height: 600px !important;
    height: auto !important;
}

@media screen and (max-width: 1366px) {
    .cont-productos-destacados .container-prod-destacados {
        gap: 44px !important;
    }
}

.cont-productos-destacados .container-prod-destacados .off-link-item {
    min-height: 50px;
    text-align: left;
}

    .cont-productos-destacados .container-prod-destacados .off-link-item .off-cart-description-title {
        text-align: left;
    }

@media screen and (max-width: 1020px) {
    .content-cards .item-producto-destacado .img-cont-prod-destacado, .container-prod-destacados .item-producto-destacado .img-cont-prod-destacado {
        position: initial;
    }
}

.content-cards .item-producto-destacado .off-link-item, .container-prod-destacados .item-producto-destacado .off-link-item {
    align-items: center;
    margin: 0 auto;
    width: 90%;
}

    .content-cards .item-producto-destacado .off-link-item .off-nombre-producto, .container-prod-destacados .item-producto-destacado .off-link-item .off-nombre-producto {
        display: flex;
        width: 100%;
    }

        .content-cards .item-producto-destacado .off-link-item .off-nombre-producto .off-title-producto-truncate, .container-prod-destacados .item-producto-destacado .off-link-item .off-nombre-producto .off-title-producto-truncate {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .content-cards .item-producto-destacado .off-link-item .off-cart-description-title, .container-prod-destacados .item-producto-destacado .off-link-item .off-cart-description-title {
        text-align: left !important;
        padding-left: 1.55rem !important;
    }

.content-cards .item-producto-destacado .off-precio-container, .container-prod-destacados .item-producto-destacado .off-precio-container {
    width: 90%;
    display: flex;
    align-self: center;
}

    .content-cards .item-producto-destacado .off-precio-container .costo-home, .container-prod-destacados .item-producto-destacado .off-precio-container .costo-home {
        display: flex;
        padding-left: 1.55rem !important;
        flex-flow: wrap;
        align-items: center;
    }

        .content-cards .item-producto-destacado .off-precio-container .costo-home .off-precio-condesc, .container-prod-destacados .item-producto-destacado .off-precio-container .costo-home .off-precio-condesc {
            color: #525564 !important;
        }

        .content-cards .item-producto-destacado .off-precio-container .costo-home .off-precio-sindesc-container, .container-prod-destacados .item-producto-destacado .off-precio-container .costo-home .off-precio-sindesc-container {
            width: auto;
        }

.content-cards .item-producto-destacado .off-card-vermasprecios, .container-prod-destacados .item-producto-destacado .off-card-vermasprecios {
    padding-left: 1.55rem !important;
    width: 90%;
    align-self: center;
    text-decoration: underline;
    color: #686A77;
}

    .content-cards .item-producto-destacado .off-card-vermasprecios:hover, .container-prod-destacados .item-producto-destacado .off-card-vermasprecios:hover {
        color: #36A9E1;
    }

#btn-left {
    margin-right: 20px;
}

#btn-right {
    margin-left: 20px;
}

.cont-productos-destacados .prod-sin-precios {
    max-height: 400px !important;
}

.carrousel-arrow {
    height: 40px;
    width: 40px;
    background-color: #fff !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10% !important;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) !important;
}

    .carrousel-arrow span {
        font-size: 20px;
    }

.customer-logos {
    width: 100%;
    height: 80px !important;
}

    .customer-logos .img-marcas {
        border-radius: 10px;
    }

.content-cards-list {
    gap: 16px;
}

.card-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    height: auto;
    min-height: 246px;
    background-color: #fff !important;
    gap: 8px;
    padding: 10px;
    border-radius: 10px;
}

    .card-list .img-cont-prod-destacado {
        overflow: inherit;
        align-items: flex-end;
        display: flex;
    }

        .card-list .img-cont-prod-destacado .img-prod {
            width: 100%;
            height: 100%;
        }

            .card-list .img-cont-prod-destacado .img-prod img {
                max-height: 235px !important;
                width: 100%;
                object-fit: contain;
                max-width: 100%;
            }

    .card-list .body-prod {
        border-right: solid 1px #e8e8e8;
    }

        .card-list .body-prod .title-prod {
            margin-top: 30px;
            display: flex;
            gap: 8px;
        }

        .card-list .body-prod .cont-icoKit {
            position: relative;
            top: 0px;
            left: 0px;
        }

        .card-list .body-prod .off-nombre-producto {
            margin-right: 10px;
            font-weight: 800;
        }

        .card-list .body-prod .off-cart-description-title {
            font-size: 14px !important;
            color: #3E474F !important;
            text-align: left;
        }

        .card-list .body-prod .descripcionProducto {
            margin-bottom: 8px;
        }

        .card-list .body-prod .precio-prod {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-row-gap: 16px;
        }

            .card-list .body-prod .precio-prod .txt-precios {
                display: block !important;
                font-weight: 500;
            }

            .card-list .body-prod .precio-prod .costo-prod .off-precio-condesc {
                justify-content: left !important;
                font-size: 16px;
            }

            .card-list .body-prod .precio-prod .off-precio-sindesc-container {
                justify-content: inherit;
            }

    .card-list .cart-prod {
        display: flex;
        flex-direction: column;
        align-items: end;
    }

        .card-list .cart-prod .costo-prod {
            text-align: right;
        }

        .card-list .cart-prod .txt-precios {
            display: block;
            font-size: 18px;
            font-weight: 500;
        }

        .card-list .cart-prod .off-card-cont-precio {
            text-align: right !important;
        }

        .card-list .cart-prod .off-precio-condesc {
            font-size: 28px;
        }

        .card-list .cart-prod .off-precio-sindesc-container {
            justify-content: end;
        }

        .card-list .cart-prod .off-card-cont-precio, .card-list .cart-prod .container-buttons-off {
            height: 50px;
            width: 100%;
        }

            .card-list .cart-prod .off-card-cont-precio .container-buttons-quantity, .card-list .cart-prod .container-buttons-off .container-buttons-quantity {
                width: 45%;
                height: 45px;
                border-radius: 5px;
                background-color: #f4f5f8;
            }

            .card-list .cart-prod .off-card-cont-precio .button-add-cart, .card-list .cart-prod .container-buttons-off .button-add-cart {
                width: 45%;
                height: 45px;
                background: #4e8abe;
            }

        .card-list .cart-prod .btn-preview {
            color: #4e8abe;
            margin-bottom: 10px;
        }

.link-item-accionYtexto span, .link-item-accionYtexto i {
    color: #30354C !important;
}

.btn-icon-primary {
    height: 35px;
    width: 35px;
    background-color: #e2e5ec;
    margin-left: 16px;
}

    .btn-icon-primary:hover {
        color: currentColor;
    }

    .btn-icon-primary.active-grid {
        background-color: #30354C !important;
    }

        .btn-icon-primary.active-grid i {
            color: #fff !important;
        }

        .btn-icon-primary.active-grid use {
            color: #fff !important;
        }

    .btn-icon-primary i {
        color: #30354C !important;
    }

/*Multidepositos*/
#indicador-stock-x-deposito {
    width: 90%;
    margin: 0 auto;
    padding-left: 1.55rem !important;
}

.indicador-stock-x-deposito-texto {
    color: #686A77;
    text-decoration: underline;
}

    .indicador-stock-x-deposito-texto:hover {
        color: #36A9E1;
        text-decoration: underline;
    }

.indicador-stock-x-deposito-texto-v1 {
    color: #686A77;
    text-decoration: underline;
    margin-left: 5px;
}

    .indicador-stock-x-deposito-texto-v1:hover {
        color: #36A9E1;
        text-decoration: underline;
    }

.depositos-content {
    max-height: 350px;
    overflow-y: auto;
    padding: 0;
}

.depositos-list {
    list-style-type: none;
    padding: 3%;
}

.deposito-item {
    display: flex;
    align-items: center;
    padding: 4%;
    border: 1px solid lightgrey;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.deposito-detail-1 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    margin-left: 2%;
}

.deposito-detail {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 2%;
}

.deposito-detail-semaforo {
    grid-area: 1/1/3/2;
    text-align: center;
}

.deposito-detail-title {
    grid-area: 1/2/2/13;
    margin-left: 5px;
    font-weight: bold;
    color: rgb(85, 85, 85);
}

.deposito-detail-count {
    grid-area: 2/2/3/13;
    margin-left: 5px;
}

.stockVerde {
    color: #4D9667;
}

.stockAmarillo {
    color: #be7e06;
}

.stockRojo {
    color: #D24D4A;
}

.depositos-content::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .depositos-content::-webkit-scrollbar:vertical {
        width: 10px;
    }

.depositos-content::-webkit-scrollbar-button:increment, .contenedor::-webkit-scrollbar-button {
    display: none;
}

.depositos-content::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.depositos-content::-webkit-scrollbar-track {
    border-radius: 10px;
}

/*head*/
/*head*/
/* CARRITO */
.dropdown-menu-cart {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.item-carrito-checkout {
    padding: 5px 10px;
}

.off-cart-description-title > .btn-trash-cart {
    background: none;
    color: #E97D82;
}

/*.off-cart-total {
    background: #3E474F;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}*/
.off-div-list-cart-distri {
    border-left: 3px solid #6a7782;
    background-color: #f1f9fd;
    color: #337ab7;
}

/*// checkout*/
.off-checkout-container-notProducts {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
}

/*head*/
/*head*/
.quantity-input {
    text-align: center;
}

/*head*/
/*head*/
.cont-loading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.off-box-list {
    width: 100%;
    padding-left: 25px;
    padding-right: 6px;
}

/*head*/
/*head*/
.background-login {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

    .background-login picture {
        height: 100%;
        width: 100%;
        filter: blur(4px);
        filter: opacity 60%;
        filter: contrast(70%);
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .background-login picture > img {
            width: auto;
            height: 100%;
        }

@media screen and (min-width: 700px) and (orientation: landscape) {
    .background-login picture > img {
        width: 100%;
    }
}

.login-page,
.login-page body {
    height: 100%;
    margin-bottom: 0;
}

    .login-page .alert {
        padding-left: 30px;
        padding-right: 30px;
    }

.login-header {
    display: block;
    margin: 38px 0 56px;
}

    .login-header > .cssLoginLogoTienda,
    .login-header > .login-imgLogo {
        width: auto;
        max-width: 416px;
        max-height: 116px;
    }

    .login-header > .login-imgLogo {
        height: 40px;
    }

    .login-header > .cssLoginLogoTienda {
        height: auto;
    }

.backgroundBodyAleph {
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden;
    background-image: url("../../../Images/login-bg.jpg");
}

    .backgroundBodyAleph main {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px !important;
        height: 100vh !important;
        width: 100vw !important;
        overflow: hidden;
    }

        .backgroundBodyAleph main > .carruselLogin-container {
            display: none;
        }

        .backgroundBodyAleph main > .AlephLogin-container {
            background-color: #fff;
        }

@media screen and (min-width: 1024px) {
    .backgroundBodyAleph main > .AlephLogin-container {
        width: 450px;
        min-height: 600px;
        height: auto;
        max-height: 700px;
        border-radius: 10px;
    }
}

.backgroundBodyAleph main > .AlephLogin-container .login-header > .login-imgLogo {
    height: 60px;
    width: auto;
}

.backgroundBodyAleph main > .AlephLogin-container .login-form h4 {
    color: #30354C;
}

.backgroundBodyAleph main > .AlephLogin-container .parts-form {
    width: calc(100% - 60px) !important;
    margin-left: auto;
    margin-right: auto;
}

    .backgroundBodyAleph main > .AlephLogin-container .parts-form .label-aleph {
        color: #30354C !important;
    }

.backgroundBodyAleph main > .AlephLogin-container .help > a {
    color: #57618b !important;
}

    .backgroundBodyAleph main > .AlephLogin-container .help > a:hover {
        color: #337AB7 !important;
    }

.login-container {
    max-width: 446px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    top: 46%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}

.cont-btnIngresar {
    width: calc(100% - 160px) !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1024px) {
    .cont-btnIngresar {
        width: calc(100% - 60px) !important;
    }
}

@media screen and (min-width: 1366px) {
    .cont-btnIngresar {
        width: calc(100% - 160px) !important;
    }
}

.help {
    font-weight: 500;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.login-footer {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

    .login-footer .text-muted {
        margin-bottom: 0;
    }

.alert-error {
    color: #D24D4A !important;
}

.alert-envioMail {
    color: #30354C !important;
}

.error {
    color: #D24D4A;
    text-align: left;
    font-size: 12px;
    padding: 0px;
    margin: auto;
}

/*# sourceMappingURL=PortalComprasOff.css.map */