footer {
  background: linear-gradient(90deg, #323438 0%, #1B1B1B 100%);
  font-size: var(--body-font-size-xs);
}

div.footer-columns-wrapper{
  border-bottom: 1px solid var(--logo-avianca-light);
  padding: var(--x-huge, 48px) var(--x-large, 32px) var(--padding-48px, 48px) var(--x-large, 32px);
  >div{
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

div.footer-partner-logos-wrapper{
  padding: 16px;
}

div.footer-bottom-wrapper{
  background-color: var(--logo-avianca-primary);
}

/* In compact mode let the footer gradient show through */
div.footer-bottom-wrapper:has(.footer-compact-bar) {
  background-color: transparent;
}

/* Compact mode lateral padding by viewport (Figma compact-site-footer):
   ≥1024: 32px (x-x-large) | ≤1023: 24px (x-large) | ≤767: 16px (x-medium) */
div.footer-columns-wrapper:has(.footer-columns-compact) {
  padding: var(--padding-24, 24px) var(--spacing-x-x-large, 32px);
  border-bottom: none;
}

@media (width <= 1023px) {
  div.footer-columns-wrapper:has(.footer-columns-compact) {
    padding: var(--padding-24, 24px) var(--spacing-x-large, 24px);
  }
}

@media (width <= 767px) {
  div.footer-columns-wrapper:has(.footer-columns-compact) {
    padding: var(--padding-24, 24px) var(--spacing-x-medium, 16px);
  }
}

footer .footer > div {
  margin: auto;
  max-width: 1200px;
  padding: 40px 24px 24px;
}

footer .footer p {
  margin: 0;
}

@media (width >= 900px) {
  footer .footer > div {
    padding: 40px 32px 24px;
  }
}

@media (width <= 1023px) {
  div.footer-columns-wrapper{
    padding: var(--x-huge, 48px)  var(--spacing-x-large, 24px);
  }
}

@media (width <= 767px) {
  div.footer-columns-wrapper{
    padding: var(--x-huge, 48px) var(--spacing-x-medium, 16px);
  }
}

@media (width >= 768px) {
  div.footer-partner-logos-wrapper{
    padding: 16px 24px;
  }
}

@media (width >= 1024px) {
  div.footer-partner-logos-wrapper{
    height: 68px;
    align-items: center;
    padding: 16px 32px;
  }
}