/* ==========================================================
   M3 TECHNOLOGY — MOBILE V2.3
   Ajustes SOMENTE MOBILE:
   1. Ícone de logística = caminhão minimalista reconhecível.
   2. Linha Tecnologia • Telecomunicações • Conectividade
      permanece em uma única linha no rodapé.
   DESKTOP NÃO É ALTERADO.
   ========================================================== */

@media(max-width:760px){

  /* ----------------------------------------------------------
     ÍCONE "ENTREGA PARA TODO O BRASIL"
     Oculta qualquer desenho antigo e cria caminhão line-art.
     ---------------------------------------------------------- */
  .benefits-grid > div:first-child .benefit-icon.icon-truck{
    position:relative!important;
    display:block!important;
    width:48px!important;
    height:38px!important;
    margin:0 auto 4px!important;

    /* limpa qualquer ícone herdado */
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:0!important;
  }

  .benefits-grid > div:first-child .benefit-icon.icon-truck::before{
    content:""!important;
    position:absolute!important;
    left:2px!important;
    top:4px!important;
    width:27px!important;
    height:20px!important;

    border:3px solid #1397e7!important;
    border-radius:3px!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  .benefits-grid > div:first-child .benefit-icon.icon-truck::after{
    content:""!important;
    position:absolute!important;
    left:28px!important;
    top:11px!important;
    width:16px!important;
    height:13px!important;

    border:3px solid #1397e7!important;
    border-left:0!important;
    border-radius:0 4px 3px 0!important;
    background:transparent!important;
    box-sizing:border-box!important;

    /* rodas + pequeno para-choque */
    box-shadow:
      -22px 10px 0 -5px #1397e7,
      7px 10px 0 -5px #1397e7,
      11px 3px 0 -5px #1397e7!important;
  }

  /* rodas mais visíveis usando um detalhe adicional no próprio bloco */
  .benefits-grid > div:first-child{
    position:relative!important;
  }

  .benefits-grid > div:first-child .icon-truck{
    overflow:visible!important;
  }

  /* ----------------------------------------------------------
     RODAPÉ — manter os três pilares na mesma linha
     ---------------------------------------------------------- */
  footer .footer-note,
  .premium-footer .footer-note{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;

    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;

    font-size:11px!important;
    line-height:1.35!important;
    letter-spacing:-.01em!important;
    text-align:center!important;
  }

  /* Mantém o rodapé confortável mesmo com a linha única */
  .premium-footer-inner,
  .footer{
    width:auto!important;
    margin-left:14px!important;
    margin-right:14px!important;
  }
}

/* Em celulares muito estreitos, reduz apenas o texto o suficiente
   para continuar na mesma linha. */
@media(max-width:390px){
  footer .footer-note,
  .premium-footer .footer-note{
    font-size:10.2px!important;
    letter-spacing:-.02em!important;
  }
}