@charset "UTF-8";
        :root {
            --azul-logo: #6895ce;
        }
        .add-cart-btn {
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            --azul-logo: #6895ce;
            font-weight: 400;
            visibility: visible;
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
            text-decoration: none;
            touch-action: manipulation;
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 10px;
            margin-right: 8px;
            transition: all 0.4s;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-family: Poppins-Medium;
            font-size: 15px;
            line-height: 1.466667;
            text-transform: uppercase;
            min-width: 145px;
            height: 40px;
            background-color: #222;
            border-radius: 20px;
        }
        .shipping{
            display: block;
            font-size: 14px;
            color: #888;
            line-height: 1.5;
        }
        .header-cart-total {
            font-size: 18px;
            color: #222;
            line-height: 1.3;
        }
        .cursor-pointer {
            cursor: pointer;
        }
        .sombra {
            -webkit-box-shadow: 3px -1px 2px -3px rgba(0,0,0,0.75);
            -moz-box-shadow: 3px -1px 2px -3px rgba(0,0,0,0.75);
            box-shadow: 3px -1px 2px -3px rgba(0,0,0,0.75);
        }
        .pinned-box {
            position: fixed;
            width: 300px;
            height: 100vh;
            z-index: 1000000000;
            background-color: antiquewhite;
            top: 0;
            transition: all 0.15s ease-in-out;
            overflow-y: auto;
        }
        .pinned-box ul {
            margin: 15px;
        }
        .pinned-box ul li {
            margin-bottom: 15px;
        }
        .pinned-box--footer {
            bottom: 0;
            text-align: center;
        }
        .pinned-box--footer a {
            display: block;
            background-color: black;
            opacity: .9;
            color: white;
            text-decoration: none;
            border-radius: 10px;
            padding: 5px;
            margin: 5px auto;
            width: 80%;
        }
        .hidden {
            display: none;
        }
        .staff {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .staff:hover {
            max-height: none;
        }
        .ellipsis {
            font-size: 12px;

            line-height: 1.4;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: auto;
        }
        .ellipsis:hover {
            text-overflow: initial;
            white-space: initial;
            overflow: visible;
            cursor: pointer;
        }
        span.ellip {
            font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
            font-weight: 700;
            font-size: 16px;
            line-height: 1.6em;
            color: #333;
        
        }
        span.ellip:hover,
        span.ellip-line:hover
        {
            white-space: normal;
            display: block;
            overflow: visible;
            max-height: none;
        }
        .ellip {
            display: block;
            height: 100%;
        }

        .ellip-line {
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            max-width: 100%;
        }

        .ellip,
        .ellip-line {
            position: relative;
            overflow: hidden;
        }
        .showTip {
            display: none;
            position: absolute;
            top: -5px;
            left: 15px;
            z-index: 10;
            background-color: #1E2021;
            padding: 5px;
            /*width: 100%;*/
            position: absolute;
            border-radius: 3px;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
            /*left: -4px;*/
            color: #FFF;
            font-size: 13px;
            line-height: 1.4;
            opacity: 1;
        }
        #top-menu > li {
            margin-top: 0 !important;
        }
        #top-menu > li > a {
            padding-top: 0px !important;
        }
        .filters {
            position: absolute;
            width: 180px;
            min-height: 250px;
            top: 5px;
            left: -200px;
        
        }
        @media (max-width: 900px)   {
            .filters {
                position: relative;
                left: 0px;
            }
        }

        #side-menu,
        #side-menu .nav.nav-second-level.nav-second-filter.collapse.in,
        #side-menu .nav.nav-second-level.nav-second-filter.collapsing {
            list-style: none;
        }



        .ribbon {
            width: 150px;
            height: 150px;
            overflow: hidden;
            position: absolute;
        }

        .ribbon::before,
        .ribbon::after {
            position: absolute;
            z-index: -1;
            content: '';
            display: block;
            /*border: 5px solid #2980b9;*/
            border: 5px solid red;
        }

        .ribbon span {
            position: absolute;
            display: block;
            width: 225px;
            padding: 15px 0;
            /*background-color: #3498db;*/
            /*background-color: red;*/
            background-color: rgba(255, 0, 0, 0.5);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
            color: #fff;
            font: 700 18px/1 'Lato', sans-serif;
            text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            text-transform: uppercase;
            text-align: center;
        }

        /* top left*/
        .ribbon-top-left {
            top: 0px;
            left: 15px;
        }

        .ribbon-top-left::before,
        .ribbon-top-left::after {
            border-top-color: transparent;
            border-left-color: transparent;
        }

        .ribbon-top-left::before {
            top: 0;
            right: 0;
        }

        .ribbon-top-left::after {
            bottom: 0;
            left: 0;
        }

        .ribbon-top-left span {
            right: -25px;
            top: 30px;
            transform: rotate(-45deg);
        }
    

            /*woocommerce-layout*/

            :root {
                --woocommerce: #9f9f9f;
                --wc-green: #7ad03a;
                --wc-red: #a00;
                --wc-orange: #ffba00;
                --wc-blue: #2ea2cc;
                --wc-primary: #9f9f9f;
                --wc-primary-text: white;
                --wc-secondary: #ebe9eb;
                --wc-secondary-text: #515151;
                --wc-highlight: #77a464;
                --wc-highligh-text: white;
                --wc-content-bg: #fff;
                --wc-subtext: #767676
            }

            .woocommerce img, .woocommerce-page img {
                height: auto;
                max-width: 100%;
                max-height: 217px;
            }

            .woocommerce ul.products, .woocommerce-page ul.products {
                clear: both
            }

            .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
                content: " ";
                display: table
            }

            .woocommerce ul.products::after, .woocommerce-page ul.products::after {
                clear: both
            }

            .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
                float: left;
                margin: 0 3% 2em 0;
                padding: 0;
                position: relative;
                width: 22%;
                margin-left: 0
            }

            .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
                clear: both
            }

            .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
                margin-right: 0
            }

            .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
                float: left
            }

            .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
                float: right
            }