/* ------------------------------------------ Global ------------------------------------------ */

:root {
    --Verde: #78BC27;
    --Gris: #929292;
    --NLink: #474B4F;
    --NegroL:#253643;
    --Negro:#242424;
    --GrisL: rgb(247, 249,250);
    --green: #198754;
}

body { background: var(--GrisL); }

img { max-width: 100%; }

.text_grayL {
    color: #393f45bf;
}
.text-lightGray {
    color: rgb(13,110,253);
    /*color: #cdcdcd;*/
}

@font-face {
    font-family: freeHandLetter;
    src: url('./font/IndieFlower.ttf');
}

.noteFont {
    font-family: freeHandLetter;
    font-size: 12px;
}

.text14 {
    font-size: 14px;
}

.hoverPaqueteria {
    background: #C2C2C2;
    border-radius: 4px;
}

.showhoverContainer {position: relative;}

.showhoverContainer > .showhover {display: none;}

.showhoverContainer:hover > .showhover { display:block;position: absolute;top: -95%;right: 0%;}

.Cursorpointer { cursor: pointer; }

.container-15 {
    width: 15% !important;
    box-shadow: 0px 0px 8px 0 rgb(225 223 223), 1px 1px 1px 1px rgb(255 255 255);
}
.container-3 {
    width: 3% !important;
}

.container-85 {
    width: 85% !important;
    margin-left:15%;
}

.points3_2 {
    right: 50%;
    left: 50%;
}

.textBlueHover {
    color: #000;
}
.textBlueHover:hover {
    color: #0D6EFD;
}

.changeImage .firstImg {display: block;}
.changeImage .secondImg {display: none;}

.changeImage:hover .firstImg {display:none;}
.changeImage:hover .secondImg {display:block;}

.wt-15 { width: 15% !important;margin-left:80% !important; }

/* cambio de color a flechas de sliders*/
.splide__arrow {
    background: #ebebeb !important;
}
.splide__arrow:hover {
    background: #e3e1e1 !important;
}
.splide__arrow svg {
    fill: #979696 !important;
}

.splide__pagination li .splide__pagination__page {
    background: #ebebeb !important;
}
.splide__pagination li .is-active {
    background: rgb(169 167 167) !important;
}
/* ------------------------------------------ Error 404 ------------------------------------------ */

#Error404 h1 {
    font-size: 5em;
    color: var(--Verde);
}

.card_visa {
    background: white url('../img/visa.png') right no-repeat;
    background-size: 40px
}
.card_american {
    background: white url(../img/amx.png) right no-repeat;
    background-size: 40px
}
.card_mastercard {
    background: white url('../img/mcd.png') right no-repeat;
    background-size: 40px
}
.card_unknown {
    background: white url('../img/unknown.png') right no-repeat;
    background-size: 40px
}

#Error404 h2 {
    font-size: 2.5em;
    color: yellowgreen;
}

#Error404 img {
    width: 100%;
    display: block;
}

.Error404-Mensaje .button {
    margin-top: 10%;
    text-decoration: none;
    font-size: 1.5em;
    color: var(--Verde);
    display: inline-block;
    border: 1px solid var(--Verde);
    padding: 5px 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.Error404-Mensaje .button:hover {
    color: white;
    background: var(--Verde);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.Error404-Mensaje .button:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.Error404-Img a {color: var(--Verde);}

.Error404-Img a:hover {color: var(--NLink);}

@media only screen and (max-device-width: 736px) and (orientation: portrait) {
    .wt-15 { width: 20% !important;margin-left:80% !important; }
    
    #Error404 h1 {
        font-size: 4em;
        color: var(--Verde);
    }
        
    #Error404 h2 {
        font-size: 2.5em;
        color: yellowgreen;
    }

    .Error404-Img {
        width: 100%;
    }

    .Error404-Mensaje .button {
        margin-bottom: 10%;
    }

    .Error404-Mensaje {
        width: 100%;
        text-align: center;
    }

    .Error404-Img a {font-size: 1.5em;}
}

