/* ===== Footer estilo “icons + links + copy” (namespaced ggv-) ===== */
.ggv-footer{
  background:#1a1a1a; /* área principal (como la imagen) */
  color:#ffffff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",Helvetica,Arial,sans-serif;
}
.ggv-footer__inner{
  max-width:1140px;
  margin:0 auto;
  padding:28px 16px 20px;
}

/* Fila de íconos sociales */
.ggv-social{
  list-style:none;
  margin:0 0 18px 0;
  padding:0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
}
.ggv-social__link{
  display:inline-flex;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#ffffff;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ggv-social__link:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.12);
}
.ggv-social__icon{
  width:26px;
  height:26px;
  fill:#111111; /* icono negro sobre círculo blanco */
}

/* Fila de textos/enlaces (centrados, estilo similar al ejemplo) */
.ggv-links{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:center;
  align-items:center;
}
.ggv-links__item{
  color:#e6e6e6;
  font-size:18px;
  line-height:1.2;
  text-decoration:none;
}
.ggv-links__item:hover{ text-decoration:underline; }

/* Franja inferior (más oscura) */
.ggv-copy{
  background:#0c0c0c;
  color:#dcdcdc;
  text-align:center;
  padding:12px 10px;
  font-size:15px;
  border-top:1px solid rgba(255,255,255,.06);
}

/* Responsivo fino */
@media (max-width:560px){
  .ggv-social{ gap:16px; }
  .ggv-social__link{ width:46px; height:46px; }
  .ggv-social__icon{ width:24px; height:24px; }
  .ggv-links{ gap:14px; }
  .ggv-links__item{ font-size:16px; }
  .ggv-copy{ font-size:14px; }
}