/* ═══════════════════════════════════════════════════════
   WP-FOOTER — Layout
   WPBakery fix + estructura foto-nino + grid footer
═══════════════════════════════════════════════════════ */

/* ── WPBakery full-bleed fix ────────────────────────── */
.vc_row:has(#foto-nino) .full_section_inner,
.vc_row:has(#foto-nino) .vc_column-inner,
.vc_row:has(#foto-nino) .wpb_wrapper,
.vc_row:has(#foto-nino) .wpb_raw_html,
.vc_row:has(#sgn-footer) .full_section_inner,
.vc_row:has(#sgn-footer) .vc_column-inner,
.vc_row:has(#sgn-footer) .wpb_wrapper,
.vc_row:has(#sgn-footer) .wpb_raw_html {
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

#foto-nino,
#sgn-footer {
  width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: relative !important;
}

#foto-nino > p,
#sgn-footer > p { display: none !important; }

/* ── Descansador visual ─────────────────────────────── */
#foto-nino {
  background-color: #0b222a;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  overflow: hidden;
  isolation: isolate;
  position: relative;
  z-index: 1;
}

.foto-nino__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.foto-nino__inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.foto-nino__figure {
  margin: 0;
  line-height: 0;
}

.foto-nino__img {
  display: block;
  height: 62vh;
  max-height: 710px;
  width: auto;
  /* Recorta fondo sobrante bakeado en el PNG: ~10% arriba, ~7% abajo */
  margin-top: -6.2vh;
  margin-bottom: -10vh;
}

/* ── Footer wrapper ─────────────────────────────────── */
#sgn-footer {
  background-color: #262626;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  isolation: isolate;
}

.footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 135px;
  max-width: 1920px;
  margin: 0 auto;
}

/* ── Columnas ────────────────────────────────────────── */
.footer__col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer__col--left {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 28px;
  max-width: 620px;
}

.footer__col--left .footer__logo-link {
  flex: 0 0 auto;
  align-self: center;
}

.footer__col--left .footer__contact {
  flex: 1 1 auto;
}

.footer__col--left .footer__social {
  flex: 0 0 100%;
  padding-top: 4px;
}

.footer__col--right {
  align-items: flex-end;
}

/* ── Redes sociales ──────────────────────────────────── */
.footer__social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ── Barra de términos ───────────────────────────────── */
.footer__terms {
  text-align: center;
}