@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
#cms-content *:not(i),
#header-django *:not(i),
footer *:not(i) {
  font-family: "Raleway", sans-serif;
  font-weight: 400; }

footer {
  display: flex;
  flex-direction: column;
  color: #ffffff; }

footer .row {
  width: 100%;
  align-items: center;
  margin: 0;
  padding: 0 3rem;
  background-color: #292B78; }

.social-container {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.social-media {
  display: flex;
  flex-direction: row;
  gap: 0.75rem; }

.social-media img {
  width: 35px !important;
  height: 35px !important;
  min-width: 35px;
  min-height: 35px;
  object-fit: contain; }

.reservas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  padding: 2rem; }

.reserva-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F5C000;
  color: black;
  border: 1px solid black;
  border-radius: 2rem;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0.05em;
  white-space: nowrap;
  width: 350px;
  padding-top: 20px; }

.reserva-btn:hover {
  background-color: #d4a700;
  color: black;
  border-color: black; }

.links {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: flex-start; }

.links a {
  color: white;
  text-decoration: none;
  white-space: nowrap; }

.links a:hover {
  opacity: 0.75; }

@media (max-width: 991px) {
  footer .row {
    padding: 2rem 1rem; }
  .reservas {
    order: 1;
    width: 100%;
    padding: 1rem 0; }
  .social-container {
    order: 2; }
  .links {
    order: 3; }
  .social-media {
    display: flex;
    flex-direction: row; }
  .social.media img {
    width: 30px;
    height: 30px; }
  .reserva-btn {
    width: 100%; } }

@media (max-width: 991px) {
  footer .row {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem; } }