:root {
    --co1: #fe4d4d;
    --co2: #e82838;
    --co3: #230042;
    --co4: #09173a;
    --co5: #cccccc;
    --co6: #ffffff;
}

.header .col-menu,
.col-buttons,
.col-buttons .buttons .cart,
.col-buttons .buttons .login,
.col-buttons .buttons .phone,
.col-buttons .buttons .hamburger {background: var(--co3);}
.breadcrumb_row p {color: var(--co4);}
.footer .bottom .btn-top {background: var(--co4);}
.col-triangle::before {background: var(--co2);}
.col-triangle {border-color: transparent transparent transparent var(--co2);}
@font-face {
    font-family: 'Accord Alternate';
    src: url(../font/AccordAlternate-Regular.woff);
}
* {
    font-family: 'Accord Alternate';
}
.col-buttons .buttons img {
    height: 29px;
    padding: 0px;
    filter: invert(1);
}
.col-buttons .buttons .login {padding: 0px;}
.col-buttons .buttons {
    position: relative;
    display: flex;
    align-items: center;
}
.col-buttons {gap: 1.1rem;}
.iconLogged .cart {
    border: 2px solid var(--co2);
    border-radius: 8px;
    padding: 0 5px;
    background: var(--co2);
    height: 29px;
}
.col-buttons .buttons .cart {
    padding: 0px 5px;
    background: var(--co2);
}
.iconLogged .cart form img {
    filter: invert(1);
    height: 17px;
}
.col-buttons .buttons .cart form {
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.col-buttons .buttons .cart .username {
    font-size: 13px;
    color: var(--co6);
    padding: 0px 4px;
}
.col-buttons .buttons .cart .close_session span {color: var(--co6);}
.col-buttons .buttons .phone {padding: 0px;}
.button_container {
    top: 31%;
    right: 26%;
    height: 27px;
    width: 29px;
}
.button_container span {
    height: 3px;
    width: 93%;
    border-radius: 8px;
}
.btn-danger {
    background-color: var(--co2);
    border-color: var(--co2);
}
.header .logo img {
    left: 8px;
    position: absolute;
    height: 95px;
    background: transparent;
    padding: 0px;
    max-width: 125px;
}
.cart td .btn {
    display: inline-flex;
    gap: .2rem;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
}
.iconLogin .cart a:hover {text-decoration: none;}
.iconLogin .cart {
    border: 2px solid var(--co2);
    border-radius: 8px;
    padding: 0 5px;
    background: var(--co2);
    height: 29px;
}
.iconLogin img {
    height: 20px !important;
}
#detalle {
    background: #fe4d4dde;
}
#detalle .modal-header {
    background: var(--co4);
    border-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
#detalle .modal-content {border-radius: 8px;}
.ayr_active {
    border-radius: 8px;
    box-shadow: 0 10px 10px rgba(0,0,0,.3);  
    top: 52px;
    height: 31px;  
}
.ayr .btn-login, .ayr .btn-register {
    background: var(--co2);
    padding: 5px 10px;
}
.ayr .btn-login span, .ayr .btn-register span {color: var(--co6);}

@media(max-width:992px) {
    .col-burger {
        display: flex;
        align-items: center;
        background: var(--co6);
    }
    .logo-responsivo img {
        width: 300px;
        padding: 5px 30px;
        height: auto;
    }
    .col-buttons .buttons .hamburger { height: 35px;}
    #menuopen2 {background: #fff;}
    .col-buttons .buttons img {
        height: 40px;
        padding: 0px;
        filter: invert(1);
        object-fit: contain;
        padding: .2rem;
    }
    #menuopen2 img {
        height: 29px;
        padding: 0;
    }
    .col-buttons .buttons {justify-content: center;}
    .col-burger .buttons {justify-content: flex-end;}
    .new_boton_wsp {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #close {
        top: 16px;
        background: transparent;
        filter: invert(1);
    }
    .ayr_active {
        border-radius: 8px;
        box-shadow: 0 10px 10px rgba(0,0,0,.3);
        top: 47px;
        height: 49px;
    }
    .ayr .btn-login, .ayr .btn-register {
        background: var(--co2);
        padding: 15px 2px;
    }
    .ayr .btn-login span, .ayr .btn-register span {color: var(--co6);}
    .iconLogged .cart form img {
        filter: invert(1);
        height: 29px;
    }
    .col-buttons .buttons .cart span {font-size:14px;}
    .responsive__close {right: 3px;color: var(--co6);}
    .itemsP p {line-height:1;}
    #gridProducts .itemsP {padding: 8px;}
    .itemsP .btn {width: 100%;}
    .iconLogin img {
        height: 27px !important;
        padding: .1rem !important;
    }
    @supports (-moz-appearance:none) {
        .iconLogin img {transform: translateY(-4px);}
    }
}

/*
.iconWsp {}
.iconLogin {}
.iconPhone {}
.iconCart {}
*/