/* IT310SOFTWARE_PRODUCT_AXIS1
   Adaptação premium INFOTECH para a página Softwares.
   Regra: preservar textos/conteúdo e corrigir somente eixo, camadas, ritmo visual e vitrine de produto. */

body.infotech-public-page.software-product-axis1{
  --it-software-axis-width:min(1160px,calc(100vw - 180px));
  background:#010306!important;
  color:#eef5ff;
  overflow-x:hidden!important;
}

body.infotech-public-page.software-product-axis1 .bg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:fixed!important;
  inset:0!important;
  z-index:-4!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.64) 30%,rgba(0,0,0,.42) 58%,rgba(0,0,0,.74) 100%),
    linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.72) 100%),
    url('/assets/infotech_home_earth_real.webp')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

body.infotech-public-page.software-product-axis1 .bg::before,
body.infotech-public-page.software-product-axis1 .bg::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:1!important;
}

body.infotech-public-page.software-product-axis1 .bg::before{
  background:
    radial-gradient(circle at 70% 31%,rgba(0,196,255,.16),transparent 24%),
    radial-gradient(circle at 22% 14%,rgba(0,115,255,.10),transparent 28%),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 52%);
}

body.infotech-public-page.software-product-axis1 .bg::after{
  background:linear-gradient(180deg,transparent 0%,rgba(1,3,7,.32) 58%,#010306 100%);
}

body.infotech-public-page.software-product-axis1 .stars{
  display:block!important;
  visibility:visible!important;
  opacity:.22!important;
  z-index:-3!important;
  mix-blend-mode:screen!important;
  animation:stars 42s linear infinite!important;
}

@media (min-width:981px){
  body.infotech-public-page.software-product-axis1{
    min-height:100svh!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.infotech-public-page.software-product-axis1 header.it-top,
  body.infotech-public-page.software-product-axis1 main.software-product-main,
  body.infotech-public-page.software-product-axis1 footer.foot{
    width:var(--it-software-axis-width)!important;
    max-width:1160px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.infotech-public-page.software-product-axis1 header.it-top{
    flex:0 0 auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:18px!important;
    padding-bottom:8px!important;
  }

  body.infotech-public-page.software-product-axis1 header.it-top .it-lang-row{
    width:100%!important;
    margin:10px 0 0!important;
  }

  body.infotech-public-page.software-product-axis1 main.software-product-main{
    flex:1 1 auto!important;
    min-height:0!important;
    display:block!important;
    padding:clamp(24px,3vh,42px) 0 28px!important;
    background:transparent!important;
    overflow:visible!important;
  }

  body.infotech-public-page.software-product-axis1 .page-hero.section{
    position:relative!important;
    width:100%!important;
    max-width:1160px!important;
    margin:0 0 24px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }

  body.infotech-public-page.software-product-axis1 .page-hero.section::before{
    content:"";
    position:absolute;
    left:0;
    top:-18px;
    width:min(520px,54%);
    height:1px;
    background:linear-gradient(90deg,rgba(63,220,255,.48),transparent);
    pointer-events:none;
  }

  body.infotech-public-page.software-product-axis1 .page-hero .kicker{
    margin:0 0 16px!important;
    display:inline-block!important;
    color:#4de7ff!important;
    letter-spacing:.22em!important;
    font-size:.82rem!important;
    font-weight:800!important;
    text-shadow:0 0 20px rgba(0,224,255,.14)!important;
  }

  body.infotech-public-page.software-product-axis1 .page-hero h1{
    max-width:900px!important;
    margin:0 0 18px!important;
    color:#f6f8fb!important;
    font-size:clamp(3rem,3.78vw,4.18rem)!important;
    line-height:1.11!important;
    letter-spacing:-.05em!important;
    font-weight:760!important;
    text-wrap:balance!important;
    text-shadow:0 10px 36px rgba(0,0,0,.46)!important;
  }

  body.infotech-public-page.software-product-axis1 .page-hero .lead{
    max-width:720px!important;
    margin:0!important;
    color:rgba(239,244,252,.88)!important;
    font-size:clamp(.98rem,1.06vw,1.12rem)!important;
    line-height:1.54!important;
    font-weight:360!important;
    text-shadow:0 8px 28px rgba(0,0,0,.45)!important;
  }

  body.infotech-public-page.software-product-axis1 .softwares-suite.section,
  body.infotech-public-page.software-product-axis1 main.software-product-main > .section:nth-of-type(2){
    width:100%!important;
    max-width:1160px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }

  body.infotech-public-page.software-product-axis1 .app-suite-grid,
  body.infotech-public-page.software-product-axis1 .card-grid{
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
    margin:0!important;
  }

  body.infotech-public-page.software-product-axis1 .app-card{
    min-height:270px!important;
    padding:20px 18px 18px!important;
    border-radius:20px!important;
    border:1px solid rgba(180,190,210,.20)!important;
    background:linear-gradient(180deg,rgba(10,13,18,.72),rgba(7,10,15,.86))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(7px)!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.infotech-public-page.software-product-axis1 .app-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 22% 20%,rgba(0,230,255,.07),transparent 28%);
    pointer-events:none;
  }

  body.infotech-public-page.software-product-axis1 .app-card:hover{
    transform:translateY(-2px);
    transition:transform .22s ease,border-color .22s ease,background .22s ease;
    border-color:rgba(115,210,238,.34)!important;
    background:linear-gradient(180deg,rgba(11,15,21,.76),rgba(7,10,15,.90))!important;
  }

  body.infotech-public-page.software-product-axis1 .app-shot{
    height:74px!important;
    margin:0 0 18px!important;
    border-radius:18px!important;
    border:1px solid rgba(79,224,255,.12)!important;
    background:rgba(3,10,16,.38)!important;
    overflow:hidden!important;
  }

  body.infotech-public-page.software-product-axis1 .app-shot::before,
  body.infotech-public-page.software-product-axis1 .app-shot::after{
    opacity:.18!important;
  }

  body.infotech-public-page.software-product-axis1 .app-mark{
    right:15px!important;
    bottom:8px!important;
    color:rgba(120,232,255,.24)!important;
    font-size:2.55rem!important;
    line-height:1!important;
    text-shadow:0 0 20px rgba(0,224,255,.12)!important;
  }

  body.infotech-public-page.software-product-axis1 .app-card h3{
    position:relative!important;
    z-index:1!important;
    margin:0 0 10px!important;
    color:#f7fbff!important;
    font-size:1.45rem!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    font-weight:720!important;
  }

  body.infotech-public-page.software-product-axis1 .app-card p{
    position:relative!important;
    z-index:1!important;
    margin:0 0 14px!important;
    color:rgba(235,241,251,.82)!important;
    font-size:.88rem!important;
    line-height:1.48!important;
    font-weight:340!important;
  }

  body.infotech-public-page.software-product-axis1 .pill-row{
    position:relative!important;
    z-index:1!important;
    gap:6px!important;
    margin:0 0 14px!important;
  }

  body.infotech-public-page.software-product-axis1 .pill{
    border-color:rgba(92,163,255,.26)!important;
    background:rgba(5,13,25,.52)!important;
    color:rgba(220,231,245,.78)!important;
    font-size:.67rem!important;
    padding:5px 8px!important;
  }

  body.infotech-public-page.software-product-axis1 .app-card .actions{
    position:relative!important;
    z-index:1!important;
    margin-top:auto!important;
    padding-top:0!important;
  }

  body.infotech-public-page.software-product-axis1 .app-card .it-btn.primary{
    width:100%!important;
    min-height:38px!important;
    border-color:rgba(0,245,255,.48)!important;
    background:linear-gradient(135deg,rgba(0,180,255,.24),rgba(0,245,255,.10))!important;
    box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
  }

  body.infotech-public-page.software-product-axis1 .infotech-mini-donate{
    flex:0 0 auto!important;
    width:min(520px,var(--it-software-axis-width))!important;
    margin:0 auto 20px!important;
  }

  body.infotech-public-page.software-product-axis1 footer.foot{
    flex:0 0 auto!important;
    margin-top:0!important;
    margin-bottom:clamp(18px,2.8vh,32px)!important;
    padding-top:18px!important;
    border-top:1px solid rgba(120,160,210,.22)!important;
  }
}

@media (min-width:981px) and (max-width:1280px){
  body.infotech-public-page.software-product-axis1{
    --it-software-axis-width:min(1040px,calc(100vw - 80px));
  }
  body.infotech-public-page.software-product-axis1 .app-suite-grid,
  body.infotech-public-page.software-product-axis1 .card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.infotech-public-page.software-product-axis1 .app-card{
    min-height:248px!important;
  }
}

@media (min-width:981px) and (max-height:820px){
  body.infotech-public-page.software-product-axis1 main.software-product-main{
    padding:clamp(18px,2.2vh,30px) 0 20px!important;
  }
  body.infotech-public-page.software-product-axis1 .page-hero.section{
    margin-bottom:18px!important;
  }
  body.infotech-public-page.software-product-axis1 .page-hero h1{
    font-size:clamp(2.65rem,3.55vw,3.72rem)!important;
    margin-bottom:14px!important;
  }
  body.infotech-public-page.software-product-axis1 .page-hero .lead{
    font-size:.96rem!important;
    line-height:1.48!important;
  }
  body.infotech-public-page.software-product-axis1 .app-card{
    min-height:220px!important;
    padding:16px 16px 15px!important;
  }
  body.infotech-public-page.software-product-axis1 .app-shot{
    height:58px!important;
    margin-bottom:12px!important;
  }
  body.infotech-public-page.software-product-axis1 .app-card h3{
    font-size:1.22rem!important;
  }
  body.infotech-public-page.software-product-axis1 .app-card p{
    font-size:.8rem!important;
    line-height:1.42!important;
  }
}

@media (max-width:980px){
  body.infotech-public-page.software-product-axis1{
    background:#010306!important;
  }
  body.infotech-public-page.software-product-axis1 .bg{
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.48),rgba(0,0,0,.78)),
      linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.72)),
      url('/assets/infotech_home_earth_real_1200.webp')!important;
    background-size:cover!important;
    background-position:center top!important;
    background-attachment:scroll!important;
  }
  body.infotech-public-page.software-product-axis1 main.software-product-main{
    width:min(760px,calc(100vw - 36px))!important;
    margin:0 auto!important;
    padding:22px 0 34px!important;
    min-height:auto!important;
    display:block!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.infotech-public-page.software-product-axis1 .page-hero.section,
  body.infotech-public-page.software-product-axis1 .softwares-suite.section,
  body.infotech-public-page.software-product-axis1 main.software-product-main > .section:nth-of-type(2){
    width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  body.infotech-public-page.software-product-axis1 .app-suite-grid,
  body.infotech-public-page.software-product-axis1 .card-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    margin:0!important;
  }
  body.infotech-public-page.software-product-axis1 .app-card{
    min-height:230px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(10,13,18,.74),rgba(7,10,15,.88))!important;
  }
  body.infotech-public-page.software-product-axis1 .infotech-mini-donate{
    margin:0 auto 18px!important;
  }
}

@media (max-width:640px){
  body.infotech-public-page.software-product-axis1 main.software-product-main{
    width:min(100%,calc(100vw - 28px))!important;
    padding:18px 0 28px!important;
  }
  body.infotech-public-page.software-product-axis1 .page-hero h1{
    font-size:clamp(2.2rem,11vw,3rem)!important;
    line-height:1.06!important;
  }
  body.infotech-public-page.software-product-axis1 .page-hero .lead{
    font-size:.96rem!important;
  }
  body.infotech-public-page.software-product-axis1 .app-suite-grid,
  body.infotech-public-page.software-product-axis1 .card-grid{
    grid-template-columns:1fr!important;
  }
  body.infotech-public-page.software-product-axis1 .app-card{
    min-height:auto!important;
    padding:18px!important;
  }
  body.infotech-public-page.software-product-axis1 .app-shot{
    height:72px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.infotech-public-page.software-product-axis1 .app-card:hover{
    transform:none!important;
    transition:none!important;
  }
}