.linkSelect {
    cursor: pointer;
}

/* ------------------------------------------ Carrito numero ------------------------------------------ */

#carrito .carNumber {
    position:absolute;
    color:white;
    margin-left:55px;
}

@media (max-width:1150px) {#carrito .carNumber { margin-left:50px; }}

@media (max-width:1000px) {#carrito .carNumber { margin-left:45px; }}

@media (max-width:930px) {#carrito .carNumber { margin-left:40px; }}

@media (max-width:870px) {#carrito .carNumber { margin-left:36px; }}

@media (max-width:800px) {#carrito .carNumber { margin-left:33px; }}

@media (max-width:720px) {#carrito .carNumber { margin-left:30px; }}

@media (max-width:540px) {#carrito .carNumber { margin-left:26px; } .wt-15 { width: 40% !important;margin-left:60% !important; }}

@media (max-width:500px) {#carrito .carNumber { margin-left:35px; }}

@media (max-width:450px) {#carrito .carNumber { margin-left:30px; }}



/* ------------------------------------------ Estilos para el carrito ------------------------------------------ */
#codePromoCont {
    width: 50%;
}

.wt-24 {
    width: 24% !important;
    margin-left: 1%;
    margin-top: 2%;
}

.wt-74 {
    width: 74% !important;
    margin-left: 1%;
    margin-top: 2%;
}

.border-bottom-light {
    border-bottom: 1px dotted #babababf;
}

#user_carrito {
    margin: 0;
    padding: 0;
    width: 100%;
    /*overflow: hidden;*/
    color: #393f45bf;
    font-family: -apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#user_carrito #list-Products .row .col9 table .carritoTitle p {
    color: #393f45bf;
}

#user_carrito #list-Products .row .col9 table .carritoTitle p:first-child:hover {
    color: #393f45;
}


#user_carrito > div:first-child{
    max-width: 100%;
    width: 75%;
    padding: 0;
    padding-left: 4px;
}

#user_carrito > div:nth-child(2){
    max-width: 100%;
    width: 25%;
    padding: 0;
    padding-right: 4px;
}

#user_carrito #list-Products > div {
    width: 97%;
}

#user_carrito #list-Products {
    width: 98.3%;
    margin-left: 1%;
    box-shadow: 0 -0 1px 0 rgb(61, 61, 61), 1px 1px 1px 1px rgb(169, 167, 167);
}

#user_carrito > div:first-child .card .row .col3{
    max-width: 100%;
    width: 12%;
}

#user_carrito > div:first-child .card .row .col9{
    max-width: 100%;
    width: 88%;
    padding: 0;
}

#user_carrito > div:first-child .card .row .col3 img{
    max-width: 100%;
    width: 90%;
    /* border: 0.5px solid lightblue; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.OriginCT {
    border: 0.5px solid lightblue;
}
.OriginPCH {
    border: 0.5px solid lightcoral;
}
.OriginSYSCOM {
    border: 0.5px solid lightslategray;
}
.OriginOther {
    border: 0.5px solid lightseagreen;
}

#user_carrito .btn {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

#user_carrito table thead td {
    font-size: 14px;
    font-weight: bold;
}

#user_carrito table thead tr {
    margin-bottom: 15px;
}

#user_carrito table tbody .Uprice::before, #user_carrito table tbody .Tprice::before {
    content: '$';
    /* display: block;
    background: blueviolet; */
    /* width: 20px;
    height: 20px; */
}

#user_carrito table tbody .Uprice, #user_carrito table tbody .Tprice {
    /* content: '$'; */
    color: var(--green);
}

@font-face {
    font-family: source-sans-pro-regular;
    src: local("SourceSansPro-Bold"),
    local("SourceSansPro-Bold"),
    url(font/SourceSansPro-SemiBold.ttf);
    font-weight: bold;
}

.priceSam {
    font-family: "source-sans-pro-regular" !important;
    color: #80BC00 !important;
    font-weight: bolder;
}

