@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap');


body {
    background-color: #000000;
    background-image: url('../images/vector-semilla-cafe.png');
    background-repeat: repeat;
    /* background-attachment: fixed; */
    background-size: contain
    
}


h1 {
  font-family: "Cabin Sketch", sans-serif;
}

h2 {
  font-family: "Henny Penny", system-ui;
}

h6 {
  font-family: "Annie Use Your Telescope", cursive;
  /* font-weight: 200; */
  font-style: normal;
  font-size: large;

}

h5 {
  font-size: 15px;
  margin: 0;
  padding: 0;
  color: rgb(0, 0, 0);
  font-family: "Annie Use Your Telescope", cursive;
  padding: 5px;
  align-items: center;
  justify-content: center;
}

hr.barra-menu {
  width: 50%;
  /* Cambia el ancho según lo que necesites */
  margin: 0 auto;
  /* Centra la línea horizontalmente */
  border: none;
  /* Quita el borde por defecto */
  height: 10px;
  /* Grosor de la línea */
  background-color: #ffffff;
  /* Color de la línea */
}

.pizaron {
  background-image: url('../images/1c993c3e41c6e0cda1a21a7b701fdde6.jpg');
  background-repeat: repeat;
  background-size: contain;
  background-color: #ece8e8;
  border-style: solid;
  border-color: rgba(58, 35, 14, 0.582);
  border-width: 15px;
  border-radius: 15px 15px 15px 15px;
  /* background: linear-gradient(315deg, #454444, #525151);
box-shadow:  -5px -5px 10px #323131,
             5px 5px 10px #686767; */
}

.flex-container {
  display: flex;
  padding: 10px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;


  /* flex-direction: row;
  flex-wrap: wrap; */
  /* justify-content: flex-start; */

  /* gap: 12px; */
}

.card-menu {
  color: #ffffff
}

.producto {
  color: #ffffff;
}

.precio {
  color: #ffffff;
}

.border-dashed {
  border-style: dashed;
  color: #ffffff;
  border-width: 5px;
}

.line-bordered {
  border-style: none none dashed none;
  color: #ffffff;
  border-width: 5px;
  width: 100%;
}

.img-pizarra {
  display: flex;
  align-items: center;
  align-content: center;
}




/* RESPONSIVE */
@media (max-width: 767px) {
  /* .flex-container {
    justify-content: space-between;
  } */

  .border-dashed {
    border-style: none;
  }

  .t-menu {
    padding-top: 100px;
  }

  .pizaron {
    border-width: 10px;
    border-radius: 10px 10px 10px 10px;
  }

  hr.barra-menu {
    width: 80%;
  }
}

@media (max-width: 992px) {}

@media (max-width: 1200px) {}