/* IT310STANDARD_PAGE_AXIS1
   Padrão de eixo visual para páginas institucionais/premium INFOTECH.
   Objetivo: header, seletor de idioma, hero, cards/seções e footer no mesmo eixo visual.
   Aplicar via body.it-standard-page-axis1. */
@media (min-width:981px){
  body.infotech-public-page.it-standard-page-axis1{
    --it-page-axis-width:min(1160px,calc(100vw - 180px));
  }
  body.infotech-public-page.it-standard-page-axis1 header.it-top,
  body.infotech-public-page.it-standard-page-axis1 footer.foot{
    width:var(--it-page-axis-width)!important;
    max-width:1160px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.infotech-public-page.it-standard-page-axis1 header.it-top .it-lang-row{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.infotech-public-page.it-standard-page-axis1 main.sistemas-home-main{
    width:var(--it-page-axis-width)!important;
    max-width:1160px!important;
    margin:0 auto!important;
    padding:clamp(24px,3vh,42px) 0 28px!important;
    min-height:auto!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-hero{
    display:block!important;
    width:100%!important;
    max-width:1160px!important;
    min-height:auto!important;
    margin:0 0 24px!important;
    padding:0!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy{
    width:100%!important;
    max-width:900px!important;
    margin:0!important;
    padding:0!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy .home-lab-kicker{
    margin:0 0 16px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy h1{
    max-width:900px!important;
    font-size:clamp(3rem,3.78vw,4.18rem)!important;
    line-height:1.11!important;
    letter-spacing:-.05em!important;
    margin:0 0 18px!important;
    text-wrap:balance!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy .lead{
    max-width:700px!important;
    font-size:clamp(.98rem,1.06vw,1.12rem)!important;
    line-height:1.54!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-actions{
    margin-top:22px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-panel{
    width:100%!important;
    max-width:1160px!important;
    margin:24px 0 0!important;
    padding:0!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-section-head{
    margin:0 0 18px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-cards{
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-card{
    min-height:170px!important;
    padding:22px 22px 20px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 footer.foot{
    margin-top:0!important;
    margin-bottom:clamp(18px,2.8vh,32px)!important;
    padding-top:18px!important;
  }
}
@media (min-width:981px) and (max-width:1280px){
  body.infotech-public-page.it-standard-page-axis1{
    --it-page-axis-width:min(1040px,calc(100vw - 80px));
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy{
    max-width:820px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy h1{
    max-width:820px!important;
    font-size:clamp(2.75rem,4.2vw,3.75rem)!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-cards{
    gap:16px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-card{
    padding:20px 20px 18px!important;
  }
}
@media (min-width:981px) and (max-height:820px){
  body.infotech-public-page.it-standard-page-axis1 main.sistemas-home-main{
    padding:clamp(18px,2.2vh,30px) 0 20px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-hero{
    margin-bottom:18px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy h1{
    font-size:clamp(2.65rem,3.55vw,3.72rem)!important;
    margin-bottom:14px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-copy .lead{
    font-size:.96rem!important;
    line-height:1.48!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-actions{
    margin-top:16px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-panel{
    margin-top:18px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-card{
    min-height:150px!important;
    padding:18px 20px 16px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-card .icon-wrap{
    width:46px!important;
    height:46px!important;
    margin-bottom:12px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-card h3{
    font-size:1.26rem!important;
  }
  body.infotech-public-page.it-standard-page-axis1 .sistemas-home-card p{
    font-size:.84rem!important;
    line-height:1.45!important;
  }
}
@media (max-width:980px){
  body.infotech-public-page.it-standard-page-axis1 main.sistemas-home-main{
    width:min(760px,calc(100vw - 36px))!important;
    margin:0 auto!important;
  }
}
@media (max-width:640px){
  body.infotech-public-page.it-standard-page-axis1 main.sistemas-home-main{
    width:min(100%,calc(100vw - 28px))!important;
  }
}

/* IT310STANDARD_PAGE_AXIS1A_TOP_ALIGN_FIX
   Corrige offset vertical do topo nas páginas que usam o Standard Page Axis.
   O header/footer não podem herdar margin:auto vertical do CSS global dentro de layouts flex. */
@media (min-width:981px){
  body.infotech-public-page.it-standard-page-axis1 header.it-top,
  body.infotech-public-page.it-standard-page-axis1 footer.foot{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.infotech-public-page.it-standard-page-axis1 header.it-top{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:18px!important;
    padding-bottom:8px!important;
  }
  body.infotech-public-page.it-standard-page-axis1 header.it-top .it-lang-row{
    margin-top:10px!important;
  }
}