#user_carrito table tbody .tooltiptext_li_span1 {
    font-family: "source-sans-pro-regular" !important;
    color: #85bc38 !important;
    font-weight: bolder;
}
#user_carrito table tbody .tooltiptext_li_span2 {
    font-family: "source-sans-pro-regular" !important;
    color: #ca8c00 !important;
    font-weight: bolder;
}
#user_carrito table tbody .tooltiptext_li_span3 {
    font-family: "source-sans-pro-regular" !important;
    color: #f61e2c !important;
    font-weight: bolder;
}

/*#user_carrito table tbody .quantity{*/
/*    width: 115px; */
/*    display: inline-block; */
/*    width: auto; */
/*    margin: 0;*/
/*   margin-left: 10px; */
/*}*/

#user_carrito table tbody input[type=number]::-webkit-outer-spin-button,

#user_carrito table tbody input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

#user_carrito table tbody td:not(:first-child) {
    width: calc(38% / 3);
}

#user_carrito table tbody .quantity {
    /* text-align: center; */
    margin: 0 auto;
    padding: 0;
    display: flex;
    width: 95px;
    /* width: 86px; */
    border: 1px solid lightgrey;
}

#user_carrito table tbody .quantity input{
    text-align: center;
    display: block;
    max-width: 30px;
    width: 30px;
}

#user_carrito table tbody .quantity button,

#user_carrito table tbody .quantity input {
    border: none;
    background: none;
}

#user_carrito table tbody .quantity button{
    width: 30px;
    height: 30px;
}

#user_carrito table tbody .quantity i{color: blue;}

#user_carrito table tbody .quantity button:first-child{
    border-right: 1px solid lightgrey;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}

#user_carrito table tbody .quantity button:last-child{
    border-left: 1px solid lightgrey;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#user_carrito .card .col9 .trashButton  {
    color: gray;
    border: 0;
    padding: 0;
    margin-left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#user_carrito .card .col9 .trashButton:hover i {
    color: red;
    border: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#user_carrito .card .col9 .trashButton:hover {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#user_carrito .card .col9 .trashButton:focus {
    border: 0;
}

#user_carrito .card .col9 .trashButton:focus-visible {
    border: 0;
}

.almacenHover {display:inline-flex;position: relative;}
.almacenHover:hover >.almacenSelect {display: flex;flex-wrap: wrap;position: absolute;left: 40%;bottom: 10%;}
.alamcenIndividual_Head {
    font-size: smaller;
    width: 48%;
    padding: 3px;
    margin: 3px;
    border: #929292 solid 1px;
}
.alamcenIndividual {
    font-size: smaller;
    width: 48%;
    padding: 3px;
    margin: 3px;
    border-bottom: #929292 solid 1px;
}
.almacenSelect {
    min-width: 200px;
    max-width: 600px;
    display: none;
    font-size: small;
    background: #FFF;
    color: #525a63bf;
    box-shadow: 0 0 12px 4px #e0e0e;
    justify-content: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

/*#user_carrito .card .col9 .trashButton:active  {*/
/*    transform: rotate(35deg);*/
/*    -webkit-transform: scale(0.9);*/
/*    -moz-transform: scale(0.9);*/
/*    -ms-transform: scale(0.9);*/
/*    -o-transform: scale(0.9);*/
    
/*}*/

#user_carrito .card .col9 #trashButtonMovil{
    display: none;
}

.bord {
    border: 1px solid red;
}

#user_carrito > div:first-child .card .col9 table tbody td:first-child {
    width: 40%;
}

#user_carrito > div:first-child .card .col9 #tableHead thead tr td:first-child {
    width: 45%;
}

#user_carrito > div:first-child .card .col9 #tableHead thead tr td {
    width: 14.3%;
    text-align: center;
}
#user_carrito > div:first-child .card .col9 #tableHead thead tr:hover td {
    color: #000;
}

#user_carrito > div:last-child div:last-child .mercadopago-button {
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.product_border {
    border-bottom: 1px solid lightgrey;
}

.product_border:hover {
    background: rgba(239, 238, 238, 0.566);
}

