/* ================================================================
   Infy Theme — Site Footer
   ================================================================ */

.site-footer {
  background: var(--color-primary);
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  margin-top: var(--sp-16);
  overflow: hidden;
}

/* ── Footer principal (columnas) ──────────────────────────────── */
.footer__main {
  padding: var(--sp-12) 0 var(--sp-10);
}

.footer__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr;
  gap: var(--sp-8);
  align-items: start;
}

/* ── Columna: Logo + partners ─────────────────────────────────── */
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
}

.footer__logo {
  height: 65px;
  width: auto;
}

.footer__partners {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
}

.footer__partner-logo {
  height: 36px;
  width: auto;
}

.footer__partner-link {
  display: inline-flex;
  align-items: center;
  transition: opacity var(--transition);
}

.footer__partner-link:hover {
  opacity: 0.75;
}

/* ── Columna: Nosotros / CTA ──────────────────────────────────── */
.footer__col-title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-extrabold);
  color: var(--color-dark);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: var(--sp-4);
  display: block;
}

.footer__nav-list {
  display: flex;
  flex-direction: column;
  padding-inline-start: 0;
  list-style: none;
}

.footer__nav-link {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--color-dark);
  transition: opacity var(--transition);
}

.footer__nav-link:hover {
  opacity: 0.7;
}

.footer__cta {
  margin-top: var(--sp-6);
}

/* Hazte distribuidor — hover #e8f4f8 + texto azul (solo modo claro) */
html:not(.dark) body.infy-custom-layout .footer__cta .btn--dark,
html:not(.dark) body.infy-custom-layout .footer__cta .btn--dark:hover {
  transform: none !important;
  box-shadow: none !important;
}

html:not(.dark) body.infy-custom-layout .footer__cta .btn--dark:hover {
  background-color: #e8f4f8 !important;
  color: var(--color-dark) !important;
}

/* Logo Libro de Reclamaciones (INDECOPI) */
.footer__libro-reclamaciones {
  margin-top: var(--sp-5);
}

.footer__libro-reclamaciones-link {
  display: inline-flex;
  align-items: center;
  transition: opacity var(--transition);
}

.footer__libro-reclamaciones-link:hover {
  opacity: 0.75;
}

.footer__libro-reclamaciones-logo {
  display: block;
  width: auto;
  max-width: min(180px, 100%);
  height: auto;
  max-height: 44px;
}

/* ── Divisor y barra inferior ─────────────────────────────────── */
.footer__divider {
  border: none;
  border-top: 1px solid var(--color-text);
  margin: 0;
  opacity: 1;
}

.footer__bottom {
  padding: var(--sp-5) 0;
}

.footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
}

.footer__copyright {
  font-size: var(--fs-sm);
  color: var(--color-text);
  font-weight: var(--fw-regular);
  margin-bottom: 0;
}

/* ── Redes sociales del footer ────────────────────────────────── */
.footer__social {
  display: flex;
  align-items: center;
  gap: var(--sp-5);
}

.footer__social-link {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--transition);
}

.footer__social-link.wd-social-icon {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.footer__social-link.wd-social-icon .wd-icon {
  font-size: 22px;
  color: var(--color-dark);
}

.footer__social-link:hover {
  opacity: 0.65;
}

.footer__social-link svg {
  width: 24px;
  height: 24px;
  fill: var(--color-dark);
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-10);
  }
}

@media (max-width: 600px) {
  .footer__brand {
    align-items: center;
  }

  .site-footer {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  }

  .footer__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer__bottom-inner {
    flex-direction: column;
    text-align: center;
    gap: var(--sp-4);
  }

  .footer__libro-reclamaciones {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .footer__libro-reclamaciones-logo{  
    width: revert-layer;
  }

  .footer__libro-reclamaciones-link {
    margin-inline: 0;
  }
}