/*ofertas tarjetas mercavilla*/

.principalofertas{
 vertical-align: top;
  padding: 0px;
  margin: 5px;
}

.tarjetaoferta{
    transition: 1.80s;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    box-shadow: -2px 1px 26px -9px;
    padding: 5px;
    background-color: white;
    width: 24%;
    margin: 3px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    filter: blur(0.89px);
    cursor: pointer;
}

.tarjetaoferta:hover{
  transition: 1.80s;
  list-style-type: none;
  display: inline-block;
  text-align: center;
  box-shadow: -2px 1px 26px -9px;
  padding: 5px;
  background-color: white;
  width: 25%;
  margin: 3px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  filter: blur(0px);
 cursor: pointer;
}

.descrip ul li{
  list-style-type: none;
  text-decoration: none;
 font-family: sans-serif;
 margin-bottom: 18px;

}

.tarjetaoferta::after{
  background-color: #333;
  filter: blur(10px);
  z-index: -1;
}
  .tarjetaoferta #titulooferta{
font-family: 'Courier New', Courier, monospace;
    background-color: rgb(4, 160, 233);
    font-size: 22px;
    position: relative;
    top: -15px;
    height: 101px;
    width: 100%;
    color: white;
    padding: 2px;
  }

  .tarjetaoferta #elprecio{
    position: relative;
    width: 89%;
    height: 59px;
    left: 6%;
    padding: 6px;
    top: -33px;
    font-size: 36px;
    border-radius: 5px;
    border-radius: 9px 10px solid #0faacd99;
    box-shadow: 13px black;
    align-items: center;
    text-align: center;
    background-color: rgb(44 97 162);
    color: rgb(255, 255, 255);
}

.tarjetaoferta #titulooferta{
  padding: 36px;
}

.masservicios{
  margin: 0px;
  width: 89%;
  position: relative;
  left: 80px;
  background-color: white;
  padding: 5px;
}
 .masservicios::after{
  background-color: #333;
  filter: blur(10px);
  z-index: -1;
 }

 .masservicios summary{
  font-family: 'Courier New', Courier, monospace;
  width: 97%;
  background-color: rgb(4, 160, 233);
  color: white;
  font-size: 20px;
  margin-bottom: 13px;
  padding: 19px;
  text-align: cent
  
 }
 
 .masservicios li{
  list-style-type: none;
  text-decoration: none;
  font-family: sans-serif;
  margin-bottom: 10px;
  text-align: center;
 }

/*------------------------ */
/*si pagina la ven de una pantalla menor a 110* tablet o celular horizontal*/
@media (max-width:910px){
 /*ofertas tarjetas mercavilla*/

.principalofertas{
 vertical-align: top;
  padding: 0px;
  margin: 5px;
}

.tarjetaoferta{
    transition: 1.80s;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    box-shadow: -2px 1px 26px -9px;
    padding: 5px;
    background-color: white;
    width: 48%;
    margin: 3px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    filter: blur(0.89px);
    cursor: pointer;
}

.tarjetaoferta:hover{
  transition: 1.80s;
  list-style-type: none;
  display: inline-block;
  text-align: center;
  box-shadow: -2px 1px 26px -9px;
  padding: 5px;
  background-color: white;
  width: 49%;
  margin: 3px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  filter: blur(0px);
 cursor: pointer;
}

.descrip ul li{
  list-style-type: none;
  text-decoration: none;
 font-family: sans-serif;
 margin-bottom: 18px;

}

.tarjetaoferta::after{
  background-color: #333;
  filter: blur(10px);
  z-index: -1;
}
  .tarjetaoferta #titulooferta{
font-family: 'Courier New', Courier, monospace;
    background-color: rgb(4, 160, 233);
    font-size: 22px;
    position: relative;
    top: -15px;
    height: 101px;
    width: 100%;
    color: white;
    padding: 2px;
  }

  .tarjetaoferta #elprecio{
    position: relative;
    width: 89%;
    height: 59px;
    left: 6%;
    padding: 6px;
    top: -33px;
    font-size: 36px;
    border-radius: 5px;
    border-radius: 9px 10px solid #0faacd99;
    box-shadow: 13px black;
    align-items: center;
    text-align: center;
    background-color: rgb(44 97 162);
    color: rgb(255, 255, 255);
}

.tarjetaoferta #titulooferta{
  padding: 36px;
}

.masservicios{
  margin: 0px;
  width: 89%;
  position: relative;
  left: 80px;
  background-color: white;
  padding: 5px;
}
 .masservicios::after{
  background-color: #333;
  filter: blur(10px);
  z-index: -1;
 }

 .masservicios summary{
  font-family: 'Courier New', Courier, monospace;
  width: 97%;
  background-color: rgb(4, 160, 233);
  color: white;
  font-size: 20px;
  margin-bottom: 13px;
  padding: 19px;
  text-align: cent
  
 }
 
 .masservicios li{
  list-style-type: none;
  text-decoration: none;
  font-family: sans-serif;
  margin-bottom: 10px;
  text-align: center;
  }
 }
/*------------------------ */

/*si pagina la ven de una pantalla menor a 510*/
@media (max-width:510px){
 /*ofertas tarjetas mercavilla*/

.principalofertas{
 vertical-align: top;
  padding: 0px;
  margin: 5px;
}

.tarjetaoferta{
    transition: 1.80s;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    box-shadow: -2px 1px 26px -9px;
    padding: 5px;
    background-color: white;
    width: 98%;
    margin: 3px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    filter: blur(0.89px);
    cursor: pointer;
}

.tarjetaoferta:hover{
  transition: 1.80s;
  list-style-type: none;
  display: inline-block;
  text-align: center;
  box-shadow: -2px 1px 26px -9px;
  padding: 5px;
  background-color: white;
  width: 99%;
  margin: 3px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  filter: blur(0px);
 cursor: pointer;
}

.descrip ul li{
  list-style-type: none;
  text-decoration: none;
 font-family: sans-serif;
 margin-bottom: 18px;

}

.tarjetaoferta::after{
  background-color: #333;
  filter: blur(10px);
  z-index: -1;
}
  .tarjetaoferta #titulooferta{
font-family: 'Courier New', Courier, monospace;
    background-color: rgb(4, 160, 233);
    font-size: 22px;
    position: relative;
    top: -15px;
    height: 101px;
    width: 100%;
    color: white;
    padding: 2px;
  }

  .tarjetaoferta #elprecio{
    position: relative;
    width: 89%;
    height: 59px;
    left: 6%;
    padding: 6px;
    top: -33px;
    font-size: 36px;
    border-radius: 5px;
    border-radius: 9px 10px solid #0faacd99;
    box-shadow: 13px black;
    align-items: center;
    text-align: center;
    background-color: rgb(44 97 162);
    color: rgb(255, 255, 255);
}

.tarjetaoferta #titulooferta{
  padding: 36px;
}

.masservicios{
  margin: 0px;
  width: 89%;
  position: relative;
  left: 80px;
  background-color: white;
  padding: 5px;
}
 .masservicios::after{
  background-color: #333;
  filter: blur(10px);
  z-index: -1;
 }

 .masservicios summary{
  font-family: 'Courier New', Courier, monospace;
  width: 97%;
  background-color: rgb(4, 160, 233);
  color: white;
  font-size: 20px;
  margin-bottom: 13px;
  padding: 19px;
  text-align: cent
  
 }
 
 .masservicios li{
  list-style-type: none;
  text-decoration: none;
  font-family: sans-serif;
  margin-bottom: 10px;
  text-align: center;
  }
 }
/*------------------------ */