/* Shared social footer preview. Loaded after page-specific styles so internal
   program and category pages receive the same footer treatment as the home. */
@property --footer-social-button-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.edupath-site-footer .footer-logo-tile {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.edupath-site-footer .footer-logo-tile img {
  width: clamp(168px,16vw,200px) !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain !important;
}

@media (min-width: 681px) {
  .edupath-site-footer .footer-main-grid > .footer-brand-block {
    transform: translateY(-13px) !important;
  }
}

.edupath-site-footer .footer-social-hub {
  display: grid !important;
  gap: 16px !important;
}

.edupath-site-footer .footer-social-panel {
  min-width: 0 !important;
  min-height: 196px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 24px 28px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.11) !important;
  overflow: hidden !important;
}

.edupath-site-footer .footer-instagram-panel {
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 10% 20%,rgba(225,48,108,.18),transparent 34%),
    linear-gradient(135deg,rgba(131,58,180,.11),rgba(252,175,69,.055)) !important;
  border-color: rgba(225,91,151,.31) !important;
}

.edupath-site-footer .footer-social-pair {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.edupath-site-footer .footer-whatsapp-panel {
  background:
    radial-gradient(circle at 10% 20%,rgba(37,211,102,.19),transparent 34%),
    linear-gradient(135deg,rgba(37,211,102,.10),rgba(255,255,255,.035)) !important;
  border-color: rgba(37,211,102,.30) !important;
}

.edupath-site-footer .footer-social-hub > .footer-whatsapp-panel h2 {
  font-size: clamp(22px,2.5vw,31px) !important;
  line-height: 1.12 !important;
}

.edupath-site-footer .footer-social-hub > .footer-whatsapp-panel .footer-social-icon {
  width: 54px !important;
  height: 54px !important;
  flex-basis: 54px !important;
}

.edupath-site-footer .footer-social-pair .footer-instagram-panel h2 {
  font-size: clamp(18px,1.8vw,24px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}

.edupath-site-footer .footer-social-pair .footer-instagram-icon {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
}

.edupath-site-footer .footer-facebook-panel {
  background:
    radial-gradient(circle at 10% 20%,rgba(24,119,242,.22),transparent 34%),
    linear-gradient(135deg,rgba(24,119,242,.11),rgba(255,255,255,.035)) !important;
  border-color: rgba(92,160,249,.31) !important;
}

.edupath-site-footer .footer-social-copy {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  min-width: 0 !important;
}

.edupath-site-footer .footer-social-icon {
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.26) !important;
}

.edupath-site-footer .footer-social-icon svg {
  width: 27px !important;
  height: 27px !important;
}

.edupath-site-footer .footer-whatsapp-icon {
  background: linear-gradient(145deg,#31df72,#159447) !important;
}

.edupath-site-footer .footer-facebook-icon {
  background: linear-gradient(145deg,#3692ff,#0866ff) !important;
}

.edupath-site-footer .footer-social-text {
  min-width: 0 !important;
}

.edupath-site-footer .footer-social-panel h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(18px,1.8vw,24px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}

.edupath-site-footer .footer-social-meta {
  display: inline-block !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  color: rgba(220,228,239,.72) !important;
  font-family: Inter,Arial,sans-serif !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}

.edupath-site-footer .footer-whatsapp-number {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  color: #8ef0b2 !important;
  font-variant-numeric: tabular-nums !important;
}

.edupath-site-footer .footer-social-button {
  width: 260px !important;
  max-width: 100% !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border-radius: 999px !important;
  border: 1.5px solid transparent !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-origin: border-box !important;
  background-clip: padding-box,border-box !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  clip-path: inset(0 round 999px) !important;
  transform: translateZ(0);
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.edupath-site-footer .footer-social-button:hover {
  transform: translateY(-2px) translateZ(0) !important;
}

.edupath-site-footer .footer-social-button::before {
  --footer-social-button-angle: 0deg;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  padding: 1.5px !important;
  border-radius: inherit !important;
  background: conic-gradient(
    from var(--footer-social-button-angle),
    var(--footer-social-border-base) 0deg,
    var(--footer-social-border-base) 76deg,
    rgba(255,255,255,.98) 110deg,
    var(--footer-social-border-light) 137deg,
    var(--footer-social-border-accent) 170deg,
    var(--footer-social-border-base) 210deg,
    var(--footer-social-border-base) 360deg
  ) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  animation: footerSocialBorderSpin 4.8s linear infinite !important;
}

.edupath-site-footer .footer-social-button svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

.edupath-site-footer .footer-whatsapp-button {
  --footer-social-border-base: rgba(118,241,164,.40);
  --footer-social-border-light: rgba(156,255,194,.94);
  --footer-social-border-accent: rgba(24,190,85,.86);
  background:
    radial-gradient(105% 145% at 22% -12%,rgba(255,255,255,.48),transparent 57%) padding-box,
    linear-gradient(135deg,rgba(37,211,102,.40),rgba(21,148,71,.34)) padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 20px rgba(5,74,32,.16),0 14px 30px rgba(18,144,66,.18),0 0 20px rgba(37,211,102,.12) !important;
}

.edupath-site-footer .footer-instagram-button {
  --footer-social-border-base: rgba(240,118,177,.42);
  --footer-social-border-light: rgba(255,185,218,.94);
  --footer-social-border-accent: rgba(247,119,55,.90);
  background:
    radial-gradient(105% 145% at 22% -12%,rgba(255,255,255,.48),transparent 57%) padding-box,
    linear-gradient(135deg,rgba(131,58,180,.42),rgba(225,48,108,.38) 58%,rgba(247,119,55,.34)) padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 20px rgba(84,16,67,.16),0 14px 30px rgba(225,48,108,.17),0 0 20px rgba(225,48,108,.12) !important;
}

.edupath-site-footer .footer-facebook-button {
  --footer-social-border-base: rgba(112,181,255,.42);
  --footer-social-border-light: rgba(172,215,255,.95);
  --footer-social-border-accent: rgba(8,102,255,.88);
  background:
    radial-gradient(105% 145% at 22% -12%,rgba(255,255,255,.48),transparent 57%) padding-box,
    linear-gradient(135deg,rgba(54,146,255,.41),rgba(8,102,255,.35)) padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 20px rgba(4,48,118,.17),0 14px 30px rgba(8,102,255,.17),0 0 20px rgba(8,102,255,.12) !important;
}

.edupath-site-footer .footer-social-button:focus-visible {
  outline: 2px solid rgba(255,255,255,.82) !important;
  outline-offset: 3px !important;
}

@keyframes footerSocialBorderSpin {
  to { --footer-social-button-angle: 360deg; }
}

html[dir="rtl"] .edupath-site-footer .footer-social-copy {
  direction: rtl !important;
}

html[dir="rtl"] .edupath-site-footer .footer-social-meta {
  letter-spacing: 0 !important;
}

@media (max-width: 980px) {
  .edupath-site-footer .footer-social-pair {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .edupath-site-footer .footer-social-panel {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 22px 20px !important;
  }

  .edupath-site-footer .footer-social-copy {
    align-items: center !important;
    gap: 12px !important;
  }

  .edupath-site-footer .footer-social-text {
    flex: 1 1 auto !important;
  }

  .edupath-site-footer .footer-social-icon {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  .edupath-site-footer .footer-social-hub > .footer-whatsapp-panel .footer-social-icon {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  .edupath-site-footer .footer-social-hub > .footer-whatsapp-panel h2,
  .edupath-site-footer .footer-social-pair .footer-instagram-panel h2,
  .edupath-site-footer .footer-facebook-panel h2 {
    font-size: clamp(16px,4.4vw,18px) !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .edupath-site-footer .footer-social-button {
    width: 100% !important;
    white-space: normal !important;
  }
}

@media (max-width: 390px) {
  .edupath-site-footer .footer-social-copy {
    align-items: center !important;
  }

  .edupath-site-footer .footer-social-hub > .footer-whatsapp-panel h2,
  .edupath-site-footer .footer-social-pair .footer-instagram-panel h2,
  .edupath-site-footer .footer-facebook-panel h2 {
    font-size: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .edupath-site-footer .footer-social-button,
  .edupath-site-footer .footer-social-button::before {
    transition: none !important;
    animation: none !important;
  }
}