.eva-social { padding-top: clamp(48px, 4.1667vw, 80px); }
.eva-social__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: clamp(32px, 2.917vw, 56px);
  text-align: center;
  color: var(--eva-crema);
}
.eva-social a.eva-social__handle { color: inherit; }
.eva-social__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.eva-social a.eva-social__link { display: block; color: var(--eva-crema); }
.eva-social__media { position: relative; display: block; aspect-ratio: 1; overflow: hidden; }
.eva-social__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--eva-ease);
}
.eva-social__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43, 70, 51, 0.45);
  color: var(--eva-crema);
  opacity: 0;
  transition: opacity 0.3s var(--eva-ease);
}
.eva-social__link:hover .eva-social__overlay,
.eva-social__link:focus-visible .eva-social__overlay { opacity: 1; }
.eva-social__link:hover img { transform: scale(1.04); }
@media (max-width: 959px) {
  .eva-social__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .eva-social__grid::-webkit-scrollbar { display: none; }
  .eva-social__item { flex: 0 0 42%; scroll-snap-align: start; }
}