.cents {font-size: 0.7em;
    /*line-height: 22px;*/
    vertical-align: super;}
.cents_small {font-size: 10px;
    /*line-height: 22px;*/
    vertical-align: super;}

.price::before {
    content: '$';
}

.shipPrice::after {
    content:'00';
    font-size: 12px;
    vertical-align: super;

}

.priceMXN::before {
    content: '$';
}

.priceMXN::after {
    content: 'MXN';
    font-size: 12px;
    margin-left: 3px;
}

.priceMXN2::before {
    content: '$';
}

.priceMXN2::after {
    content: 'MXN';
    font-size: 16px;
    margin-left: 3px;
}

.priceUSD::before {
    content: '$';
}

.priceUSD::after {
    content: 'USD';
}

/*.resumenCarrito td { width: 50%; }*/

#carritoButtons > div{
    width: 25%;
    margin-left: 75%;
}

#carritoButtons > div button{
    width: 95%;
    margin-top: 5px;
}

#fileComprobante {
  color: transparent;
  border-radius: 4px;
}

#fileComprobante::-webkit-file-upload-button {
  visibility: hidden;
}

#fileComprobante::before {
  content: 'Adjuntar...';
  color: lightslategray;
  display: inline-block;
  /*border: 1px solid lightslategray;*/
  border-radius: 3px;
  /*padding: 5px 8px;*/
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.title-acc-op_color {
/*    position: relative;*/
/*    border: 2px solid;*/
/*    width: 210px;*/
/*    height: 34px;*/
/*    margin-left: 10px;*/
    color: rgb(13,110,253);
/*    -webkit-border-radius: 8px;*/
/*    -moz-border-radius: 8px;*/
/*    -ms-border-radius: 8px;*/
/*    -o-border-radius: 8px;*/
/*    border-radius: 8px;*/
/*    transition: all ease 0.8s;*/
/*    -webkit-transition: all ease 0.8s;*/
/*    -moz-transition: all ease 0.8s;*/
/*    -ms-transition: all ease 0.8s;*/
/*    -o-transition: all ease 0.8s;*/
}

/*.cont--title-rela_cart {*/
    /* margin-top: 16px; */
/*    border: solid;*/
/*    width: 230px;*/
/*    height: 34px;*/
/*    margin-left: 10px;*/
/*    color: #8d8d8d;*/
/*    border-width: 2px;*/
/*    -webkit-border-radius: 10px;*/
/*    -moz-border-radius: 10px;*/
/*    -ms-border-radius: 10px;*/
/*    -o-border-radius: 10px;*/
/*    border-radius: 10px;*/
/*    transition: all ease 0.8s;*/
/*    -webkit-transition: all ease 0.8s;*/
/*    -moz-transition: all ease 0.8s;*/
/*    -ms-transition: all ease 0.8s;*/
/*    -o-transition: all ease 0.8s;*/
/*}*/

.tooltiptext_li_span1 { color:#85bc38; }

.tooltiptext_li_span2 { color:#ca8c00; }

.tooltiptext_li_span3 { color:#f61e2c; }

/* ------------------------------------------ Estilos para perfil ------------------------------------------ */

#menu_Perfil_movil {
    display: none;
}

.menu_perfil_back {
    max-width: 100%;
}

#perfil_2 {
    max-width: 100%;
    width: 98%;
    /* margin-left: 1%; */
}

.nav-link {
    min-width: 170px;
}

.menu_perfil_back .nav-pills {
    min-width: 210px;
}

#perfilImage_container, .perfil__User {
    width: 101px;
    height: 101px;
}

.menu_perfil_back .nav-pills #perfil__User, .perfil__User {
    width: 100px;
    height: 100px;
    border: rgb(142, 140, 140);
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.menu_perfil_back .nav-pills #perfil__User img, .perfil__User img {
    width: 100%;
    height: 100%;
}

.menu_perfil_back #perfil__User, .perfil__User {
    width: 100px;
    height: 100px;
    border: rgb(142, 140, 140);
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.menu_perfil_back #perfil__User img {
    width: 100%;
    height: 100%;
}

