body{min-height: 80vh}
body.sscroll{overflow: hidden}
article .producto h3{margin-top:0;}
.perkilos{background-color:#9AF49A;display:-ms-grid;display:grid;-ms-grid-columns: 200px auto;grid-template-columns: 200px auto;}
.form__input{margin:1rem 0}
.form__input label{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
svg{height:2rem;width:2rem;background-color:#fff;border-radius:50%;border:2px solid black;cursor:pointer}
.form__input .radio-use{opacity:0;transition:opacity .8s}
.form__input.marcado .radio-use{opacity:1}
input[type=radio]{visibility: hidden;}
div.diasemana label{display:inline-flex;align-items:center;margin-top: 1.5rem}
div.diasemana .clasegida{font-size: .8rem}
div.diasemana input[type='radio']{visibility: visible}
.mcl{margin-right: 1rem;}
.form__label span,.precios span{margin-left:1rem;color:red;text-shadow:1px 1px 1px black;font-size:.8rem;cursor:pointer}
.precios span{margin-left: auto}
.precios span{cursor:default;}
.tachado{text-decoration:line-through}
.willy-cerrada,.willy-cerrada:hover,.willy-abierta,.willy-abierta:hover{font-size:5rem;color:#016603;}
div.elegir {background-color:#9AF49A;display:-ms-grid;display:grid;grid-template-columns: repeat(auto-fit,minmax(100px,auto));}
span.anula{position:absolute;right:2%;top:0%;border:1px solid red;padding: 3px;border-radius: 50%;transition: all .3s ease;background-color:white;color:red;font-size:1rem;padding: .3rem;}
span.anula:hover{background-color:red;color:white;cursor:pointer;}
span.nombreprod{font-size:.8rem;color: #040d04;}
.per .willy.willy-mujer {margin-right: -0.4rem;}
.per0{opacity:0;}
.per1 span,.per2 span{opacity:0;}
.per1 span:nth-child(3){opacity:1;}
.per2 span:nth-child(2),.per2 span:nth-child(3){opacity:1;}
.per2 span:nth-child(4){opacity:.5;}
.per3 span:nth-child(5){opacity:.5;}
.per{background-color:#9AF49A;text-align:center;padding-top:1rem;}
.per span{color:#016603;font-size: 2rem;transition: all .2s ease-in-out;}
.electot{display:-ms-grid;display:grid;-ms-grid-columns:20vw auto;grid-template-columns:20vw auto;background-color:#9AF49A;}
.perkil{color:black;text-shadow:1px 1px 1px red;font-weight:bold;font-size:.9rem;-ms-grid-row-align:center;align-self:center;}
article .cestas {
    display: -ms-grid;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    background-color: 
    rgba(100,100,100,.1);
    padding: 1rem;
}
article .cesta h4 {color: #ffee09;font-size: 1.2rem;background-color:#5FB23A;padding: .4rem;}
h4.sep{margin-left:1rem;}
.cesta .peso{ text-align: center;font-weight:bold;}
.cesta p.descripcion {padding-top: 0;}
.detalle{margin:1rem 0;}
.detalle .prod{display:flex;justify-content:space-between;padding:0 1rem;}
.literales .nomProd::before {content:" ";}
.literales .nomProd::after {content:", ";}
.centra{text-align:center;}
.cerrada .linear span,.semi .linear span{display:none;}
.imagencesta {text-align: center;}
span.bck,button.reset{background-color:beige;border-radius:50%;color:#016603;cursor:pointer;border:1px solid;padding:2px;font-size:1.2rem;font-family:Helvetica;transition:all .3s ease-in-out;}
button.reset{border-radius:0;font-size:.6rem;}
span.bck:hover,button.reset:hover{background-color:#016603;color:beige;}
span.nada.bck{background-color:red;color:white;font-size:.8rem;}
span.nada.bck:hover{background-color:white;color:red;font-size:.8rem;}
.cesta {
    border: 1px solid;
    background-color: 
    rgba(100,100,100,.1);
    position: relative;
    display: -ms-grid;
    display: grid;
    justify-content: space-between;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    align-content: space-between;
    max-width: 300px;
    margin: 2rem auto;
}
.vuelta{margin:auto;background-color:#51E8A1;color:white;text-shadow:0 0 4px black;padding:1rem;display:inline-block;cursor:pointer;display:none;transition: all .2s ease-in-out;position:absolute;}
#cesta main{position: relative;}
#cesta .vuelta{position: absolute;}
.vuelta:hover{box-shadow:0 0 10px 10px black;color:black;}
.cestas .precios span{display:none;background-color:white;padding:.2rem;border:1px solid;vertical-align:middle;font-size:1rem;}
.cestas.semi .cesta{-webkit-animation:change .6s ease infinite alternate;animation:change .6s ease infinite alternate;cursor:pointer;}
.ctr{text-align: center}
.cestas.abierta .precios span.abierta,.cestas.semi .precios span.abierta,.cestas.cerrada .precios span.cerrada{display:inline;}
.cestas.abierta{padding:0;}
.cestas.abierta .cesta{margin:auto;}
.cesta .carrito{text-align:center;margin-top:1rem;}
.cesta .cuerpo{margin:1rem 0 0;}
.cesta .agregar,.cesta .finalizar,.cesta .yano{background-color:#016603;color:white;padding: 1rem;font-weight:bold;transition:all .4s ease-in-out;}
.cesta .agregar:hover{background-color:white;color:#016603;padding:1rem;font-weight:bold;cursor:pointer;}
.cesta .agregar:disabled{background-color: rgba(100,100,100,.5);}
.cesta .agregar:disabled:hover{color:white;cursor:default;}
.cesta .imagencesta{margin:1rem auto;}
.cuantos {display: flex;flex-flow: row wrap;justify-content: space-around;width:80%;margin:1rem auto;background-color: white;border:1px solid;}
.cuantos.kgs .num::after{content:"kgs";}
.cuantos.ud .num::after{content:"uds";}
.cuantos .precio::after{content:"€";}
.radios{display:-ms-grid;display:grid;grid-template-columns: repeat(auto-fit,minmax(150px,auto));justify-content:space-evenly;}
.react{cursor: pointer;transition:.5s;}
.react:hover{text-shadow: 0 0 4px green;}
.tkt,.old {position:relative;min-width: 360px;max-width:400px;margin:auto auto 1rem;background-color:#016603;color:white;padding: .6rem;}
.old{background-color:#5FB23A}
.tkt .precio::after,.old .precio::after{content:"€";}
.tkt .line,.old .line{display: flex;flex-flow:row wrap;justify-content: space-between;border-top:1px solid rgba(255,238,9,.8);padding:1rem 0;position:relative;}
.old .line .ctd{background-color:#5FB23A;color:green;}
.tkt .line .nom_ped,.old .line .nom_ped{flex-basis:64%;font-size: .8rem;text-align: justify;background-color: rgba(255,255,255,.5);color:black}
.tkt .line .ctd{flex-basis: 11%;background-color: #016603;color:#69e118;}
.tkt .line .precio,.old .line .precio{flex-basis:14%;text-align: right;font-size: .8rem;}
.tkt .line .elim,.tkt .line .eliminar,.tkt .rt,.tkt .ra,.old .line .elim,.old .line .eliminar,.old .rt,.old .ra{height:1.4rem;text-align:center;border-radius:50%;flex-basis:6%;color:#016603;background-color: rgba(255,255,255,.3);transition:.5s;cursor: pointer;}
.tkt .line .eliminar:hover,.tkt .rt:hover{background-color: rgba(255,255,255,1);transition:.5s;cursor: pointer;}
.tkt .ra{cursor: pointer}
.tkt .ra:hover{background-color: rgba(255,255,255,.3);cursor: normal}
.tkt .msg{z-index: 2000;background-color:white;color:red;position:absolute;top:0;width: 98%;display: flex;justify-content: space-between;left: 0;padding: .4rem;}
.tkt .a,.tkt .b{padding: .2rem;transition: .5s;cursor: pointer;}
.tkt .b{-ms-grid-row-align: center;align-self: center;border: 1px solid black;}
.tkt .a:hover,.tkt .b:hover{background-color: rgba(100,100,100,.5);border-radius: 50%;}
.tkt .total,.old .total{font-size: 1rem;display: -ms-grid;display: grid;border-top: 1px solid;margin-top: .5rem;-ms-grid-columns: 94% 6%;grid-template-columns: 94% 6%;text-align: right;}
.tkt .total .tot,.old .total .tot{font-weight: bold}
.tkt .total .tot::after,.old .total .tot::after {content: "€";}
form.dale{display: none}
.tapa{background-color: rgba(100,100,100,.4);position: absolute;top:0;left: 0;width:100vw;height: 100vh;z-index:998;}
.confirma {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 2rem;
    grid-template-rows: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid red;
    background-color: white;
    color: red;
    justify-content: center;
    z-index: 3;
    padding: 1rem;
    align-items: center;
}
.confirma span:first-child {-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:literal;color:black;}
.confirma span:nth-child(2){-ms-grid-row: 2;-ms-grid-column: 1;color: black;grid-area: yes;text-align:center;}
.confirma span:last-child{-ms-grid-row:2;-ms-grid-column:2;color:black;grid-area:no;text-align:center;}
.bloqueo {position:absolute;width:100vw;height:100vh;background-color:rgba(100,100,100,.8);top:0;left:0;overflow:hidden;z-index:1;}
.complementi{display: flex;flex-flow: row wrap;justify-content: space-around}
.cto{width:300px;background-color: rgba(100,100,100,.1);margin:1rem;position: relative}
.cto img.pal{cursor: pointer;}
.mm{display: -ms-grid;display: grid;grid-template-columns: repeat(auto-fit,minmax(50px,auto));grid-gap: 1rem;margin-top: 1rem;}
.mm span {cursor:pointer;background-color:#ffee09;font-weight:700;padding: 1rem;transition:.5s;}
.mm span:hover{background-color:#095909;color:#ffee09;}
.nomiva{font-size:.8rem}
.tkt .finalizar,.tkt .yano,.sguro{background-color:#0b440b;cursor:pointer;padding: 1rem;margin-top: 1rem;color: #ffee09;font-weight: bold;transition: .5s}
.tkt .finalizar:hover,.tkt .yano,.sguro:hover{background-color:#ffee09;color:#0b440b;}
.categorias {margin:auto;background-color:#0b440b;color:#ffee09;font-size:1.4rem;margin:1rem auto;}
.ivas {border-top: 1px solid white;margin:1rem;}
.ivas h4{font-size: .7rem;}
.ivas div{display: -ms-grid;display: grid;-ms-grid-columns: auto auto auto auto;grid-template-columns: auto auto auto auto;justify-content: space-around;font-size: .6rem}
.ivas .tit{font-weight: bold}
.ivas .titva::after{content: "€"}
.ivas .base::after{content: "€"}
.totciva{border-top: 1px solid white}
.totciva .tot::after {content: "€";}
.cc,.do{background-color:#5FB23A;color:#ffee09;border-radius: 50%;border: 1px solid #0B440B;margin-right:.3rem;}
div.sto{margin-top: 1rem;display: -ms-grid;display: grid;grid-template-columns: repeat(auto-fit,30px);justify-content: center;}
p .do{background-color: red;color:white;}
figcaption .do,figcaption .cc{font-size: .8rem;padding-top: 8px;font-weight: bold}
p.indica{font-size:.9rem;}
p .do,p .cc{width: 20px;height: 20px;padding-bottom: .4rem;padding-top: .7rem;padding-left: .3rem;padding-right: .3rem;}
figcaption div .origen{width: 27px;border-radius: 50%;height: 27px;vertical-align: middle;margin-left: .6rem;border: 1px solid red;}
figcaption div .cc,figcaption div .do{padding-right: 5px;padding-left: 5px;width: 20px;height: 20px;margin:auto;display:inline-block;}
figcaption div .do{background-color:red;color:white;margin-left:.3rem;}
span.sumar{background-color:#5FB23A;}
span.restar{background-color:#FFEE09;}
span.quitar{background-color:#F00;}
.old .sumar,.old .quitar,.old .restar{display: none}
article.carros div.prods{width:100%;}
article.carros .tkt .abierta div.prods div.prod{display: -ms-grid;display: grid;-ms-grid-columns: auto 100px auto;grid-template-columns:30px auto 20px 66px 20px;font-size: 1rem;-ms-grid-rows: 20px;grid-template-rows: 20px;line-height: 2rem;align-items: center;border-top: 1px solid rgba(255,255,255,.2);padding-top: 1rem;position:relative;}
article.carros .tkt .cerrada div.prods div.prod{display:flex;font-size: 1rem;line-height: 2rem;align-items: center;border-top: 1px solid rgba(255,255,255,.2);position:relative;flex-flow:row wrap;justify-content:space-between;}
article.carros .old .abierta div.prods div.prod{display: -ms-grid;display: grid;-ms-grid-columns: auto 100px auto;grid-template-columns:auto 101px;font-size: 1rem;-ms-grid-rows: 20px;grid-template-rows: 20px;line-height: 2rem;align-items: center;border-top: 1px solid rgba(255,255,255,.2);padding-top: 1rem;position:relative;}
article.carros .old .cerrada div.prods div.prod{display:flex;font-size: 1rem;line-height: 2rem;align-items: center;border-top: 1px solid rgba(255,255,255,.2);position:relative;flex-flow:row wrap;justify-content:space-between;}
article.carros div.prods div.prod .nombreprod,article.carros div.prods div.prod .kgs,article.carros div.prods div.prod .ud{text-align:left;font-size:1.1rem;color:white;}
article.carros div.prods div.prod .nombreprod{line-height:1rem;font-size:1rem;}
article.carros div.prods div.prod .kgs,article.carros div.prods div.prod .ud{text-align:center;}
article.carros div.prods div.prod .kgs::after{content:"Kgs";}
article.carros div.prods div.prod .ud::after{content:"ud";}
.restar, .sumar, .quitar{color: black;text-align: center;border-radius:50%;cursor:pointer;transition:.5s;opacity:.7}
.restar:hover,.sumar:hover,.quitar:hover{opacity:1;}
.iva {grid-column: 1/-1;}
.tva {display: flex;flex-flow: row wrap;justify-content: space-between;}
.tkt .line .nom_ped, .old .line .nom_ped {flex-basis: 64%;font-size: 1.2rem;text-align: justify;}
.tkt .line .ctd{margin-bottom:1rem;}
.base::before{content:"Base: ";}
.base::after{content:"€,";}
.titva::before{content:"Iva: ";}
.titva::after{content:"€,";}
.tot::before{content:"Total: ";}
.tot::after{content:"€";}
.opina,.indica{background-color:white;color:red;height:100%;position:absolute;width:100%;}
.indica .lit{text-align:center;}
.indica .choose{display:flex;flex-flow:row wrap;justify-content:space-around;}
.indica .choose span{border: 1px solid rgba(255,0,0,.5);padding: 0 1rem;transition:.5s;}
.indica .choose span:hover{border: 1px solid rgba(255,0,0,1);box-shadow: 0 0 7px 1px black;cursor:pointer;}
.coco,.core{margin-left: 4px;text-decoration: underline;cursor: pointer;transition:.5s}
.coco:hover,.core:hover{color: #f60;}
.cocompra .fermeture,.corecoge .fermeture{cursor: pointer;font-size: .8rem;position: fixed;right: 6%;top: 4%;transition: .5s;border: 1px solid;padding: 2px;background-color: white;}
.cocompra .fermeture:hover,.corecoge .fermeture:hover{color: red}
.cocompra,.corecoge {
    display: none;
    position: absolute;
    top: 0%;
    left: 2px;
    background-color: white;
    padding: 2%;
    font-size: 1.5rem;
    line-height: 1.6rem;
    border: 3px solid;
    height: 90vh;
    overflow-y: auto;
}
.cocompra.activato{display: block;}
.corecoge.activato{display: block;}
.diasemana.off input[type='radio']{visibility: hidden;}
.diasemana.off .mcl,.diasemana.off .vrn{visibility: hidden;}
.diasemana.off .clasegida{visibility: hidden;}
.wot{list-style-type:none;font-style: italic;font-size: .9rem}
@-webkit-keyframes change{0%{box-shadow: 0px 0px 31px 0px;}100%{box-shadow: 0px 0px 31px 20px;}}
@keyframes change{0%{box-shadow: 0px 0px 31px 0px;}100%{box-shadow: 0px 0px 31px 20px;}}
@media all and (max-width:50em){
  .dibs {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 10vw auto;
      grid-template-columns: 10vw auto;
      justify-content: space-evenly;
  }
  .electot{
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  .willy-cerrada, .willy-cerrada:hover, .willy-abierta, .willy-abierta:hover {
      font-size: 3rem;
  }
  .vaposts {
      justify-content: space-around;
  }
}
@media all and (max-width:40em) {
    .cesta{padding: 0;}
    .cestas{grid-gap:1rem;grid-template-columns: repeat(auto-fit,250px);}
    .cestas.semi .cesta{-webkit-animation:change .6s ease infinite alternate;animation:change .6s ease infinite alternate;cursor:pointer;}
    @-webkit-keyframes change{0%{box-shadow:0px 0px 31px 0px;}100%{box-shadow:0px 0px 21px 6px;}}
    @keyframes change{0%{box-shadow:0px 0px 31px 0px;}100%{box-shadow:0px 0px 21px 6px;}}
    .form__label span{margin-left:0;}
    div.elegir,.perkilos{grid-template-columns:repeat(auto-fit,minmax(200px,auto));text-align:center;}
    .radios{grid-template-columns: repeat(auto-fit,minmax(50px,auto));}
    .dibs{justify-content: space-around;}
  .willy-cerrada, .willy-cerrada:hover, .willy-abierta, .willy-abierta:hover{-ms-grid-row-align:end;align-self:end;}
  .form__input{margin:0 0 2rem;}
}