@font-face {
    font-family: "Helvetica-neue-ultralight";
    src: url("/fonts/Helvetica-Neue-UltraLight.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Helvetica-neue-W01";
    src: url("/fonts/Helvetica-Neue-W01.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto italic */

@font-face {
    font-family: "Roboto";
    src: url('/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Roboto bold */

@font-face {
    font-family: "Roboto";
    src: url('/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


.categoria {
  height: 26rem;
  width: 17rem;
  border-radius: 10px;
  border: 5px solid #D7EBED;
  background-size: cover;  
  background-position: center;
  display: flex;
  -margin-bottom: 5vh;
  align-items: center;


}

.articulo {
  height: 26rem;
  width: 17rem;
  border-radius: 10px;
  border: 5px solid #D7EBED;
  background-size: cover;  
  background-position: center;
  display: flex;
  -margin-bottom: 5vh;
  align-items: center;
  position: relative;

}


.textoImg {
  font-family: 'Roboto','Helvetica-neue-W01','Helvetica-neue-ultralight', sans-serif;
  background: rgba(0,0,0,.4);
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  width: 80%;
  line-height: 2;
  margin-top: auto;
  height: 2.0em;
  margin-left: auto;
  margin-right: auto;
}

.caja {
  margin: 0px;
  padding: 0px;
 /*  outline-width: 10px;
 outline-style: solid;
  outline-color: #ECF4F5; */

}



.textoLocal {
  font-family: 'Roboto','Helvetica-neue-ultralight', sans-serif;
  position: absolute;
  background: rgba(211,203,37,.8);
  color: black;
  font-size: 0.6em;
  text-align: center;
  width: 100%;
  line-height: 2;
  top: 0px;

  height: 7.0em;
  margin-left: 0;
  margin-right: 0;
}

.textoPrecio {

 font-family: 'Roboto','Helvetica-neue-W01','Helvetica-neue-ultralight', sans-serif;
position: absolute;
  background: rgba(226, 225, 201,.8);
  color: black;
  font-size: 0.6em;
  text-align: center;
  width: 100%;
  line-height: 2;
  bottom: 0;
  height: 7.5em;
  margin-left: 0;
  margin-right: 0;
}

.favorito {

position: absolute;



  bottom: 0;
  right: 0;

}