@font-face {
  font-family: "GarageGothicBold";
  src: url("/DigitUp/LaCaseraES/assets/fonts/GarageGothic-Bold.woff2") format("woff2"), url("/DigitUp/LaCaseraES/assets/fonts/GarageGothic-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansLight";
  src: url("/DigitUp/LaCaseraES/assets/fonts/OpenSans-Light.woff2") format("woff2"), url("/DigitUp/LaCaseraES/assets/fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Define the responsive grid mixin */
/* Center content with optional starting column */
/* ============================================
   Button Mixin
   Supports: variants, sizes, optional icon
=============================================== */
/* SIZE MIXIN (NO COLORS, NO VARIANT) */
/* VARIANT MIXIN (COLORS ONLY) */
/* OPTIONAL: BASE MIXIN */
.site-header {
  background: #ffffff;
  position: relative;
  z-index: 100;
}

.main-nav ul {
  display: flex;
  gap: 2.75rem;
  justify-content: space-between;
  list-style: none;
  line-height: 0.875rem;
  text-transform: uppercase;
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  .main-nav ul {
    gap: 1.5rem;
  }
}
.main-nav a {
  font-size: 1.5625rem !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  color: #002d72;
  font-family: "GarageGothicBold", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: normal;
  font-style: normal;
}

.social-links {
  display: flex;
  gap: 2rem;
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  .social-links {
    gap: 1.25rem;
  }
}
.social-links a {
  color: #002d72;
  text-decoration: none;
  font-weight: 600;
}

.social-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.social-icon:hover {
  opacity: 0.8;
}

@media (min-width: 0) and (max-width: 839.9px) {
  .main-nav,
  .social-links {
    display: none;
  }
}