/* ==========================================================
   M3 TECHNOLOGY — TRUCK ICON V2.1
   Corrige o caminhão no MOBILE.
   Desktop permanece exatamente como na V2.
   ========================================================== */

/* Desktop + regra base */
.benefit-icon.icon-truck{
  display:block!important;
  width:54px!important;
  height:42px!important;
  margin:0 auto 6px!important;
  background-image:url('../images/icons/truck-delivery.svg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:0!important;
  color:transparent!important;
  overflow:visible!important;
}

.benefit-icon.icon-truck::before,
.benefit-icon.icon-truck::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* MOBILE
   Usa exatamente a mesma especificidade das regras antigas,
   para impedir que mobile_v2_3 volte a zerar o background. */
@media(max-width:760px){

  .benefits-grid > div:first-child .benefit-icon.icon-truck{
    display:block!important;
    position:relative!important;
    width:58px!important;
    height:44px!important;
    margin:0 auto 7px!important;

    background-image:url('../images/icons/truck-delivery.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:0!important;
    color:transparent!important;
    overflow:visible!important;
  }

  .benefits-grid > div:first-child .benefit-icon.icon-truck::before,
  .benefits-grid > div:first-child .benefit-icon.icon-truck::after{
    content:none!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
    background:none!important;
  }
}