html{ height: 100%;}
body{ height: 100%;font-family:'Baloo Chettan 2',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;color:#695e58;min-height:100%;position:relative;}
body.spacer::before{content:"";height:90px;display:block}

/* #productos{padding-left:0;padding-right:0} */
.nav-pills>li>a {color: var(--bs-primary); padding-left: 5px; padding-right: 5px; font-size: 0.95rem;}
.nav-pills>li>a span:before { font-size: 0.85rem;}
.nav-pills>li>a.active,.nav-pills>li>a.active:hover,.nav-pills>li>a.active:focus{background-color:var(--bs-primary) !important}
.nav-pills>li>a{border:1px solid transparent!important}
.nav-pills>li>a:hover,.nav-pills>li>a:focus{color:var(--bs-primary);;border-color:var(--bs-primary) !important;outline:none}
.nav>li>a.disabled,.nav-pills>li>a.disabled:hover,.nav-pills>li>a.disabled:focus{border:1px solid transparent;color:#c5bfb4}
.nav>li>a.disabled.special{background-color:var(--bs-primary);color:#fff}

.table .w-minsize{width: 1px;}
.accordion {
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: var(--bs-primary);
    --bs-accordion-active-bg: rgba(var(--bs-primary-rgb),0.2);
}
.card.card-over {
    cursor: pointer;
}


#lista .col-wrap{flex:0 0 50%;padding:0}
#lista{border-bottom:1px dotted #c5bfb4;overflow:hidden}
#lista .card{border:none;border-top:1px dotted #c5bfb4;border-radius:0;background-color:transparent}
#lista .card-header{color:#958b85;background-color:#fff;border:none;padding:.75rem .75rem;cursor:pointer}
#lista .card-header h6{font-weight:700;text-transform:uppercase}
#lista .card-header.collapsed{background-color:#FFF;color:#958b85}
#lista .card-header:hover{background-color:#f4f1ed}
#lista .card-header:not(.collapsed) .icon-show {display:none;}
#lista .card-header.collapsed .icon-hide{display:none;}
#lista .card-header .badge{font-weight:normal;font-size:85%;color:#958b85}
#lista .card-title{font-size:1.2rem;margin-bottom:0;padding-bottom:.2rem;word-wrap:break-word}
#lista .card-title span{font-size:1.2rem;color:#958b85}
#lista .card-text{font-size:1rem;color:#958b85}
#lista .card-text p{margin-bottom:.2rem;font-weight:500}
#lista .card-text p.small{font-size:.9rem;padding-right:10%}
#lista .card ul{margin-bottom:.2rem;list-style:none}
#lista .card li{margin:0}
#lista .card li::before{content:"•";display:inline-block;width:.5rem;vertical-align:middle;margin-left:-1rem;color:#958b85}
#lista .card ul.cantidades{padding-left:0}
#lista .card ul.cantidades li::before{display:none}
#lista .card-img{border-radius:.375rem;background-repeat:no-repeat;background-position:center;background-size:auto 120px;width:120px;height:120px;border:1px solid #C5BFB4;position:relative;overflow:hidden}
#lista .card-ribbon{left:-30px;position:absolute;top:10px;line-height:30px;height:30px;width:106px;transform:rotate(-45deg);background-color:rgba(206,14,45,.7);text-align:center;font-size:.9rem;font-weight:bold;color:#fff}
#lista .card-ribbon span{margin-top:8px;font-size:.6rem;display:block;line-height:0;margin-bottom:-2px}
#lista .card-ribbon small{font-size: 0.6rem;}
#lista .precio-bkg{background-color:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:white;position:absolute;bottom:.2rem;right:.2rem;text-align:right;padding:2px 3px 0 3px;border-radius:5px;font-size:1.25rem;line-height:.85rem}
#lista .precio-bkg.destacado{background-color: rgba(var(--bs-danger-rgb), 0.2);}
#lista .precio{text-shadow:0 0 1px rgba(0,0,0,0.5)}
#lista .precio small{font-size:60%;display:inline-block;margin-right:.1rem;margin-bottom:.15rem;vertical-align:middle}
#lista .precio.tachado{text-decoration:line-through;font-size:.9rem;opacity:.85}


#lista .card .form-check-input {
    border-width: 3px !important;
}

#lista .card.card-over:hover .card-img {
    border-width: 2px !important;
    border-color: var(--bs-secondary) !important;
}

#lista .card.card-over:hover .form-check-input{
    border-width: 3px !important;
    border-color: var(--bs-primary) !important;
}




