/* ============================================
   Footer Section - Enhanced Visual Layers
   CSS-only texture, depth, and dynamism
   ============================================ */

/* --- Camada 1: Gradiente diagonal (substituir cor flat) --- */
.main-footer-section {
  background: linear-gradient(
    135deg,
    #1a1a1a 0%,
    #2e2e2e 25%,
    #3a3a3a 50%,
    #2e2e2e 75%,
    #252525 100%
  ) !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

/* --- Camada 2: Textura de pontos (::before) --- */
.main-footer-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.025) 1px,
    transparent 1px
  );
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
}

/* --- Camada 3: Brilho ambiente animado (::after) --- */
.main-footer-section::after {
  content: "";
  position: absolute;
  inset: -50%;
  width: 200%;
  height: 200%;
  background:
    radial-gradient(ellipse 600px 400px at 25% 40%, rgba(201, 162, 39, 0.03), transparent),
    radial-gradient(ellipse 500px 350px at 75% 60%, rgba(201, 162, 39, 0.02), transparent),
    radial-gradient(ellipse 400px 300px at 50% 50%, rgba(255, 255, 255, 0.02), transparent);
  pointer-events: none;
  z-index: 0;
  animation: footer-ambient-glow 25s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes footer-ambient-glow {
  0% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(-2%, 1.5%);
  }
  66% {
    transform: translate(1.5%, -1%);
  }
  100% {
    transform: translate(-1%, -1.5%);
  }
}

/* --- Camada 4: Z-index do conteudo real --- */
.main-footer-section > .w-layout-blockcontainer {
  position: relative;
  z-index: 1;
}

/* ============================================
   Links de navegacao - Underline dourado
   ============================================ */
.main-footer-section .footer2_link {
  position: relative;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-footer-section .footer2_link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1.5px;
  background: linear-gradient(90deg, #C9A227, #E8D48B);
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-footer-section .footer2_link:hover {
  color: #E8D48B !important;
}

.main-footer-section .footer2_link:hover::after {
  width: 100%;
}

/* ============================================
   Icones sociais - Glassmorphism-lite
   ============================================ */
.main-footer-section .footer2_social-link {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 0.5rem;
  transition:
    border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-footer-section .footer2_social-link:hover {
  border-color: rgba(201, 162, 39, 0.4);
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(201, 162, 39, 0.15);
}

.main-footer-section .footer2_social-link:hover svg {
  color: #E8D48B;
}

.main-footer-section .footer2_social-link svg {
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   Icones de contato - Glow dourado
   ============================================ */
.main-footer-section .footer-contact-item .footer-icon {
  transition:
    filter 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-footer-section .footer-contact-item:hover .footer-icon {
  filter: drop-shadow(0 0 8px rgba(201, 162, 39, 0.4));
  transform: translateY(-1px);
}

.main-footer-section .footer-contact-item .footer-icon svg {
  transition: stroke 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-footer-section .footer-contact-item:hover .footer-icon svg {
  stroke: #E8D48B;
}

/* ============================================
   Divisor - Gradiente dourado
   ============================================ */
.main-footer-section .divider-horizontal {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 162, 39, 0.2) 20%,
    rgba(232, 212, 139, 0.4) 50%,
    rgba(201, 162, 39, 0.2) 80%,
    transparent 100%
  ) !important;
  height: 1px !important;
  border: none !important;
}

/* ============================================
   Headings - Text-shadow sutil
   ============================================ */
.main-footer-section .footer-heading {
  text-shadow: 0 0 12px rgba(201, 162, 39, 0.15);
}

/* ============================================
   Logo - Glow no hover
   ============================================ */
.main-footer-section .footer2_logo-link {
  transition: filter 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-footer-section .footer2_logo-link:hover {
  filter: drop-shadow(0 0 16px rgba(201, 162, 39, 0.25));
}

/* ============================================
   Acessibilidade: prefers-reduced-motion
   ============================================ */
@media (prefers-reduced-motion: reduce) {
  .main-footer-section::after {
    animation: none;
  }

  .main-footer-section .footer2_link,
  .main-footer-section .footer2_link::after,
  .main-footer-section .footer2_social-link,
  .main-footer-section .footer2_social-link svg,
  .main-footer-section .footer-contact-item .footer-icon,
  .main-footer-section .footer-contact-item .footer-icon svg,
  .main-footer-section .footer2_logo-link {
    transition: none;
  }

  .main-footer-section .footer2_social-link:hover {
    transform: none;
  }

  .main-footer-section .footer-contact-item:hover .footer-icon {
    transform: none;
  }
}

/* ============================================
   Responsividade
   ============================================ */

/* Tablet */
@media (max-width: 991px) {
  .main-footer-section::before {
    background-size: 18px 18px;
  }

  .main-footer-section .footer2_social-link {
    padding: 0.4rem;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .main-footer-section::before {
    background-size: 14px 14px;
  }

  .main-footer-section::after {
    animation-duration: 35s;
  }

  .main-footer-section .footer2_social-link:hover {
    transform: translateY(-2px) scale(1.03);
  }

  .main-footer-section .footer-contact-item:hover .footer-icon {
    transform: translateY(0);
  }

  /* --- Centralizar footer no mobile --- */
  .main-footer-section .footer2_link-column {
    text-align: center;
  }

  .main-footer-section .footer2_link-list {
    align-items: center;
  }

  .main-footer-section .footer-heading {
    text-align: center;
  }

  .main-footer-section .footer-contact-item {
    justify-content: center;
  }

  .main-footer-section .footer-bottom-wrapper {
    align-items: center;
  }

  .main-footer-section .footer2_legal-list {
    text-align: center;
    justify-content: center;
  }

  .main-footer-section .footer2_social-list {
    justify-content: center;
  }
}