@media only screen and (max-width: 70rem) {
  header .container.bg-photo {
    background: linear-gradient(80deg, rgba(0, 0, 0, 0.8) 60%, rgba(255, 158, 0, 0) 70%), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/foto1.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  header .container.bg-photo .wrapper .f-r .info {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    color: white;
    width: 50% !important;
    max-width: 50% !important;
  }
}
@media only screen and (max-width: 50rem) {
  header .container.bg-photo {
    background: linear-gradient(80deg, rgba(0, 0, 0, 0.8) 70%, rgba(255, 158, 0, 0) 80%), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/foto1.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  header .container.bg-photo .wrapper .f-r .info {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    color: white;
    width: 60% !important;
    max-width: 60% !important;
  }
  footer .container.footer-info .wrapper .datos {
    display: flex;
    justify-content: center;
    flex-flow: column;
    height: auto;
  }
  footer .container.footer-info .wrapper .datos > * {
    width: 100% !important;
    max-width: initial !important;
    min-width: initial !important;
  }
  footer .container.footer-info .wrapper .datos .mapa {
    height: 20rem;
  }
}
@media only screen and (max-width: 40rem) {
  header .container.bg-photo {
    background: linear-gradient(80deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 158, 0, 0) 100%), linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/foto1.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  header .container.bg-photo .wrapper .f-r .info {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    color: white;
    width: 100% !important;
    max-width: 100% !important;
  }
  main .container.items .wrapper .items .item {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    gap: 0.5rem;
  }
  main .container.items .wrapper .items .item + .item {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dotted #000;
  }
  main .container.items .wrapper .item h3 {
    width: auto !important;
  }
  main .container.admin-panel .wrapper .evento > h2 {
    font-size: 1.25rem;
  }
  main .container.admin-panel .wrapper .evento .carro-evento {
    padding-top: 1rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
  }
  main .container.admin-panel .wrapper .evento .carro-evento .carro-evento-item {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    gap: 1rem;
  }
  main .container.admin-panel .wrapper .evento .carro-evento .carro-total h3 {
    text-align: center;
  }
  main .container.admin-panel .wrapper .evento .carro-evento .carro-evento-item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #000;
  }
}
@media only screen and (max-width: 30rem) {
  header .container.bg-photo .wrapper .f-r .info {
    gap: 0.75rem;
  }
  header .container.bg-photo .wrapper .f-r .info .botones {
    margin-top: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 0.75rem;
  }
  header .container.bg-photo .wrapper {
    padding: 5vh 0;
  }
  :root {
    --page-padding: 0.5rem;
  }
  main .container.galeria .wrapper .fotos {
    flex-flow: column;
  }
  main .container.galeria .wrapper .fotos > * {
    width: 100% !important;
  }
  main .container.galeria .wrapper .fotos > .carousel-container {
    height: 20rem;
  }
  main .container.galeria .wrapper .fotos {
    height: auto !important;
  }
  main .container.items .wrapper .total {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    gap: 1rem;
  }
}
@media only screen and (max-width: 22.5rem) {
  header .container.fixed-header-always .wrapper a h1 img,
  header .container.fixed-header .wrapper a h1 img {
    height: 3.5rem !important;
  }
}
@media only screen and (max-width: 22.5rem) {
  header .container.bg-photo .wrapper {
    padding: 0.5rem 0;
  }
}/*# sourceMappingURL=responsive.css.map */