/* Place the navbar at the bottom of the page, and make it stick */

.navbar-footer {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* Style the links inside the navigation bar */

.navbar-footer a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 0.75rem;
}

/* Change the color of links on hover */

.navbar-footer a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */

.navbar-footer a.active {
  background-color: #04AA6D;
  color: white;
}

hr {
  background-color: #fff;
  padding: 0;
  /*margin: 80px;*/
}

hr.hr-1 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.title-categoria {
  overflow: hidden;
  text-align: center;
}

.title-categoria:before, .title-categoria:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}

.title-categoria:after {
  margin: 0 -55% 0 .5em;
}

.title-categoria a {
  color: rgb(19, 19, 19) !important;
  text-decoration: none !important;
}

.title-categoria a:hover {
  color: rgb(19, 19, 19) !important;
  text-decoration: none !important;
}

.rotate {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.rotate.down {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.card-body .platillo_ingredientes {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

@media (max-width:576px) {
  #caja_Contenido .p-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .row .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
  }

  .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}