@media(max-width:1080px){.menu{gap:14px}.menu a{font-size:.84rem}.hero{gap:38px}.footer-main{gap:35px}}
@media(max-width:980px){.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-servicos{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;text-align:center;padding-top:62px}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-benefits{justify-content:center}.hero-visual{max-width:520px;margin:10px auto 0}.proof-grid{grid-template-columns:repeat(2,1fr);gap:0}.proof-grid>div{padding:17px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.proof-grid>div:nth-child(2){border-right:0}.proof-grid>div:nth-child(3),.proof-grid>div:nth-child(4){border-bottom:0}.sobre-conteudo{grid-template-columns:1fr;text-align:center}.tech-box{width:250px}.card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body{padding-top:68px}.container{width:min(100% - 28px,1120px)}.navbar{height:68px;width:calc(100% - 28px)}.logo a{font-size:1.28rem}.logo-mark{width:29px;height:29px}.menu-mobile{display:block}.menu{display:none;position:fixed;top:68px;left:0;width:100%;max-height:calc(100vh - 68px);overflow-y:auto;padding:18px 14px 24px;background:rgba(3,6,21,.99);flex-direction:column;align-items:stretch;gap:5px;border-top:1px solid rgba(255,255,255,.06)}.menu.ativo{display:flex}.menu li a{display:block;text-align:center;padding:12px;border-radius:9px;font-size:.95rem}.menu li a:after{display:none}.menu li a:hover,.menu li a.ativo{background:rgba(50,230,255,.08);color:var(--cyan-soft)}.section{padding:62px 0}.section-heading{margin-bottom:30px}.hero{padding:54px 0 70px;gap:48px}.hero-copy h1{font-size:clamp(2.1rem,10.5vw,3.2rem)}.hero-copy>p{font-size:1rem}.dashboard-card{min-height:340px;transform:none}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:min(100%,310px)}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:9px 14px}.card-grid.three,.card-grid.four{grid-template-columns:1fr}.trust-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trust-grid article,.steps-grid article{padding:18px 14px}.cta{margin-bottom:62px;padding:30px 21px;flex-direction:column;text-align:center}.footer-main{grid-template-columns:1fr 1fr;text-align:left;gap:32px}.footer-brand{grid-column:1/-1;text-align:center}.footer-brand p{margin-inline:auto}.footer-bottom{flex-direction:column;text-align:center;gap:6px}.page-hero,.servico-top{margin-top:20px;margin-bottom:46px;padding:48px 18px}.page-actions{flex-direction:column;align-items:center}.page-actions .btn{width:min(100%,320px)}.grid-servicos{grid-template-columns:1fr}.lista-servicos,.processo,.faq{padding:58px 0}.passos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.passos article{padding:18px 10px}.servico-card{padding:23px 16px}.botao-whatsapp{font-size:.78rem;padding:9px 13px}.sobre-conteudo{padding-bottom:58px}.project-card .project-visual{height:130px}}
@media(max-width:520px){.container{width:calc(100% - 22px)}.hero{padding-top:44px}.hero-benefits{grid-template-columns:1fr}.dashboard-card{min-height:300px;padding:16px;border-radius:21px}.dashboard-grid{gap:7px;margin-top:25px}.mini-card{padding:15px 5px 13px}.mini-card span{font-size:.7rem}.signal{height:62px}.floating-chip{width:43px;height:43px;border-radius:13px;font-size:.82rem}.chip-b{left:-6px}.chip-c{right:-5px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{padding:15px 10px!important;text-align:center}.proof-grid strong{font-size:.91rem}.proof-grid span{font-size:.7rem}.trust-grid,.steps-grid,.passos{grid-template-columns:1fr 1fr}.trust-grid article,.steps-grid article,.passos article{padding:15px 10px}.trust-grid h3,.steps-grid h3,.passos h3{font-size:.86rem}.trust-grid p,.steps-grid p,.passos p{font-size:.77rem}.btn{font-size:.85rem;padding:11px 15px}.botao-whatsapp{white-space:normal;line-height:1.2}.page-hero,.servico-top{padding-inline:14px}.footer-main{grid-template-columns:1fr;text-align:center}.footer-brand{grid-column:auto}.footer-column nav{justify-items:center}}

/* Parte 12 — rodapé compacto para celulares */
@media (max-width: 520px){
  .site-footer{padding-top:30px}
  .footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 14px;
    padding-bottom:26px;
    text-align:center;
    align-items:start;
  }
  .footer-brand{
    grid-column:1 / -1;
    padding-bottom:2px;
  }
  .footer-logo,
  .footer-brand .logo{
    font-size:1.25rem;
  }
  .footer-brand .logo-mark{width:27px;height:27px;border-radius:8px}
  .footer-brand p{
    max-width:290px;
    margin:10px auto 8px;
    line-height:1.55;
    font-size:.82rem;
  }
  .footer-whatsapp{font-size:.8rem}
  .footer-column h2{
    margin-bottom:10px;
    font-size:.72rem;
    letter-spacing:.1em;
  }
  .footer-column nav{
    gap:7px;
    justify-items:center;
  }
  .footer-column a{font-size:.8rem}
  .footer-bottom{
    padding:15px 0 18px;
    gap:4px;
    font-size:.7rem;
    line-height:1.45;
  }
}

@media (max-width: 350px){
  .footer-main{grid-template-columns:1fr;gap:20px}
  .footer-brand{grid-column:auto}
}

/* Rodapé compacto no celular — Versão 3.0 Parte 13 */
@media(max-width:520px){
  .site-footer{padding-top:24px}
  .footer-simple{padding-bottom:20px}
  .footer-simple .footer-logo{font-size:1.28rem}
  .footer-simple .logo-mark{width:28px;height:28px;border-radius:8px}
  .footer-simple p{margin-top:11px;font-size:.82rem;line-height:1.55;max-width:310px}
  .footer-break{display:none}
  .footer-bottom{padding:13px 0 16px;gap:3px;flex-direction:column;font-size:.74rem}
}


/* Infotech.io 4.0 — Parte 3: conta no celular */
@media(max-width:820px){
  .navbar{flex-wrap:wrap}
  .account-nav{order:2;margin-left:auto;margin-right:48px}
  .menu-mobile{order:3;position:absolute;right:0}
  .menu{order:4}
  .account-trigger-text{display:none}
  .account-trigger,.account-login-link{min-height:40px;padding:6px 9px}
  .account-login-link span{display:none}
  .account-dropdown{position:fixed;right:12px;top:72px;width:min(300px,calc(100vw - 24px))}
}
@media(max-width:420px){
  .account-nav{margin-right:45px}
  .account-trigger,.account-login-link{padding:5px 7px;border-radius:11px}
  .account-avatar{width:27px;height:27px}
  .home-account-welcome{width:100%;align-items:flex-start}
}