.menu_perfil_back .btn-ChangeImage,  .btn-ChangeImage {
    color: white;
    opacity: 0.4;
    font-weight: bold;
    width: 98px;
    height: 100px;
    box-shadow: none;
    border: none;
    background: none;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    border-radius: 50% ;
}

.menu_perfil_back .btn-ChangeImage:hover, .btn-ChangeImage:hover {
    box-shadow: none;
    border: none;
    color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: rgb(70, 70, 70);
    opacity: 0.5;
}

.menu_perfil_back .btn-ChangeImage:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.menu_perfil_back .tab-content {
    border-left: #1a1a1a 1px solid;
    /* background: linear-gradient(360deg, #ff6347, rgb(49, 49, 49)); */
    max-width: 100%;
    width: calc(100% - 200px);
    height: 100%;
}

.menu_perfil_back .tab-content .tab-pane {
    width: 100%;
    max-width: 100%;
}

.menu_perfil_back #v-pills-tab button {
    width: 100%;
    color: black;
    background:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.nav-link {
    border: 0;
    background: none;
}

.nav-link:hover {
    font-weight:bold;
/*    border: #b3b3b3 solid 1px;*/
    /*-webkit-transform: scale(1.03);*/
    /*-moz-transform: scale(1.03);*/
    /*-ms-transform: scale(1.03);*/
    /*-o-transform: scale(1.03);*/
    /*transform: scale(1.03);*/
}

/*.menu_perfil_back #v-pills-tab .nav-link:hover {*/
    /*border-left: #000 solid 2px ;*/
    /*box-shadow: -7px 0 0 0 rgb(42, 42, 42);*/
    /*border: #b3b3b3 solid 1px;*/
    /*-webkit-transform: scale(1.03);*/
    /*-moz-transform: scale(1.03);*/
    /*-ms-transform: scale(1.03);*/
    /*-o-transform: scale(1.03);*/
    /*transform: scale(1.03);*/
/*}*/

.nav-link .active {
    /* box-shadow: -7px 0px 0px 0px black; */
    /* color: black; */
    /*color: #FFF;*/
    background: none;
    font-weight: bold;
}

/*.menu_perfil_back #v-pills-tab button.active {*/
    /* box-shadow: -7px 0px 0px 0px black; */
    /* color: black; */
    /*color: #FFF;*/
    /*background: blue;*/
    /*font-weight: bold;*/
/*}*/
.menu_perfil_back #v-pills-tab button.active i {
    color: orange;
}

#v-pills-tab .btn-ChangeImage {
    color: white;
    opacity: 0.4;
    font-weight: bold;
    width: 98px;
    height: 100px;
    box-shadow: none;
    border: none;
    background: none;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    border-radius: 50% ;
}

#v-pills-tab .btn-ChangeImage:hover {
    box-shadow: none;
    border: none;
    color: #000;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    border-radius: 50% ;
    background: rgb(70, 70, 70);
    opacity: 0.5;
}

#v-pills-tab .btn-ChangeImage:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.menu_perfil_back .tab-content .table {
    width: 90%;
}

.menu_perfil_back  .tab-content form input:not(.noth) {
    border: none;
    background: #a09f9f;
}

.selecttrue::after {
    content: '\2713';
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #FFF;
    background: #198754;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.selectfalse::after {
    content: 'X';
    display: inline-block;
    width: 20px;
    height: 20px;
    color:#FFF;
    background: #5a5a5a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

/* Estilos responsivos */
@media (max-width: 1024px) {
    #user_carrito > div:first-child{
        width: 100%;
        margin: 0;
    }

    #user_carrito > div:last-child{
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #user_carrito > div:last-child .card{
        width: 40%;
    }

    #carritoButtons > div{
        width: 25%;
        margin-left: 75%;
    }

    #carritoButtons > div button{
        width: 95%;
        margin-top: 5px;
    }

    #carritoButtons > div{
        width: 100%;
        margin-left: 0;
    }
    
    #carritoButtons > div button{
        width: 45%;
        margin: 5px;
    }

    .menu_perfil_back .tab-content {
        /* width: 100%; */
        width: calc(100% - 200px);
    }
}

