/* =========================
   FOOTER (Geely)
   ========================= */
.site-footer {
  margin-top: 0;
}

.mg-footer {
  color: #fff;
  padding: 80px;

  /* Fondo con tu imagen */
  background-color: #244e58;
  background-image: url("/wp-content/themes/theme-attach/assets/img/footer-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mg-footer__inner {
  max-width: 1200px;
}

.mg-footer__cols {
  gap: 80px;
  max-width: 100%;
  width: 100%;
}

/* --- Logo blanco (site-logo) --- */
.mg-footer .wp-block-site-logo img {
  filter: brightness(0) invert(1);
  width: 174px;
  margin-bottom: 40px;
}

/* Texto */
.mg-footer__text {
  margin: 14px 0 0 0;
  max-width: 360px;
  font-family: var(--font-inter);
  font-size: 14px;
  line-height: 18px;
  opacity: 0.92;
}

/* Títulos */
.mg-footer__title {
  margin: 0 0 24px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  font-family: var(--font-geely);
  letter-spacing: 1px;
}

.mg-footer__titleLink {
  color: #fff;
  text-decoration: none;
}

.mg-footer__titleLink:hover {
  text-decoration: underline;
}

/* Listas */
.mg-footer__list {
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mg-footer__list a {
  color: #fff;
  text-decoration: none;
  font-family: var(--font-inter);
  font-size: 14px;
  line-height: 18px;
  opacity: 1;
}

.mg-footer__list a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Columna derecha */
.mg-footer__col--side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

/* Libro reclamaciones */
.mg-footer__claims {
  display: inline-flex;
  width: 100%;
  max-width: 260px;
  text-decoration: none;
}

.mg-footer__claimsImg {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.35);
  width: 105px;
}

/* Desktop: muestra desktop */
.mg-footer__claimsImg--desktop {
  display: block;
}
.mg-footer__claimsImg--mobile {
  display: none;
}

/* Redes */
.mg-footer__social {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  margin: 0;
}

.mg-footer__socialLabel {
  margin: 0;
  font-family: var(--font-inter);
  font-size: 12px;
  line-height: 16px;
  opacity: 0.9;
}

.mg-footer__socialIcons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mg-footer__iconLink {
  display: inline-flex;
  width: 24px;
  height: 24px;
}

.mg-footer__iconLink img {
  width: 24px;
  height: 24px;
  display: block;
}

/* Copy */
.mg-footer__copy {
  margin: 6px 0 0 0;
  font-family: var(--font-inter);
  font-size: 14px;
  line-height: 18px;
  opacity: 0.9;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 900px) {
  .mg-footer {
    padding: 40px 16px;
  }

  .mg-footer__text {
    max-width: 100%;
  }

  /* Mobile: muestra imagen mobile */
  .mg-footer__claimsImg--desktop {
    display: none;
  }
  .mg-footer__claimsImg--mobile {
    display: block;
    width: 161px;
  }

  .mg-footer__claims {
    max-width: 100%;
  }

  .mg-footer .wp-block-site-logo img {
    width: 174px;
    margin-bottom: 24px;
  }

  .mg-footer__cols {
    gap: 32px;
  }

  .mg-footer__title {
    margin: 0 0 16px 0;
  }

  .mg-footer__list {
    gap: 16px;
  }
}