@import url('/cdn/css/fontello/css/fontello.css');

body *{font-family: sans-serif;}
body{padding: 0px;margin: 0px;background:#f7dbe2;color:#212121;}

/* BARRA DE SCROLL */
::-webkit-scrollbar {width: 17px;}
::-webkit-scrollbar-thumb {border: 6px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 9999px; background-color: #AAAAAA; }


/* generales */
a{text-decoration: none;color:#535353;}
ul{list-style: none;margin: 0px;padding: 0px;}
span#tituloWeb{display: block; text-align: center; font-size: 24px; margin: 30px 0px; font-weight: bold;}
h2{font-size: 24px;}
h3 {font-weight: normal;color: #777777;}
img{width: auto;max-width: 100%;}
input[type="search"]::-webkit-search-cancel-button{display:none;}
.contenedor{display: block;max-width: 1250px; margin:auto;}
@media (min-width: 900px) {
  span#tituloWeb{font-size: 30px;}
}
@media (min-width: 1000px) {
  span#tituloWeb{font-size: 38px;margin:50px 0px;}
}

.loading{position: absolute;background:url('/cdn/img/loading.svg') #FFFFFF center center no-repeat;width:100%;height:100%;z-index: 9;top: 0;left: 0;}
body>.loading{position:fixed;z-index:11;}
#importeFloat>.loading,
#btnPedido>.loading{background-color:#000000;}
#sms{display:none;position: fixed;top: 25px;border-radius: 5px;width: calc(100% - 40px);padding: 30px 15px 30px 15px;z-index: 1029;margin: 0px auto;left: 0;right: 0;/* border: 1px solid #ffffff; */overflow: auto;max-width:350px;max-height: 100vh;text-align: center;font-size: 20px;line-height: 30px;/* box-shadow: 0 0 8px 1px white; */}
#sms>b{position:fixed;top: 25px;left: 0;right: 0;width: calc(100% - 28px);max-width: 350px;display: block;margin: 0 auto;padding: 10px;}
#sms>b>i{position: absolute;right: -5px;top: -15px;}
#sms>b>i:before{font-size: 25px;border-radius: 50px;background: #ffffff;color: black;padding: 4px;z-index: 999999;cursor: pointer;width: 25px;transition: 0.5s;}
#sms>.txt>p>a{background:#FFF;border-radius:3px;padding: 4px 9px;font-size: 14px;}
#sms>.txt>p>a:hover{background: #ffffffd6; }
.ok{background: #000000;color: #FFFF;}
.info{background: #42A5F5;color: #FFFF !important;}
.ko{background: #ec6161;color: #FFFF;}
.mensajeEnvioDomicilio{text-align:center;margin: 20px 0;font-size: 12px;}



/* CABECERA */
#cpIdiomas{background: #000000;}
#cpIdiomas>ul{display: block;padding: 10px 0px;width: 100%;text-align: center;max-width: 390px;margin: auto;}
#cpIdiomas>ul>li{display: inline-block; text-align: center; margin: 0px; border-right:1px solid #FFF; }
#cpIdiomas>ul>li:last-child{border:0}
#cpIdiomas>ul>li>a{color: #ffffff;display: inline-block;vertical-align: middle;padding: 2px 15px 2px 15px;transition: 0.5s;text-transform: uppercase;line-height: 30px;box-sizing: border-box;}
#cpIdiomas>ul>li>a:hover{background: white;color:black;cursor:pointer;}
#cpIdiomas>ul>li>a>img{width:29px;display: inline-block;vertical-align: middle;margin-right: 10px;}

#cpMenu{}
#cpMenu>div#cabecera{}
#cpMenu>div#cabecera>img#logotipo{display: block; margin: 20px auto; }
#cpMenu>div#cabecera>ul{position:relative;text-align: center; margin: 20px auto; width: calc(100% - 27px);}
#cpMenu>div#cabecera>ul.fixed{position: fixed; top: 0px; left: 0; right:0;width: 100%; z-index: 2; border-bottom: 1px solid #d6d6d6; background: #f7dbe2; padding: 10px; margin: 0 auto;box-sizing: border-box;max-width: 1250px;}
#cpMenu>div#cabecera>ul.fixed>li.categorias>ul{width:100%;left:0;background: #FFFFFFFA;}
#cpMenu>div#cabecera>ul>li.categorias{}
#cpMenu>div#cabecera>ul>li.categorias>ul{display:none;position: absolute; max-height: calc(100vh - 180px);height:auto;overflow: auto; width: calc(100% + 27px); padding: 0 10px 10px; top: 40px; font-size:14px; box-sizing: border-box; z-index: 2; left: -15px; background: #f7dbe2; }
#cpMenu>div#cabecera>ul>li.categorias>ul>li{padding:0;margin:0px;border-bottom: 1px solid #e0e0e0;}
#cpMenu>div#cabecera>ul>li.categorias>ul>li>a{padding: 4px;margin: 4px;display:block;}
#cpMenu>div#cabecera>ul>li{display: inline-block; width: calc(100% - 180px); margin: 0; padding: 0; vertical-align: middle;text-align:center}
#cpMenu>div#cabecera>ul>li:first-child{text-align:left;width:100px;}
#cpMenu>div#cabecera>ul>li:last-child{text-align:right;width:70px;}
#cpMenu>div#cabecera>ul>li>a{display: block; }
#cpMenu>div#cabecera>ul>li>a>span{font-size:12px;}
#cpMenu>div#cabecera>ul>li>a>i{margin-right:5px !important;color: #000000;} 
#cpMenu #botinstall{display:none;text-align:center;margin: 30px 0;}
#cpMenu div#botinstall>a{} 
#cpMenu div#botinstall>a>i{color: #000000;} 
@media (min-width: 300px) {
  #cpMenu>div#cabecera>ul>li>a>span{font-size:14px;}
}


img#imgPrincipal{width: 100%; max-width: 1250px; margin: auto; display: block;}
#horario{display:none;padding: 10px;margin: 20px 15px;max-width: 1230px;text-align: center;border: 3px solid;}
#horario.closed{background:#ff000063}
#horario>ul{padding: 10px 20px;}
#horario>ul>li{margin: 0 0 10px 0;}
#horario>ul>li>span{display: inline-block; margin: 5px 10px; background: #ccc; border-radius: 3px; padding: 4px 8px;}
@media (min-width: 1250px) {
  #horario{margin:20px 0}
  #cpIdiomas>ul{max-width: 1290px;margin: auto;text-align:right;}
  #cpIdiomas>ul>li{max-width: 100px;}
  #cpMenu{display: block;margin: auto;max-width: 1250px;padding: 0px 20px;}
  #cpMenu>div#cabecera{display:flex;}  
  #cpMenu>div#cabecera>img#logotipo{width: 150px;}
  #cpMenu>div#cabecera>ul{text-align:right;order:2;align-self:center}
  #cpMenu>div#cabecera>ul>li{ width:100px;}
  #cpMenu>div#cabecera>ul>li:first-child{display:none;}
  #cpMenu>div#cabecera>ul>li:last-child{text-align:right;}
  #cpMenu>div#cabecera>ul>li>a>span{display: inline-block;/*font-size:18px;font-weight: bold*/;vertical-align: middle;}
  #cpMenu>div#cabecera>ul>li>a>i{display: inline-block;vertical-align: middle;/*font-size:18px;*/}
}

/* BOTÓN CUPONES */
#cpMenu>a#btVerCupones{display: none; cursor: pointer;transition: 0.5s; font-size: 20px; color: white; text-align: center; padding: 13px 0px; width: calc(100% - 30px); margin: 30px auto; max-width: 245px; text-transform: uppercase; font-weight: bold; background: #000000; border-radius: 5px; box-shadow: 0 2px 2px 0 rgb(27 35 36 / 3%), 0 3px 1px -2px rgb(27 35 36 / 7%), 0 1px 5px 0 rgb(27 35 36 / 6%);}
#cpMenu>a#btVerCupones:hover{opacity: 0.8;transition: 0.s;}
#cpMenu>a#btVerCupones>i{font-size: 150%;vertical-align: middle;}
#cpMenu>a#btVerCupones>i:before{margin-left:0;}


/* LISTA CUPONES */
#cpMenu ul.listaCupones{background: #00000033; padding: 15px; margin-top: 30px}
#cpMenu ul.listaCupones>li:first-child{margin-top: 0;}
#cpMenu ul.listaCupones>li{display: grid; grid-template-areas: 
        'ico desc'
        'ico disp'
        'ico entr'
        'ico info'
        'ico cod'
        'ico acum'; column-gap: 10px; grid-template-columns: auto 1fr; background: white; border-radius: 5px; padding: 10px; margin: 20px 0;box-shadow: 0 2px 2px 0 rgb(27 35 36 / 3%), 0 3px 1px -2px rgb(27 35 36 / 7%), 0 1px 5px 0 rgb(27 35 36 / 6%); }
#cpMenu ul.listaCupones>li:last-child{margin-bottom: 0;}
#cpMenu ul.listaCupones>li>i{color: #000000; font-size: 25px; vertical-align: middle; grid-area: ico;}
#cpMenu ul.listaCupones>li>div{font-size: 13px;}
#cpMenu ul.listaCupones>li>div.cpDescuento{display: inline-block; grid-area: desc;margin-bottom: 10px;}
#cpMenu ul.listaCupones>li>div.cpDisponibilidad{grid-area: disp;line-height: 8px;}
#cpMenu ul.listaCupones>li>div.cpDisponibilidad>p.diasemana{display:inline-block;}
#cpMenu ul.listaCupones>li>div.cpDisponibilidad>p.diasemana>span{color: #d5d5d5; padding: 2px;}
#cpMenu ul.listaCupones>li>div.cpDisponibilidad>p.diasemana>span.dSelect{color: black; font-weight: bold;}
#cpMenu ul.listaCupones>li>div.cpDisponibilidad>p.horario{display:inline-block;color: black; white-space: nowrap;}
#cpMenu ul.listaCupones>li>div.cpDisponibilidad>p.rango{margin-top:0;}
#cpMenu ul.listaCupones>li>.textoAcumulable{    font-size: 12px; font-style: italic; grid-area: acum;}
#cpMenu ul.listaCupones>li>div.cpEntrega{grid-area: entr;}
#cpMenu ul.listaCupones>li>div.cpEntrega>span{margin: 5px 0;}
#cpMenu ul.listaCupones>li>div.cpDescripcion{margin: 10px 0;grid-area: info;}
#cpMenu ul.listaCupones>li>div.cpDescripcion>a:hover{cursor: pointer;color: #000000;transition: 0.5s;}
#cpMenu ul.listaCupones>li>div.cpDescripcion>.descripCupon{display: none; margin-bottom: 0;}
#cpMenu ul.listaCupones>li>div.codCupon{grid-area: cod; margin: 5px 0;}
#cpMenu ul.listaCupones>li>div.codCupon>a{display: none;}

@media (min-width: 750px) {
  #cpMenu>a#btVerCupones{display: block;}
  #cpMenu ul.listaCupones{display: none;}
}


/* LISTA PRODUCTOS DESTACADOS */
span.tag{display: inline-block; width: fit-content; margin: 10px 0 0; padding: 1px 8px; background: #f3f3f3; border-radius: 5px;}
span.tag.oferta{background: #ffc244;font-weight: normal;}
span.tag.nPaso{position: absolute; right: 45px;margin: 0; background: #c0c0c0;}
#cpMenu>ul#ptoDestacados{background: #00000033; padding: 15px; display: flex;overflow-x: scroll; overflow-y: hidden;  max-width: 1250px; margin: 10px auto;}
#cpMenu>ul#ptoDestacados>li:first-child{margin-left: 0;}
#cpMenu>ul#ptoDestacados>li{padding: 10px; background: white;color:#222;border-radius: 5px; margin: 5px; display: grid; grid-template-areas: 'img txt' 'img price'; box-shadow: 0 2px 2px 0 rgb(27 35 36 / 3%), 0 3px 1px -2px rgb(27 35 36 / 7%), 0 1px 5px 0 rgb(27 35 36 / 6%);}
#cpMenu>ul#ptoDestacados>li>div.cpImg{grid-area: img;margin-right: 10px;width: 85px;}
#cpMenu>ul#ptoDestacados>li>div.cpImg:hover{cursor: pointer;}
#cpMenu>ul#ptoDestacados>li>div.cpTexto{grid-area: txt;width:140px}
#cpMenu>ul#ptoDestacados>li>div.cpPrecio{grid-area: price; display: flex; justify-content: space-between; align-items: flex-end;}
#cpMenu>ul#ptoDestacados .cpPrecio>i{transition: 0.5s; background: #000000; padding: 6px 5px; color: white; cursor: pointer;}
#cpMenu>ul#ptoDestacados img{}
#cpMenu>ul#ptoDestacados img,
#cpMenu>ul#ptoDestacados i{border-radius: 5px;}
#cpMenu>ul#ptoDestacados>li>div>i,
#cpMenu>ul#ptoDestacados>li>div>b,
#cpMenu>ul#ptoDestacados>li>div>span{font-size: 12px;}
#cpMenu>ul#ptoDestacados>li>div>span.tachado{text-decoration: line-through;color: #6f6f6f;font-size: 11px;}
#cpMenu>ul#ptoDestacados>li>div>b{white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden;}

#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado{}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado.ventanaPopup{padding: 15px 15px 50px 15px;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>b{font-size: 18px;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpCab{display: grid; justify-content: space-between; align-items: start; grid-template-columns: 1fr auto; grid-gap: 15px; margin-bottom: 15px; }
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpCab>span{white-space: normal; font-weight: bold; align-self: center;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpCab>i{}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpCab>i:before{font-size: 25px; border-radius: 50px; background: #a2a2a2; color: white; padding: 4px; z-index: 999999; cursor: pointer; width: 25px; transition: 0.5s; margin: 0; }
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpImg{position: relative;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpImg>img{}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpImg>div.cpTag{position: absolute; top: 0px; left: 10px; }
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpImg>div.cpTag>span.tag{font-size: 12px;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpTexto{font-size: 12px;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpTexto>p{white-space: normal;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpTexto>p>b{display: block; margin: 10px 0px; color: #000000;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpTexto>p>span{}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpPrecio{display: flex; justify-content: space-between; align-items: flex-end;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpPrecio>span{font-weight: bold;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpPrecio>span.tachado{text-decoration: line-through; opacity: 0.4; font-size: 13px; flex: auto; margin-left: 10px; margin-bottom: 1px;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpPrecio>i{}
@media (min-width: 950px) {
  #cpMenu>ul#ptoDestacados{padding: 15px 15px 0 15px}
}
@media (min-width: 1250px) {
  #cpMenu ul.listaCupones,
  #cpMenu>ul#ptoDestacados{border-radius: 5px;}
}


div#capaCuponesVisibles{display: none;}
div#capaCuponesVisibles>p{display: none;padding: 5px; font-weight: bold; font-size: 12px; font-style: italic; margin: 0px 5px 10px 5px;}
div#capaCuponesVisibles>ul#formaEntrega{display: none;text-align: center;}
div#capaCuponesVisibles>ul#formaEntrega>li{border-radius: 5px; display: inline-block; background: #f3f3f3; padding: 5px; margin: 5px; border: 1px solid transparent; font-size: 14px;}
div#capaCuponesVisibles>ul#formaEntrega>li.seleccionado,
div#capaCuponesVisibles>ul#formaEntrega>li:hover{background: #2ba566; color: white; cursor: pointer;}
div#capaCuponesVisibles>ul.listaCupones{background: initial; padding: 0; margin: 10px 0;}
div#capaCuponesVisibles>ul.listaCupones>li{column-gap: 5px;}
div#capaCuponesVisibles>ul.listaCupones>li>i{font-size: 15px;}
div#capaCuponesVisibles>ul.listaCupones>li>div.codCupon{display: flex; align-items: center; justify-content: space-between;}
div#capaCuponesVisibles>ul.listaCupones>li>div.codCupon>a{display: inline-block; cursor: pointer; background: #2ba566; transition: 0.5s; border: 1px solid #2ba566; padding: 3px; color: white; font-weight: 600; font-size: 14px; border-radius: 5px; width: 80px; text-align: center;}
/*div#capaCuponesVisibles>ul>li{border-radius: 3px; display: inline-block; margin-right: 0px; background: #f0f0f0; padding: 5px; margin: 5px; text-align: center; border: 1px solid transparent; font-size: 14px;}
div#capaCuponesVisibles>ul>li.seleccionado,
div#capaCuponesVisibles>ul>li:hover{background: #2ba566; color: white;cursor: pointer;}
div#capaCuponesVisibles>#conListaCupones{}
div#capaCuponesVisibles>#conListaCupones>div{padding: 15px; background: #0000002e; margin-bottom: 15px; margin-top: 15px;}
div#capaCuponesVisibles>#conListaCupones>div>span.codCupon{position: relative;display: block;width: 100%;margin-top: 40px;}
div#capaCuponesVisibles>#conListaCupones>div>span.codCupon>b{}
div#capaCuponesVisibles>#conListaCupones>div>span.codCupon>a{cursor: pointer;background: #000000;transition: 0.5s; border: 2px solid #000000; padding: 7px 0px; position: absolute; right: 0; bottom: 0; color: white; font-weight: 600; font-size: 14px; border-radius: 3px; width: 70px; text-align: center;}
div#capaCuponesVisibles>#conListaCupones>div>span.codCupon>a:hover,
div#capaCuponesVisibles>#conListaCupones>div>span.codCupon>a.cuponAplicado{border: 2px solid black;color:black;background: transparent;transition: 0.5s;}
div#capaCuponesVisibles>#conListaCupones>div>b{ display: block; margin-bottom: 5px;}
div#capaCuponesVisibles>#conListaCupones>div>b.cpDescCup{font-size: 24px;}
div#capaCuponesVisibles>#conListaCupones>div>b.cpImporCup{font-size: 18px;}
div#capaCuponesVisibles>#conListaCupones>div>div.conTextos{text-transform: lowercase;   font-size: 14px; line-height: 20px;  margin-top: 0px; margin-bottom: 15px;}
div#capaCuponesVisibles>#conListaCupones>div>div.conTextos>p{font-size: 14px;}
div#capaCuponesVisibles>#conListaCupones>div>div.conTextos>a.btInfoCupon{font-weight: bold;cursor: pointer;color: black;transition: 0.5s;}
div#capaCuponesVisibles>#conListaCupones>div>div.conTextos>a.btInfoCupon:hover,
div#capaCuponesVisibles>#conListaCupones>div>div.conTextos>a.abierto{color: #000000;transition: 0.5s;}
div#capaCuponesVisibles>#conListaCupones>div>div.conTextos>p.descripCupon{display: none;margin-bottom: 35px;}*/
@media (min-width: 360px) {
  /*div#capaCuponesVisibles>ul>li{    padding: 6px;    font-size: 16px;}*/
}
@media (min-width: 380px) {
  /*div#capaCuponesVisibles>ul>li{    padding: 7px;    font-size: 16px;}*/
}


div#capaInfo{}
div#capaInfo>.conLista{}
div#capaInfo>.conLista>div{padding: 10px; background: white; border-radius: 5px; margin: 10px 0; box-shadow: 0 2px 2px 0 rgb(27 35 36 / 3%), 0 3px 1px -2px rgb(27 35 36 / 7%), 0 1px 5px 0 rgb(27 35 36 / 6%);}
div#capaInfo>.conLista>div>h2{margin:0 0 0 0;font-size:24px;top:0;}
div#capaInfo>.conLista>div.contacto a{border:0px solid #535353;padding: 5px; font-size: 12px;display: inline-block; margin: 10px 0;}
div#capaInfo>.conLista>div.contacto a:hover{background:#FFFFFFA1;}
div#capaInfo>.conLista>div.contacto .icon-whatsapp2{color: #00E676; background: #FFF; border-radius: 50%; padding: 4px 1px; margin: 0 5px 0 0;}
div#capaInfo>.conLista>div.contacto .icon-phone-1{margin: 0 5px 0 0;padding: 4px 1px;}
div#capaInfo>.conLista>div.contacto .icon-location{margin: 0 5px 0 0;padding: 4px 1px;}
div#capaInfo>.conLista>div.contacto>ul{}
div#capaInfo>.conLista>div.contacto>ul>li{display:block;vertical-align:top;}
div#capaInfo>.conLista>div.contacto>p{font-size:12px;margin:10px;}

div#capaInfo>.conLista>div.horario>ul{font-size:12px;margin:10px 0 20px 0;}
div#capaInfo>.conLista>div.horario>ul>li{border-bottom: 1px solid #77777769; padding:5px 0 5px 3px;}
div#capaInfo>.conLista>div.horario>ul>li>span{display: inline-block;}
div#capaInfo>.conLista>div.horario>ul>li>span:first-child{display: block;margin-bottom: 5px;}
div#capaInfo>.conLista>div.horario>ul>li>span:nth-child(2){}
div#capaInfo>.conLista>div ul.cpRSS>li{margin-top:20px;}

div#capaInfo>.conLista>div.notificaciones>p{font-size:12px;margin:10px 0;}
div#capaInfo>.conLista>div.notificaciones>a{display: block; text-align: center; margin: 10px ; padding: 10px ; color: #FFF;transition:0.5s; border-radius: 5px;}
div#capaInfo>.conLista>div.notificaciones>a:hover{opacity: 0.7;}
div#capaInfo>.conLista>div.notificaciones>a.activar{background:#2ba566;}
div#capaInfo>.conLista>div.notificaciones>a.desactivar{background:#ff4747;}
div#capaInfo>.conLista>div.notificaciones #infoNotificacion{display:none;margin:auto;width:100%;height:150px}

@media (min-width: 300px) {
  div#capaInfo>.conLista>div.contacto>ul{display: flex; justify-content: space-between; margin-top: 10px;}
  div#capaInfo>.conLista>div.contacto>ul>li:nth-child(even){text-align:right}

  div#capaInfo>.conLista>div.horario>ul>li>span{margin-left:20px;}
  div#capaInfo>.conLista>div.horario>ul>li>span:first-child{width:calc(100% - 185px);display: inline-block;margin: 0;}
  div#capaInfo>.conLista>div.horario>ul>li>span:nth-child(2){}
}

@media (min-width: 350px) {
  div#capaInfo>.conLista>div.contacto a,
  div#capaInfo>.conLista>div.contacto>p,
  div#capaInfo>.conLista>div.horario>ul,
  div#capaInfo>.conLista>div.notificaciones>p{font-size:14px;}
  div#capaInfo>.conLista>div.horario>ul>li>span:first-child{width: calc(100% - 205px);}
}


div#capaEnvios{}
div#capaEnvios>.conLista{}
div#capaEnvios>.conLista>div{padding: 10px; background: white; border-radius: 5px; margin: 5px 0; box-shadow: 0 2px 2px 0 rgb(27 35 36 / 3%), 0 3px 1px -2px rgb(27 35 36 / 7%), 0 1px 5px 0 rgb(27 35 36 / 6%);}
div#capaEnvios>.conLista>div>h2{margin:0;font-size:24px;top:0;}
div#capaEnvios>.conLista>div>ul{font-size:12px;margin:10px 0 20px 0;}
/*div#capaEnvios>.conLista>div>ul>li{border-bottom: 1px solid #77777769;padding:5px 0 5px 3px;}*/
/*div#capaEnvios>.conLista>div>ul>li{border-bottom: 1px solid #77777769; padding: 5px 0 5px 3px; display: flex; justify-content: space-between; align-items: flex-end; column-gap: 15px; text-align: right;}*/
div#capaEnvios>.conLista>div>ul>li {border-bottom: 1px solid #77777769; padding: 5px 0 5px 3px; display: grid; justify-content: space-between; align-items: flex-end; column-gap: 15px; text-align: right; grid-template-columns: 1fr 1fr 1fr 1fr; }
div#capaEnvios>.conLista>div>ul>li:first-child{font-size:10px;}
div#capaEnvios>.conLista>div>ul>li:first-child>span{/*vertical-align:bottom;*/}
div#capaEnvios>.conLista>div>ul>li>span{/*width: calc(50% - 78px); margin-left: 10px; display: inline-block; vertical-align:middle; text-align: right;*/}
div#capaEnvios>.conLista>div>ul>li>span.cp{text-align:left;width:45px;border-right: 1px solid #CCC}
div#capaEnvios>.conLista>div>ul>li:first-child>span.cp{border-right:0; width: 55px;}
div#capaEnvios>.conLista>div>ul>li>span.coste{/*width:60px;*/font-weight:bold/*;margin-left:0*/}
div#capaEnvios>.conLista>div p.txtEnvios{font-size: 12px; line-height: 15px; font-weight: bold;}
div#capaEnvios>.conLista>div>div{font-size:14px;margin: 10px 0 40px 0;}
div#capaEnvios>.conLista>div>div>ul{}
div#capaEnvios>.conLista>div>div>ul>li:first-child{width:70px;}
div#capaEnvios>.conLista>div>div>ul>li{display:inline-block;width:calc(50% - 40px);vertical-align:top}
div#capaEnvios>.conLista>div>div label{font-size: 10px; display: block; margin-top: 20px;}
@media (min-width: 350px) {
  div#capaEnvios>.conLista>div>ul{font-size:14px;}
  div#capaEnvios>.conLista>div>ul>li:first-child{font-size:12px;}
}


div#capaNotificaciones{display:none;position: fixed;top: 50%;margin: -120px auto 0 auto;left: 0;right: 0;background: #000000;color: #fff;width: 95%;box-sizing: border-box;padding: 20px;z-index: 1029;border:0px solid #ffffff;overflow: auto;max-width: 370px;border-radius: 5px;}
div#capaNotificaciones>i.icon-cancel{position: absolute; top: 10px; right: 10px; font-size: 38px;z-index:1; }
div#capaNotificaciones>h3{color:#FFF;font-size: 20px;font-weight: bold;margin-top: 0px;padding: 0 45px;position: relative;}
div#capaNotificaciones>h3>i.icon-bell-alt{font-size: 28px;vertical-align: middle;margin: 0 10px 0 0;position: absolute;top: 0;left: 0;}
div#capaNotificaciones>p{color:#FFF;display: block;margin: 20px 0 40px 0;}
div#capaNotificaciones>a{background:#FFF;padding: 5px 10px;margin: auto;color: #000000;font-weight: bold;font-size: 20px;margin: 20px auto;display: block;max-width: 220px;text-align: center;border-radius: 5px;}
div#capaNotificaciones>a:hover{}



/*VENTANA POP UP - COMPLEMENTOS Y CUPONUES*/
div.ventanaPopup{display: none; position: fixed; top: 25px; background: #f0f0f0; border-radius: 10px; color:#222; width: 96%; box-sizing: border-box; padding: 50px 15px 125px 15px; z-index: 1029; margin: 0px auto; left: 0; right: 0; border: 1px solid #ececec; /* height: calc(100vh - 105px); */ overflow: auto; max-width: 370px; max-height: calc(100vh - 105px);}
div.ventanaPopup a{color:#222;}
div.ventanaPopup>p{font-size: 12px;display: block;margin-bottom: 15px;}
div.ventanaPopup>p.txtFaltaObligatorio{    color: #ff3434; font-weight: bold;}
div.ventanaPopup>b{display: block; font-size: 18px; width: calc(100% - 15px); border-radius: 10px 10px 0 0; background: #f0f0f0; position: fixed; left: -1px; top: 25px; padding: 10px; margin: 0px auto; left: 0; right: 0; z-index: 50; max-width: 370px; box-sizing: border-box; max-height: 750px; }
div.ventanaPopup>b>i {position: absolute;right: -2px;top: 3px;}
div.ventanaPopup>b>i:before{font-size: 25px;border-radius: 50px;background: #a2a2a2;color: white;padding: 4px;z-index: 999999;cursor: pointer;width: 25px;transition: 0.5s;}
div.ventanaPopup>b>i:hover::before{background: black;}
/*@media (min-width: 700px) {
  div.ventanaPopup>b{left: -20px;}
  div.ventanaPopup>b>i {right: -22px;}

}
*/

/* CUERPO>CAPA oscura cuando salen los complementos*/
.capaOscurece:before{position: fixed;left: 0;top: 0;background: #000000b3;width: 100%;height: 100%;content: "";z-index: 20;}

/* CUERPO> CARTA */
#cpListado{margin: 15px;}
#cpListado>#menuCentro>#buscador{position:relative;margin-bottom: 10px;}
#cpListado>#menuCentro>#buscador>input{padding: 10px;width: 100%;border: 1px solid #dcdcdc; border-radius: 5px;}
#cpListado>#menuCentro>#buscador>i{position: absolute;top: 7px;right: 21px; font-size: 20px; color: #000000;}
#cpListado>#menuCentro>ul#lisCarta{border-bottom: 1px solid #909090;padding:8px}
#cpListado>#menuCentro>ul#lisCarta>li{padding: 5px 0px;transition: 0.5s; }
#cpListado>#menuCentro>ul#lisCarta>li{padding: 0px 0 0px 0;color: #111111;}

/* INICIO 2021.09.14 David: Eliminar pasados 2 meses */
#cpListado>#menuCentro>ul#lisCarta>li>b{font-size: 16px;display: block;padding: 3px 10px;border-bottom: 1px solid #dcdcdc;color: #1c1c1c;cursor: pointer;transition: 0.5s;}
#cpListado>#menuCentro>ul#lisCarta>li>b>span{width:calc(100% - 50px);display:inline-block;vertical-align:middle;}
#cpListado>#menuCentro>ul#lisCarta>li>b.sinpto{border-bottom:0;}
#cpListado>#menuCentro>ul#lisCarta>li>b.sinpto>span{  border-bottom: 1px solid #000000;padding-bottom: 5px;padding-top: 5px;color: #000000;}
#cpListado>#menuCentro>ul#lisCarta>li>b.sinpto>i{height:45px;}
#cpListado>#menuCentro>ul#lisCarta>li>b>i{font-size: 32px; display:inline-block; vertical-align:middle; transform: rotate(0);color:#000000;}
#cpListado>#menuCentro>ul#lisCarta>li>b>i.iRotado{transform: rotate(270deg);color:black;}
/* FIN 2021.09.14 David: Eliminar pasados 2 meses */

#cpListado>#menuCentro>ul#lisCarta>li>div{font-weight: bold;font-size: 16px;display: block;padding: 3px 0px;border-bottom: 1px solid #dcdcdc;color: #1c1c1c;cursor: pointer;transition: 0.5s;}
#cpListado>#menuCentro>ul#lisCarta>li>div>b{width:calc(100% - 50px);display:inline-block;vertical-align:middle;font-weight: bold;}
#cpListado>#menuCentro>ul#lisCarta>li>div.sinpto{border-bottom:0;}
#cpListado>#menuCentro>ul#lisCarta>li>div.sinpto{  border-bottom: 1px solid #000000;padding-bottom: 5px;padding-top: 5px;color: #000000;}
#cpListado>#menuCentro>ul#lisCarta>li>div.sinpto>i{height:45px;}
#cpListado>#menuCentro>ul#lisCarta>li>div>i{font-size: 32px; display:inline-block; vertical-align:middle; transform: rotate(0);color:#000000;}
#cpListado>#menuCentro>ul#lisCarta>li>div>i.iRotado{transform: rotate(270deg);color:black;}
#cpListado>#menuCentro>ul#lisCarta>li>div>.descCat {font-weight: 300; font-size: 12px; font-style: italic; max-width: 80%;display: block;position: relative;top: -5px; }



#cpListado>#menuCentro>ul#lisCarta>li>ul{display: none;margin: 0px 0px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li{display: flex; justify-content: space-between; column-gap: 10px;/*display: block;*/margin: 10px 0px;padding: 10px 0px;border-bottom: 1px solid #f2f2f2;margin-top: 5px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li:last-child {border: 0px; }
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div{ } 
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto{width: 100%;/*width: calc(100% - 94px);vertical-align: top;display: inline-block;*/}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>b{display:block;font-size: 12px;/*width: calc(100% - 40px);*/font-weight: 500;vertical-align: middle;font-weight:bold}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>i{display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 20px;cursor: pointer;padding: 2px 0px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpImg{}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpImg>img{width:100px;border-radius: 5px; margin-top: 2px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpImg>img:hover{cursor: pointer;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>b>span.tag{margin: 0; font-size: 10px; padding: 2px 7px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>span{font-size: 11px;color: #6f6f6f;display: block;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>.alergenos{margin: 10px 0;}
#cpMenu>ul#ptoDestacados>li>div.cpImgPtoDestacado>div.cpAlergenos>span,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>.alergenos>span,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>div.alergenosComp>span{background-image:url(https://pidopago.com/cdn/img/alergenos/alergenos.png?v=2);background-size: 112px;width: 18px; height: 18px; display: inline-block;position:relative}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>.alergenos>span>i,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>div.alergenosComp>span>i{display:none;position: absolute;font-style: normal;background: #000000bf; color: #FFF; border-radius: 5px; top:0; left: -30px; padding: 3px 5px; font-size: 10px; width: 60px; height: 13px; text-align: center;}
span.alergeno1{}
span.alergeno2{background-position: -23.5px 0;}
span.alergeno3{ background-position: -47px 0; }
span.alergeno4{ background-position: -70.5px 0; }
span.alergeno5{ background-position: -94px 0; }
span.alergeno6{ background-position: 0 -23.5px; }
span.alergeno7{ background-position: -23.5px -23.5px; }
span.alergeno8{ background-position: -47px -23.5px; }
span.alergeno9{ background-position: -70.5px -23.5px; }
span.alergeno10{ background-position: -94px -23.5px; }
span.alergeno11{ background-position: 0px -47px; }
span.alergeno12{ background-position: -23.5px -47px; }
span.alergeno13{ background-position: -47px -47px; }
span.alergeno14{ background-position: -70.5px -47px; }
span.alergeno15{ background-position: -94px -47px; }
span.alergeno16{ background-position: 0px -70.5px; }
span.alergeno17{ background-position: -23.5px -70.5px; }
span.alergeno18{ background-position: -47px -70.5px; }
span.alergeno19{ background-position: -70.5px -70.5px; }
span.alergeno20{ background-position: -93.5px -70.5px; }
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>*:not(.noclick),
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio:hover{cursor: pointer;}
div.disponibilidad{font-size: 11px;}
div.disponibilidad>span{display: inline-block; margin: 4px 0px; width: 100%;color: #000000;}
div.disponibilidad>a.btHorarioPto{color: #000000;    margin: 5px 0px; display: inline-block;cursor: pointer;}
div.disponibilidad>a.btHorarioPto:hover{text-decoration: underline;background-color: none;}
div.disponibilidad>div.horarioPto{display: none;    margin: 0px 5px 5px 5px;color:#6f6f6f; border-left: 1px solid  #000000; padding: 5px;}
div.disponibilidad>div.horarioPto>span{width: 65px;px;display: inline-block;}
/*#cpCarrito div.disponibilidad>a.btHorarioPto{}*/
#cpCarrito div.disponibilidad>a.btHorarioPto:hover{background: none;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio{/*width: 60px;*/font-size: 11px;text-align: right;/*display: inline-block;*/}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio>span{display: block;/*vertical-align: middle;*/font-size: 14px; white-space: nowrap;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio>span.tachado{text-decoration: line-through;opacity:0.4;font-size:13px}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio>i{transition: 0.5s; background: #000000;padding: 8px 6px;color: white;display: inline-block;vertical-align: middle;/*margin: 10px 0px;*/font-size: 12px;cursor: pointer; border-radius: 5px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio>i:hover{background: #000000bd; }
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos{background: white;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>span{margin-bottom: 5px; display: block; font-size: 14px; font-weight: bold;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>.cpOpciones{}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>div>span,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>span{font-weight: bold; font-size: 16px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul{margin-bottom: 15px; margin-top: 5px; border-bottom: 1px solid #f0f0f0; padding: 5px 0px;} 
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul.faltaObligatorio{background: #ff000014; color: black; border-radius: 5px; padding: 5px; border: 1px solid #ff000047;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li{display: block; padding: 5px 5px; font-size: 15px; vertical-align: middle;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>input{display: inline-block;/*vertical-align: middle;*/margin: 0px;margin-right: 5px;width: 20px;height: 20px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>input:after {width: 20px;height: 20px;border-radius: 15px;top: -2px;left: -3px;position: relative;background-color: #d1d3d1;content: '';display: inline-block;visibility: visible;border: 2px solid white;cursor: pointer;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>input[type="checkbox"]:after{border-radius:5px;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>input:checked:after {background-color: #000000;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>label{display: inline-block;vertical-align: top;cursor: pointer;width: calc(100% - 30px);}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li.conAlergenos>input{vertical-align: top;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li.conAlergenos>label{width: calc(100% - 95px);vertical-align: top;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>div.alergenosComp{display: inline-block;vertical-align: top; width: 60px;text-align:right}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>div>label,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>label{display: block; font-size: 11px; margin-bottom: 3px; color: #a2a2a2;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>input{font-size: 18px; width: 25px; border: 1px solid #d1d1d1; border-radius: 5px;padding: 5px; display: inline-block; vertical-align: middle; }
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>a,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>a{transition: 0.5s; border-radius: 5px; right: 0; background:  #000000; color: white; font-weight: bold; padding: 7px 11px; font-size: 16px; display: block; vertical-align: middle; text-align: center;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>a{margin: 15px auto;}
/*
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>a,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>a{transition: 0.5s; border-radius: 5px;right: 0; margin-left: calc(100% - 304px); background:  #000000; color: white; font-weight: bold; padding: 7px 11px; font-size: 16px; display: inline-block; vertical-align: middle;}
*/

#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>a>span{color: white;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta{display: grid;grid-template-columns: auto 1fr; align-items: center;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>span,
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>a{justify-self: end;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>div.cpPasos{font-size: 11px; color: #a2a2a2;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>div.cpPasos>span.nPasos{display: block;margin: 5px 0 0; font-size: 17px; color: #a2a2a2;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>div.cpPasos>span.nPasos>b{font-weight: normal;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>div.contOferta>div.cpPasos>span.nPasos>b.pasoActual{font-weight: bold; color: black;}

#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>a:hover{background:  #000000bd;}

#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>i{background: #a8a9a8;color: white; border-radius: 5px; padding: 8px;display: inline-block;font-size: 14px;vertical-align: middle;margin: 0px 3px;cursor: pointer;transition: 0.5s;}
#cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>i:hover{background: #000000;}

#cpListado>#menuCentro>ul#lisCarta>li>ul div.popUpImg{position: relative;margin-bottom: 5px;overflow: hidden;display: none;}
#cpListado>#menuCentro>ul#lisCarta>li>ul div.popUpImg>img{margin-bottom: 15px;}
/*#cpListado>#menuCentro>ul#lisCarta>li>ul div.popUpImg>i{position: absolute; left: 0; top: 0; font-size: 27px; background: white; cursor: pointer; }*/
#cpListado>#menuCentro>ul#lisCarta>li>ul div.popUpImg>i{border: 2px solid white;font-size: 25px; border-radius: 50px; background: #a2a2a2; color: white; padding: 3px 0px 2px 0px; cursor: pointer; transition: 0.5s; position: absolute; top: 0; right: 0; margin: 2.5px;}

@media (min-width: 345px) {
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>a{display: inline-block; margin-left: calc(100% - 295px);}
}
@media (min-width: 700px) {
  #cpListado>#menuCentro>ul#lisCarta{padding:10px}
  #cpListado>#menuCentro>ul#lisCarta>li>ul div.popUpImg{}
  #cpListado>#menuCentro>ul#lisCarta>li>div>.descCat{font-size: 13px;}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>div.disponibilidad{font-size: 13px;}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li div.cpComplementos>ul>li>img.alergeno{width: 22px;}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>b>span.tag{font-size: 12px;}
}


/* CUERPO> MENU IZQ PC*/
#cpListado>#menuIzq{display: none;width: 100%;background: #fafafa;border-bottom: 1px solid #bebebe;z-index: 1;border-radius: 5px;}
#cpListado>#menuIzq>span{padding: 10px 25px;display: block;font-size: 16px;font-weight: bold;color: #515151;}
#cpListado>#menuIzq>span:after{}
#cpListado>#menuIzq>ul{display: none;margin-bottom: 10px;}
#cpListado>#menuIzq>ul>li{padding: 8px 32px;font-size: 14px;}
#cpListado>#menuIzq>ul>li>a{transition: 0.5s;}
#cpListado>#menuIzq>ul>li>a:hover{color:#000000;}




/* CUERPO> CAPA PAGO FINALIZAR PEDIDO */
#cpPagar{padding:0 15px 20px 15px;background: #fafafa;border-top: 1px solid #ededed;margin-top: 50px; border-radius: 5px;}
#cpPagar>#cpCarrito{position:relative;}
#cpPagar>#cpCarrito>div.loading{background-position: center 20%;}
#cpPagar>#cpCarrito>ul{border-bottom: 2px solid black; margin-bottom: 20px; display: block; padding-bottom: 5px; }
#cpPagar>#cpCarrito>ul>li{display: block;margin: 10px 0px;padding: 10px 10px;border-top: 1px solid #d9d9d9;padding-top: 20px;position: relative;}
#cpPagar>#cpCarrito>ul>li:last-child{margin-bottom: 0px;border-bottom: 0px;}
#cpPagar>#cpCarrito>ul>li:first-child{border-top: 0px;/* margin-top: 0px; */padding-top: 0px;}
#cpPagar>#cpCarrito>ul>li>div{display: inline-block; width: calc(100% - 80px); vertical-align: top; }
#cpPagar>#cpCarrito>ul>li>div>div{display: block; font-size: 12px; margin-bottom: 5px;color: #6F6F6F;}
#cpPagar>#cpCarrito>ul>li>div>span{display: block;font-size: 14px;margin-bottom: 5px;}
#cpPagar>#cpCarrito>ul>li>div>span:first-child{font-weight:bold;}
#cpPagar>#cpCarrito>ul>li>div>span:nth-child(2){color: #6f6f6f;font-size: 12px;}
#cpPagar>#cpCarrito>ul>li>div>span.tachado{text-decoration:line-through;}
#cpPagar>#cpCarrito>ul>li>div>div>span{font-weight:normal;margin:0;color: #000}
#cpPagar>#cpCarrito>ul>li>div>input{width: 40px;padding: 4px;font-size: 15px;margin: 5px 0px;display: inline-block;vertical-align: middle;margin-right: 3px;}
#cpPagar>#cpCarrito>ul>li>div>i{background: #a8a9a8;color: white; border-radius: 5px;padding: 8px;display: inline-block;font-size: 14px;vertical-align: middle;margin: 0px 3px;cursor: pointer;transition: 0.5s;}
#cpPagar>#cpCarrito>ul>li>div>i:hover{background: #000000;}
#cpPagar>#cpCarrito>ul>li>div>i.icon-trash-empty{background: transparent;color:red;font-size: 18px;position: absolute;right: 0px;bottom: 10px;}
#cpPagar>#cpCarrito>ul>li>div:last-child{display: inline-block;width: 75px;text-align: right;vertical-align: top;margin: 3px 0px;font-size: 14px;}
#cpPagar>#cpCarrito>ul>li#descuento>div:first-child{vertical-align: initial;}
#cpPagar>#cpCarrito>ul>li#descuento>div:first-child>span{font-size: 12px; font-weight: normal; color: #6F6F6F;}
#cpPagar>#cpCarrito>b{font-size: 19px; display: inline-block; width: calc(50% - 15px);padding: 5px;margin-bottom: auto; }
#cpPagar>#cpCarrito>b#precTotal{text-align: right;}
#cpPagar div#liTipoPedi{display: none;margin-top: 25px;} 
#cpPagar div#liTipoPedi>a,#cpPagar div#liTipoPago>a,#cpPagar div#liHoraEntrega>a{display: block;width: calc(100% - 20px);text-align: center;padding: 10px 10px;font-size: 18px;border: 1px solid #d9d9d9;margin: 15px 0px;background: #fcfcfc; font-weight: bold;transition: 0.5s; border-radius: 5px;} 
#cpPagar div#liTipoPedi>a>span,#cpPagar div#liTipoPago>a>span,#cpPagar div#liHoraEntrega>a>span{display: block; font-weight: 200; font-size: 80%;}
#cpPagar div#liTipoPedi>a.select,#cpPagar div#liTipoPago>a.select,#cpPagar div#liHoraEntrega>a.select{border: 1px solid #000000;color: #000000;}
#cpPagar div#liTipoPedi>a.disabled,#cpPagar div#liTipoPago>a.disabled{color: #d9d9d9;}
#cpPagar div#liTipoPedi>a.disabled:hover,#cpPagar div#liTipoPago>a.disabled:hover{border:1px solid #d9d9d9;cursor:not-allowed;}
#cpPagar div#liTipoPedi>a:hover,#cpPagar div#liTipoPago>a:hover{border:1px solid grey;cursor: pointer;}
#cpPagar div#liTipoPago,
#cpPagar div#liHoraEntrega{display: none;margin: 40px 0px;text-align: center;color:black;}
#cpPagar div#horaEntregaTxt{display:none;font-weight: 600;     font-size: 20px; color: #000000}
#cpPagar div#horaEntregaTxt>span#horatxt::before{content:" - "}

#cpPagar form{display: none;}
#cpPagar div#liTipoPago>a>i{margin-right: 5px;}
#cpPagar a#btnPedidoOFF,
#cpPagar a#btnPedido{position:relative;display: none;width: 100%;padding: 10px 0px;text-align: center;background: #000000;color: white;font-weight: bold;font-size: 22px;margin: 15px 0px;transition: 0.5s; border-radius: 5px;}
#cpPagar a#btnPedidoOFF{background: #CCC;}
#cpPagar a#btnPedido.icon-no-wifi{background:#777}
#cpPagar a:hover{background: #00e15f;}

#cpPagar form#distancia{display:none;background:#fcfcfc;padding:10px 5px;border:1px solid #d9d9d9;margin-bottom: 15px;position:relative}
#cpPagar form#distancia>div,
#cpPagar form#distancia>button{display:inline-block;}
#cpPagar form#distancia>div>label{font-size:13px;margin-bottom:7px;}
#cpPagar form#distancia>div{margin:0;padding:0;width:calc(100% - 0px);}
#cpPagar form#distancia>div>input{margin:0;border:0;}
#cpPagar form#distancia>div>input#direccionsearch{width: calc(100% - 0px); border: 1px solid #d9d9d9;vertical-align: middle;}
#cpPagar form#distancia>div>input#numero{width: 35px; display: none; position: absolute; right: 40px; border: 1px solid #d9d9d9;}
#cpPagar form#distancia>button{width:35px; border: 0; background: #2ba566; padding: 12px 5px 13px 5px;color:#FFF;vertical-align: middle;display: none;position: absolute;    top: 32px;right: 5px;}
.pac-container{width: 100% !important; top: 71px !important; left: 0px !important;}
.pac-item-query{font-size: 12px;}

#cpPagar form select,#cpPagar form input,#cpPagar form>textarea{ display: block; width: 100%; padding: 7px; margin: 7px 0px; font-size: 15px; border: 1px solid #c7c7c7;border-radius: 5px;}
#cpPagar form>textarea{height: 90px;font-size: 13px;margin: 7px auto;width: calc(100% - 28px);}
#cpPagar form>label#lHoraEntrega,
#cpPagar form input,
#cpPagar form select{display: inline-block;width: calc(50% - 13px);box-sizing: border-box;margin:7px 5px;height: 40px;}
#cpPagar form> input.error{border:2px solid #FF0000}
#cpPagar form>div>input[type="checkbox"]{width:20px; height:25px; vertical-align: top; margin: 0; margin-right: 5px; display: inline-block;}
#cpPagar form>div>label{display: inline-block; width: calc(100% - 35px); vertical-align: top; font-size: 14px; }
#cpPagar form>input[type="submit"]{display:none;}
#cpPagar form>label{display: inline-block; font-size: 13px; margin-left: 5px;}
#cpPagar form>label#lHoraEntrega{position:relative;}
#cpPagar form>label#lHoraEntrega>span{position:absolute;top: -15px;left:0;font-size:12px;color: #757575;}
#cpPagar form>label#lHoraEntrega>select{margin:0;width:100%;}
#cpPagar form>div{padding:5px 8px;}
#cpPagar form>div>label>a.btPolitica{color:#2f9bc1;line-height:25px}
#cpPagar form>div>label>a.btPolitica:hover{text-decoration: underline;background: inherit;cursor: pointer;}
#cpPagar form input[name="direccion"],
#cpPagar form input[name="direccionDetalle"],
#cpPagar form input[name="nombre"]{    width: calc(100% - 11px);}
#cpPagar form input[type='text']:disabled{background: #d7d7d7; cursor: no-drop;}
#cpPagar #cupon{}
#cpPagar #cupon>input{width: calc(100% - 95px);margin: 0;}
#cpPagar #cupon>a{padding: 11px; margin: 0; width: 90px; display: inline-block; text-align: center; box-sizing: border-box;border-radius: 5px;}
#cpPagar #cupon>a#btnCupon{background: #a8a9a8; color: #FFF;vertical-align: bottom;}
#cpPagar #cupon>a#btnCupon:hover{background: #000000;}
#cpPagar #cupon>a#btnCuponRemove{background: #fd7070; color: #FFF;}
#cpPagar #cupon>a#btnCuponRemove:hover{background: #fd7c7c;}
#cpPagar #cupon>a#btVerCuponesCesta{width: 95px;cursor: pointer; font-size: 12px; background: white; color: #000000; padding: 0px; font-weight: bold; display: block; margin-bottom: 5px;}
#cpPagar #cupon>a#btVerCuponesCesta:hover{color: #000000;}
#cpPagar #cupon>div#rdoCupon{position:relative;min-height:10px;margin-top:10px;background:transparent;font-weight: bold;font-size: 12px;}
#cpPagar #cupon>div#rdoCupon.ko{color:#FF0000;}
#cpPagar #cupon>div#rdoCupon.ok{color:#2ba566;}
#cpPagar .rdoCp,#cpPagar .necesitaCambio{color: #FF0000;font-weight: bold;font-size: 12px;padding: 5px;line-height: 19px;}
#calendario{margin:0;padding:0 !important;position:relative;height:220px;display:none;}
#calendario>.loading{z-index: 999999;}
#calendario .ko{text-transform: uppercase;padding:10px}
#calendario .seleccionado{background-color: #000000!important; color: white!important; border-radius: 5px;}
#calendario .seleccionado span{color:white!important;}
#conDias{display:block; height: 75px;}
#calendario ul{margin:0px;padding: 0px;list-style: none;background-color: #f8f8f8;text-align: center;border-radius: 5px;}
#calendario ul li{display: inline-block;margin:0px;text-align: center;padding: 10px;cursor: pointer;vertical-align: top;border-radius: 5px;} 
#calendario ul>li{background-color: #f8f8f8;font-size: 18px;}
#calendario ul li.off{cursor: default;color: #b6b6b6;}
#calendario ul li.off div>span{ color: #b6b6b6;}
#calendario div>span{display: block;}
#calendario div>span.nomMes{font-size: 10px;}
#calendario div>span.numDia{font-size: 18px;    }
#calendario div>span.nombreDia{font-size: 13px;}
#calendario div.cpScroll{display: block;width: 100%;overflow: auto;margin-top: 10px;left: 0px;position: absolute;border-radius: 5px;background-color: #f8f8f8;}
#calendario div.cpScroll>ul.horasDia{display: none;}
#calendario>div.cpScroll{margin-top: 15px;}
#calendario>div#conDias>div.cpScroll{margin-top: 10px;}
#calendario ul.minutosHora{display: none;}
#calendario div.cpScroll>ul.horasDia.visible{display: flex;}
#calendario ul.horasDia>li>span,
#calendario ul.minutosHora>li>span{display:none;}
#calendario ul.horasDia>li.seleccionado>span,
#calendario ul.minutosHora>li.seleccionado>span{display:block;    font-size: 9px;}
#calendario ul.horasDia>li,
#calendario ul.minutosHora>li{line-height: 13px;}
#calendario ul.minutosHora.visible{display: flex;font-size: 14px;width: 100%;margin-top: 85px!important;position: absolute;left: 0;background-color: #f8f8f8;}
#calendario>div#conHoras{position: relative;}
#calendario .avisoPtosHoraCesta{margin-top: 175px!important; position: relative; display: block; font-size: 12px; color: #000000; font-style: italic;}
#calendario .btLR{position: absolute; left: 0px; top: 0px; font-size: 27px; height: 67px; display: grid; background: #9f9f9f; font-style: normal; width: 14px; z-index: 1; border-radius: 4px; justify-items: center; align-content: center; align-items: center; cursor: pointer; color: white;}
#calendario .left{display: none;}
#calendario .right{right: 1px;left: initial;}
#calendario .btLR:hover{background: black;}
#calendario>div#conHoras .btLR{      height: 46px; top: 10px;}
#calendario>div#conDias>div.cpScroll{/*width: calc(100% - 40px);*/right: 0;margin: auto;}
#calendario>div#conHoras:not(:has(.btLR)) div.cpScroll>ul.horasDia.visible{    position: relative; z-index: 999;}
#calendario>div#conHoras:not(:has(.btLR)) div.scrollhoras{width: 100%!important;}
/*
#cpPagar form>#formStripe{    border: 1px solid #c7c7c7;width: calc(100% - 14px);background: white;padding: 0px; margin: 20px auto;}
#cpPagar form>#formStripe>div#card_number{ margin: 10px 8px; }
#cpPagar form>#formStripe #paymentResponse p{background: #E25950; color: white;  text-align: center; display: block; margin: 0px; width: 100%; font-size: 13px; padding: 7px 0px; }
*/
@media (max-width: 800px) {
  .cpScroll::-webkit-scrollbar {-webkit-appearance: none; } 
  .cpScroll::-webkit-scrollbar:vertical {width: 10px; }
  .cpScroll::-webkit-scrollbar:horizontal {height: 10px; }
  .cpScroll::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .25); border-radius: 5px; border: 2px solid #ffffff; }
  .cpScroll::-webkit-scrollbar-track {border-radius: 5px; background-color: #ffffff; }
}

@media (min-width: 800px) {
  #calendario ul.minutosHora.visible{margin-top:90px!important;}  
}


/* FLOTANTE POL- PRIVACIDAD */
div.iframePrivacidad,div.iframePrivacidad>b{max-width: 1100px!important;}
.iframePrivacidad>div.txt>iframe{height: 85vh; width: 100%;border: 0;border-radius: 10px;}


/* FLOTANTE PEDIDO*/
#flotPedido{background: #000000;color: white;padding: 12px 15px;position: fixed;bottom: 0;width: calc(100% - 30px);display: none;/* height: 30px; */z-index: 999;}
/*#flotPedido>span{display: inline-block;width: calc(50% - 3px);margin:0px;padding: 0px;white-space: nowrap;vertical-align: middle;}
#flotPedido>span>img{display:inline-block;}
#flotPedido>span:first-child{text-align: left;font-size: 12px;}
#flotPedido>span:first-child>b{font-size: 17px;}
#flotPedido>span:last-child{text-align: right;font-weight: bold;font-size: 16px;}*/
#flotPedido>div{    display: inline-block; width: calc(50% - 4px);vertical-align: middle;}
#flotPedido>div:last-child>div#precioTotDomi{display: inline-block; width: calc(100% - 70px);vertical-align: middle;}
#flotPedido>div:last-child>div#precioTotDomi>b{display: block;font-size: 13px;font-weight: 400;}
#flotPedido>div:last-child>div#precioTotDomi>#totalFlot{font-size: 13px; font-weight: bold;}
#flotPedido>div:last-child>div#precioTotDomi>#unidFlot{font-size: 10px;display:block;}
#flotPedido>div:last-child>span{font-size: 12px;width: 64px;display: inline-block;vertical-align: middle;font-weight: bold;}
#flotPedido>div:first-child>span{font-size: 10px;}
#flotPedido>div:first-child>span>span{font-size: 12px;}
a.flotPedPagar{    background: #fafafa!important; border-top: 1px solid #d6d6d6!important; color: #3a3a3a!important;pointer-events: none;       }
a.flotPedPagar>div:last-child{text-align: right;}
a.flotPedPagar>div:last-child>span{display: none!important;}
a.flotPedPagar>div:last-child>div#precioTotDomi{width: 100%!important;}


#creditos{font-size:12px;text-align: center;margin: 40px 0 70px 0;/* position: absolute; *//* bottom: 0; *//* left: 0; */}
#creditos>a{font-weight:bold;}
#creditos>a>span{color:#30d074;}


/*a#flotPedido:before {content: "X"; position: absolute; top: -23px; background: white; font-size: 11px; right: 0; padding: 5px 6px; border: 1px solid #000000; color: #000000; }*/
#cpPie{text-align: center;}
#cpPie p{text-align:center;display: inline;}
#cpSobPie{margin:auto;padding:20px;max-width: 560px;}
#cpSobPie>h1{font-size: 12px;display: block;text-align: center;margin-top: 40px;}
#cpSobPie>p{font-size:12px;text-align: center;}
body>div>a.btPolitica,
body>div>a.btPoliticaOFF{font-size:12px;cursor:pointer;text-align: center;display: block;}

ul.cpRSS{display: block;text-align: center;    margin-bottom: 20px;}
ul.cpRSS>li{display: inline-block;margin-top: 20px;}
ul.cpRSS>li>a{display: block;}
ul.cpRSS>li>a>i{display: block; font-size: 18px; margin: 0px 5px; color: #000000;transition:0.5s;}
ul.cpRSS>li>a>i:hover{opacity: 0.7;transition:0.5s;}
@media (min-width: 300px) {
  ul.cpRSS>li>a>i{font-size: 23px;}
}
@media (min-width: 340px) {
  ul.cpRSS>li>a>i{font-size: 30px;}
  #flotPedido>div:first-child>span{font-size: 10px;}
  #flotPedido>div:last-child>div#precioTotDomi>#totalFlot{font-size: 15px; font-weight: bold;}
  #flotPedido>div:first-child>span>span {font-size: 13px; }
}
@media (min-width: 600px) {
  #cpListado>#menuCentro>ul#lisCarta>b{font-size: 18px; }
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>b{font-size: 14px; }
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>span{font-size: 13px; }
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio{width: 130px;}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio>span{font-size: 15px;}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto{width: calc(100% - 137px);}
  #cpListado>#menuCentro>ul#lisCarta>li>ul{}

  #flotPedido>div:first-child>span{font-size: 13px;}
  #flotPedido>div:last-child>div#precioTotDomi>#totalFlot {font-size: 16px;}
}

@media (min-width: 900px) {
  #flotPedido{/*display: none!important;*/max-width: 1220px; left: 0; right: 0; margin: auto; z-index: 10;}
  #cpListado,#cpPagar{display: inline-block;}
  #cpListado{width: calc(100% - 350px);vertical-align: top;margin-right: 19px;}
  #cpPagar{width: 270px;position: sticky;top: 50px;margin-top: 15px; box-shadow: 0 4px 6px 0 rgb(27 35 36 / 2%), 0 2px 12px -2px rgb(27 35 36 / 8%), 0 3px 6px 0 rgb(27 35 36 / 6%);}

  #cpListado>#menuCentro>ul#lisCarta>b{font-size: 20px;    font-size: 20px; padding-top: 20px; padding-bottom: 20px;}
  /*#cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>b{font-size: 18px;}*/
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto>span{    font-size: 14px;}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio>span{/* font-size: 16px; */}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpPrecio {width: 115px;}
    #cpListado>#menuCentro>ul#lisCarta>li>ul>li>div.cpTexto {width: calc(100% - 121px);}
  #cpListado>#menuCentro>ul#lisCarta>li>ul>li {margin: 15px 5px; padding: 15px 0px; }
  #cpListado>#menuIzq>ul>li{font-size: 16px;}
}

@media (min-width: 1250px) {
  
  #cpListado>#menuIzq{border-bottom: 0px;position: sticky;top: 50px; box-shadow: 0 4px 6px 0 rgb(27 35 36 / 2%), 0 2px 12px -2px rgb(27 35 36 / 8%), 0 3px 6px 0 rgb(27 35 36 / 6%);}
  #cpListado>#menuIzq>span{padding: 10px 25px;margin-bottom: 10px;}
  #cpListado>#menuIzq,#cpListado>#menuCentro{display: inline-block;}
  #cpListado>#menuIzq{position: sticky;width: 330px;margin-right: 15px;}
  #cpListado>#menuCentro{width: calc(100% - 365px);vertical-align: top;}
  #cpListado,#cpPagar{display: inline-block;}
  #cpPagar{width: 300px;top: 50px;}
  #cpListado{width: calc(100% - 335px);vertical-align: top;margin:15px 0px;}

  #cpListado>#menuIzq>ul{display: block;}


}


/* AVISO COOKIES */

.light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head p,
.termsfeed-com---palette-light .cc-cp-foot-byline{visibility: hidden;}
.termsfeed-com---palette-light button.cc-nb-okagree,
.termsfeed-com---palette-light button.cc-cp-foot-save{background-color: #00b74d !important;
    color: white;
    text-transform: uppercase;}
.termsfeed-com---palette-light button.cc-nb-reject{color: #fff;
    background-color:#939393;}
    .termsfeed-com---palette-light .cc-nb-changep {
    border: 1px solid #cbcbcb;
}
div.termsfeed-com---nb-interstitial-overlay{background: none;height: auto;}
div.termsfeed-com---palette-light.termsfeed-com---nb{right: 0vw; bottom: 0vh;top: initial;box-shadow: 0px 0px 41px 12px rgb(0 0 0 / 29%); left: 0vw;}
div.termsfeed-com---palette-light .cc-nb-title {font-size: 16px;}
div.termsfeed-com---nb .cc-nb-main-container{padding: 15px;}
div.termsfeed-com---palette-light .cc-nb-text{font-size: 8px;}

div.termsfeed-com---reset div button {
    display: inline-block!important;
    width: 110px!important;
}

@media (min-width: 600px) {
  div.termsfeed-com---palette-light .cc-nb-title {font-size: 18px;}
  div.termsfeed-com---palette-light .cc-nb-text{font-size: 14px;}
  div.cc_css_reboot div {
    display: block;
    max-width: 1220px;
    margin: auto;
}
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/* EVITO QUE AL HACER DOCLICK RAPIDO EN + O - HAGA EL SELECTOR DE TEXTO AZUL EN PC */
*, *:before, *:after {
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}
textarea, textarea:before, textarea:after,
input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

::placeholder {
  color: #c7c7c7
}


/* ELIMINAR FLECHAS DE CAMPOS INPUT NUMBER */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search] { -webkit-appearance: none; }