@media (max-width: 860px) {
    .wt-24 {
        width: 32% !important;
        margin-left: 1%;
        margin-top: 2%;
    }
}

@media (max-width: 760px) {
    #codePromoCont {
        width: 100%;
    }
    .wt-24 {
        width: 48% !important;
        margin-left: 2%;
        margin-top: 2%;
    }

    #perfil_2 .card .card-body .card-text:nth-child(2) { display: none; }

    #menu_Perfil_movil { display: block; }

    .menu_perfil_back #v-pills-tab { display: none; }

    #v-pills-tabContent{ width: 100% !important; }
    
    #menu_Perfil_movil {display: flex;justify-content: center;}

    #user_carrito > div:first-child .card .row .col3{
        max-width: 100%;
        width: 33%;
    }

    #user_carrito > div:last-child div { max-width: 100%; }

    #user_carrito > div:first-child .card .row .col3 img{
        max-width: 100%;
        width: 100%;
    }
    
    #user_carrito > div:first-child .card .row .col9{
        max-width: 100%;
        width: 66%;
    }

    #user_carrito > div:first-child .card .col9 table thead { display: none; }

    #user_carrito > div:first-child .card .col9 table tbody tr { display: block; }

    #user_carrito > div:first-child .card .col9 table tbody tr td { display: inline-block; }

    #user_carrito > div:first-child .card .col9 table tbody tr td:first-child {
        margin-left: 5px;
        width: 100%;
    }

    #user_carrito > div:first-child .card .col9 table tbody tr td:first-child+td {
        margin-left: 5px;
        width: 100%;
    }

    /*#user_carrito > div:first-child .card .col9 table tbody tr .quantity { margin-left: 50%; margin-right: 50%; }*/

    #user_carrito > div:first-child .card .col9 table tbody tr td:nth-child(3),
    #user_carrito > div:first-child .card .col9 table tbody tr td:nth-child(4) {
        width: 45%;
    }

    #user_carrito table tbody .Uprice::before { content: '$'; }
    /*#user_carrito table tbody .Uprice::after { content: ' unidad)'; }*/

    #user_carrito table tbody .Tprice::before{ content: '$'; }

    #user_carrito > div:first-child .card .col9 table tbody .Uprice,
    #user_carrito > div:first-child .card .col9 table tbody tr .Uprice+td {
        width: 48%;
    }

    #user_carrito .card .col9 #trashButton  {
        display: none;
    }

    #user_carrito .card .col9 #trashButtonMovil {
        width: 100%;
        display: block;
        /*background: #f7f7f7;*/
        color: red;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 10px;
    }

    /*#user_carrito .card .col9 #trashButtonMovil button {*/
    /*    font-size:xx-large;*/
    /*}*/

    /* #user_carrito > div:last-child{
        width: 100%;
        display: flex;
        justify-content: center;
    } */

    #user_carrito > div:nth-child(2) .card{
        /*width: 98%;*/
        margin: 1%;
    }

    /* .resumenCarrito {
        display: inline-block;
    } */
    
    .resumenCarrito td {
        display: block;
        /*width: 90%;*/
    }

    #carritoButtons > div button{
        width: 35%;
    }

    #user_carrito > div:last-child div table tbody tr {
        width: 100%;
        display: flex;
    }

    #user_carrito > div:last-child div table tbody tr td {
        width: 49%;
    }
    
    .Uprice {
        font-size: 0.8rem;
        color: #a5a2a2 !important;
        font-weight: normal !important;
    }
    
    #totalPrice+td {
        width: 99%;
    }
    
    .points3_2 {
        right: 50%;
        left: 42%;
    }
}

@media (max-width: 860px) {
    /*#user_carrito > div:nth-child(2) > div { width: 100%; }*/
    .wt-74 {
        width: 99% !important;
        margin-left: 1%;
        margin-top: 2%;
    }
}

