/* Base do ícone (container) */
#block-7 .u-icon{
  position: relative;
  width: 115px;   /* ajuste */
  height: 115px;  /* ajuste */
  display: inline-block;
}

/* some com o SVG original (inline display:block) */
#block-7 .u-icon img{
  display: none !important;
}

/* o ícone “pintado” é desenhado aqui */
#block-7 .u-icon::before{
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fffff2; /* <-- cor do ícone */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Mapeia cada um para o svg certo (mantendo ico_*.svg) */
#block-7 .u-icon-1::before{ -webkit-mask-image:url("../imgs/ico_futebol.svg");      mask-image:url("../imgs/ico_futebol.svg"); }
#block-7 .u-icon-2::before{ -webkit-mask-image:url("../imgs/ico_artes.svg");        mask-image:url("../imgs/ico_artes.svg"); }
#block-7 .u-icon-3::before{ -webkit-mask-image:url("../imgs/ico_geek.svg");         mask-image:url("../imgs/ico_geek.svg"); }
#block-7 .u-icon-4::before{ -webkit-mask-image:url("../imgs/ico_celebs.svg");       mask-image:url("../imgs/ico_celebs.svg"); }
#block-7 .u-icon-5::before{ -webkit-mask-image:url("../imgs/ico_miniaturas.svg");   mask-image:url("../imgs/ico_miniaturas.svg"); }
#block-7 .u-icon-6::before{ -webkit-mask-image:url("../imgs/ico_infantis.svg");     mask-image:url("../imgs/ico_infantis.svg"); }

/* Exemplo: muda cor no hover */
#block-7 .u-repeater-item:hover .u-icon::before{
  background-color: #ffffff;
}

#block-7 .mv-reveal{opacity:0;transform:translateY(28px);transition:opacity .56s ease,transform .56s ease;will-change:opacity,transform}
#block-7 .mv-reveal.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:767px){#block-7 .mv-reveal{transform:translateY(18px);transition-duration:.26s}}
@media (prefers-reduced-motion:reduce){#block-7 .mv-reveal{opacity:1;transform:none;transition:none}}