/*
#lista .precio{font-size:1.25rem;color:white;position:absolute;bottom:0rem;right:.3rem;text-align:right;text-shadow:0 0 2px rgba(40,30,26,0.6)}
#lista .precio small{font-size:60%;display:inline-block;margin-right:.1rem;margin-bottom:.15rem;vertical-align:middle}
#lista .precio.tachado{ text-decoration: line-through; bottom:1.4rem; font-size: 0.8rem;right:.4rem; opacity: 0.8;}
*/

#formulario{border-top:1px dotted #c5bfb4;border-bottom:1px dotted #c5bfb4}
.mercadopago{display:inline-block;width:35px;height:25px;background-repeat:no-repeat;background-size:contain;vertical-align:middle;background-image:url('/images/mp.svg')}
#orden .card{border-color:#c5bfb4;overflow:hidden}
#orden .card-header{background-color:#f4f1ed;border-color:#c5bfb4;color:var(--bs-primary);;padding:.75rem .75rem;font-weight:700}
#orden .badge{color:var(--bs-primary);}
#orden td{background-color:#FFF}
#orden .card-footer{font-weight:700;color:var(--bs-primary);}
#orden .card-footer td{background-color:rgba(244,241,237,1);font-size:1.2rem!important}
#orden .card-header .badge{font-weight:normal; font-size: 0.85rem;}
#orden .table>:not(caption)>*>*{color:inherit}; /*pacth bs5.*/
#orden .table{color:#695E58;margin-bottom:0}
#orden .cantidad,#orden .parcial{text-align:right;padding-right:.5rem;white-space:nowrap}
#orden .table .imagen{vertical-align:top;padding-left:.5rem;}
#orden .table-sm td{padding:.5rem .25rem}
#orden .table td{vertical-align:middle;font-size:1.1rem;line-height:1;border-color:#f4f1ed}
#orden .table span{color:#958b85}
#orden .card-img{border-radius:.375rem;background-repeat:no-repeat;background-position:center;background-size:auto 55px;width:55px;height:55px;border:1px solid #C5BFB4}
#orden .table td.eliminar{text-align:left;color:var(--bs-danger);;cursor:pointer;padding:0rem}
#orden .eliminar{color:var(--bs-danger);cursor:pointer;padding: 10px 0px;}
#orden .remarcado{color:var(--bs-danger) !important}
#orden .table .icon-cancel:before{font-size:100%;color:var(--bs-danger);}
#orden .table>tbody:first-child>tr:first-child td{border-top:0}
#lista small {font-size: .9rem;}
#orden .smaller{ font-size: .85rem;}

#resumen{position:fixed;min-height:7px;border-style:solid;border-width:1px 0 0;border-color:transparent;bottom:0;margin-bottom:0;right:0;left:0;z-index:1030;background-color:#FFF;color:#958b85;box-shadow:0 0 3px rgba(0,0,0,.15)}
#resumen h4{font-size:1.4rem;color:var(--bs-primary);}
#resumen h6{font-size:.9rem;color:#c5bfb4}
#resumen hr{margin-top:0;margin-bottom:0}
#resumen sup{font-size:.9rem;top:-.1rem;color:#c5bfb4}
#resumen sub{font-size:.9rem;bottom:.1rem;color:#958b85}
#resumen .bag::before{transform:scale(1.5)}