@media (max-width: 480px) {
    .wt-24 {
        width: 97% !important;
        margin-left: 14%;
        margin-top: 2%;
    }

    #user_carrito > div:nth-child(2) .card {
        width: 98% !important;
        /*margin-left: 50%;*/
    }
    
    .horizontalScrooll {
        white-space:nowrap;overflow:auto;
    }
}

@media (max-width: 380px) {
    .points3_2 {
        right: 50%;
        left: 40%;
    }
}

@media (max-width: 6px) {
    #user_carrito > div:first-child .card .row .col3 {
        max-width: 100%;
        width: 100%;
        padding-left: 35%;
    }

    #user_carrito > div:first-child .card .row .col3 img {
        max-width: 100%;
        width: 40%;
    }

    #user_carrito > div:first-child .card .row .col9 {
        max-width: 100%;
        width: 100%;
    }

    /* #user_carrito > div:first-child .card .row .col9 #quantity { */
        /* display: inline-block;
        width: auto; */
        /* margin: 0;
        margin-left: 10px; */
    /* } */

    #user_carrito > div:first-child .card .row .col9 #descPrice {
        display: inline-block;
        width: 50%;
        margin: 0;
        margin-left: 10px;
    }

    /* #user_carrito > div:first-child .card .row #totalPrice .trashButton{
        display: inline-block;
        width: 100%;
    } */

    /* #user_carrito > div:first-child .card .col9 table tbody tr td:nth-child(3),

    #user_carrito > div:first-child .card .col9 table tbody tr td:nth-child(4) {
        width: 80%;
    } */

    #user_carrito > div:nth-child(2) {
        text-align: center;
        display: inline;
        border-top: 1px dotted gray;
        /*margin-top: 15px;*/
    }

    #user_carrito > div:nth-child(2) .card {
        width: 86%;
        margin-left: 7%;
    }

    #carritoButtons > div button{
        width: 100%;
    }

    #user_carrito .card .col9 #trashButtonMovil {
        width: 95%;
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .container-15 { width: 15% !important; }
    
    .container-85 { width: 100% !important; margin-left:0; }
}

@media (max-width: 767px) {
    .container-15 { width: 100% !important;
        background: transparent;
        z-index: 99;
        height: 100%; }
    .container-15 > div:nth-child(2) { width: 72% !important;background: #FFF;}
    
    .divuno{padding-left: 5%;}
    
    .container-85 { width: 100% !important; margin-left:0; }
}

@media (max-width: 575px) {
    #list-Products { width: 99% !important; }
    
    #totalPrice {
        width: 49% !important;
        text-align: left !important;
    }
}

/* @media (max-width: 350px) {
    #user_carrito > div:first-child .card .row .col3{
        max-width: 100%;
        width: 100%;
    }

    #user_carrito > div:first-child .card .row .col3 img{
        max-width: 100%;
        width: 50%;
    }

    #user_carrito > div:first-child .card .row .col9{
        max-width: 100%;
        width: 100%;
    }

    #user_carrito > div:nth-child(2){
        text-align: center;
        display: inline;
        border-top: 1px dotted gray;
        margin-top: 15px;
    }

    #user_carrito > div:nth-child(2) .card{
        width: 86%;
        margin-left: 7%;
    }

    #carritoButtons > div button{ width: 100%; }

} */


/* ------------------------------------------ Estilos para busquedas ------------------------------------------ */
.filters_buttons {
    border: 1px solid lightgray;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 800;
    color: #034d94;
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 10px;
}
.filters_buttons:active {
    background: #cfe2ff;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.filters_buttons.mb-0 {
    background: #cfe2ff;
}
.filters_buttons:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
          
/* ------------------------------------------ Estilos para pedidos ------------------------------------------ */

.btn-download:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.btn-download:active img {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.orderStatus {
    clip-path: circle(50% at 50% 50%) !important; 
    width: 16px !important; 
    height: 16px !important;
}

/*.xpressText {*/
/*    color:  #0A8800;*/
/*    font-size: 10px;*/
/*}*/