.btn-circle {width:40px;height:40px;border-radius:20px;text-align:center}
@media (max-width:767px){#productos.sticky{position:fixed;top:0;right:0;left:0;z-index:1030;height:70px;padding-top:4px;padding-left:.75rem;padding-right:.75rem;background-color:#FFF;margin-top:0px;}}
@media (min-width:576px){#productos.sticky .form-floating{max-width:516px;margin-right:auto;margin-left:auto}}
/*#switchs #continuar{box-shadow:0 3px 6px rgba(0,0,0,.5);position:fixed;bottom:calc(70px + 1rem);right:1.5rem;z-index:1025;visibility:visible}
#switchs.static #continuar{position:static!important;visibility:hidden!important;}
*/
.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;margin:0;vertical-align:top}
.ui-spinner .ui-spinner-button{width:30px;height:50%;font-size:.6rem;padding:0;margin:0;text-align:center;position:absolute;cursor:pointer;display:block;overflow:hidden;right:0;border-left:1px solid #C5BFB4;margin:1px;background-color:#F4F1ED;text-decoration:none}
.ui-spinner .ui-spinner-button:after{font-family:"icons";font-style:normal;font-weight:normal;text-decoration:inherit;width:1rem;height:1rem;text-align:center;font-variant:normal;text-transform:none;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;position:absolute;vertical-align:middle;left:50%;margin-left:-.5rem;top:50%;margin-top:-.5rem}
.ui-spinner .ui-spinner-up{top:0;border-top-right-radius:calc(.375rem - 1px)}
.ui-spinner .ui-spinner-up:after{content:'\e814'}
.ui-spinner .ui-spinner-down{bottom:0;border-bottom-right-radius:calc(.375rem - 1px)}
.ui-spinner .ui-spinner-down:after{content:'\e810'}
.ui-spinner .ui-spinner-input{margin:0}
.ui-spinner .ui-state-hover{background-color:#C5BFB4}
.ui-spinner .ui-spinner-button:hover{background-color:#C5BFB4}
.form-floating>.ui-spinner~label{opacity:1;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.ui-spinner .form-control:focus,.form-floating>.ui-spinner .form-control:not(:placeholder-shown){padding:1rem .75rem;padding-top:1.625rem;padding-bottom:.625rem}
.ui-datepicker{width:16em;display:none;border-radius:.375rem;border:1px solid #958b85;background-color:#FFF;min-width:16em;z-index:10000 !important ;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;height:2.5em;background-color:#F4F1ED;color:#695E58;border-bottom:1px solid #C5BFB4;border-top-left-radius:.375rem;border-top-right-radius:.375rem}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:0;width:2.5em;height:2.5em;text-decoration:none}
.ui-datepicker .ui-datepicker-prev:after,.ui-datepicker .ui-datepicker-next:after{font-family:"icons";font-style:normal;font-weight:normal;text-decoration:inherit;width:1rem;height:1rem;text-align:center;font-variant:normal;text-transform:none;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;position:absolute;vertical-align:middle;left:50%;margin-left:-.5rem;top:50%;margin-top:-.5rem}
.ui-datepicker .ui-datepicker-prev:after{content:"\f007"}
.ui-datepicker .ui-datepicker-next:after{content:"\f006"}
.ui-datepicker .ui-datepicker-prev{left:0;border-top-left-radius:.375rem}
.ui-datepicker .ui-datepicker-next{right:0;border-top-right-radius:.375rem}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:none}
.ui-datepicker .ui-datepicker-title{line-height:2.5rem;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1rem;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}
.ui-datepicker table{width:98%;font-size:1rem;border-collapse:collapse;margin:.6rem 1% .4rem 1%;float:right;background-color:#FFF}
.ui-datepicker th{font-weight:normal;border:0;text-align:center}
.ui-datepicker td{border:0;padding:.2em;text-align:center}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding-top:.2rem;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2rem;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker .ui-state-default{border:1px solid #FFF;color:#695E58}
.ui-datepicker .ui-datepicker-week-end .ui-state-default{color:rgb(232,43,50)}
.ui-datepicker .ui-datepicker-today .ui-state-default{border:1px solid #C5BFB4}
.ui-datepicker .ui-state-highlight{border:1px solid var(--bs-danger);}
.ui-datepicker .ui-state-disabled{opacity:.2}
.ui-datepicker .ui-state-hover{border:1px solid #958b85}
.ui-datepicker .ui-state-active{border:1px solid #C5BFB4;background-color:#C5BFB4;color:#FFFFFF;font-style:normal}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{border:0;background-color:#C5BFB4}