/* Equipment page — desktop composition aligned to the supplied Zeplin export. */
.air-page-equipamentos > section > .air-container,
.air-page-equipamentos .air-page-head > .air-container{width:min(calc(100% - 48px),1204px)}
.air-page-equipamentos .air-page-head{height:350px;min-height:350px;padding:22px 0 0}
/* Heroi identico ao de HVAC no Zeplin: breadcrumb em Y 118, eyebrow em Y 219,
   titulo em Y 268 com 40px/entrelinha 48. */
/* Heroi em shared-zeplin.css. */
.air-page-equipamentos .air-wide-image{display:block;height:501px;max-height:none;object-fit:cover}
.air-page-equipamentos .air-statement{min-height:540px;padding-top:62px;padding-bottom:68px}
.air-page-equipamentos .air-statement p{width:792px;max-width:100%;font-family:'area-extended',Arial,sans-serif;font-size:30px;font-weight:500;line-height:48px;color:#0f8080}
.air-page-equipamentos .air-statement .air-wave{
  height:222px;
  margin-top:0;
  background:url('../images/home/waves.png') center/100% 100% no-repeat;
}
.air-page-equipamentos .air-statement .air-wave i{display:none}
.air-page-equipamentos .air-products{padding:86px 0 100px}
.air-products__head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--air-navy);padding-bottom:17px}
.air-products__head h2{margin:0 0 12px;font-family:'area-extended',Arial,sans-serif;font-size:24px;font-weight:900;line-height:1.5;color:#0f8080}
.air-products__head p{font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.56;color:#202f38}
.air-products__head>span{display:inline-flex;align-items:center;justify-content:center;min-width:116px;height:38px;border-radius:20px;background:var(--air-orange);color:#fff;font-size:11px;font-weight:800}
/* minmax(0,1fr): sem isso o conteudo mais largo do primeiro card (tabela de
   especificacoes) empurrava a coluna 1, e as duas imagens ficavam com larguras
   e alturas diferentes. */
.air-page-equipamentos .air-featured-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:88px;margin:46px 0 108px}
/* :not(.air-certifications) — a foto do produto e a faixa de certificacoes sao
   ambas filhas diretas do card; so a foto usa a proporcao 514/450. */
.air-page-equipamentos .air-featured-product>img:not(.air-certifications){height:auto;aspect-ratio:514/450;border-radius:13px}
.air-featured-product h3{font-family:'area-normal',Arial,sans-serif;font-size:18px!important;font-weight:900;line-height:1.56;color:#202f38;margin:30px 0 11px!important}
.air-featured-product>strong{display:block;font-family:'area-normal',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.5;color:#0f8080;margin-bottom:20px}
.air-featured-product>p{font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.56;color:#202f38;margin-bottom:20px}
.air-featured-product ul{margin:0 0 28px;padding:0;list-style:none}
.air-featured-product li{position:relative;font-family:'area-normal',Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#0f8080;margin:0 0 17px;padding-left:32px}
.air-featured-product li::before{content:"";position:absolute;left:1px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--air-orange)}
.air-spec-table{margin:10px 0 20px;font-family:'area-normal',Arial,sans-serif;font-size:14px}
.air-spec-table [role=row]{display:grid;grid-template-columns:repeat(4,1fr)}
.air-spec-table [role=row]>*{padding:8px 10px;border-bottom:1px solid #aeb7b9;border-right:1px solid #aeb7b9}
.air-spec-table [role=row]>*:last-child{border-right:0}
.air-spec-table [role=row]:first-child>*{padding-top:0;color:#ed7317;font-size:10px;font-weight:900;line-height:1.2}
.air-featured-product:nth-child(2) .air-spec-table [role=row]{grid-template-columns:1fr .8fr 1.5fr}
/* Faixa de certificacoes: asset do Zeplin (group-2445), 412x25 (@2x no arquivo).
   Seletor longo para vencer '.air-featured-products img' do design.css, que da
   width:100%, aspect-ratio:1.55, fundo navy e raio as fotos de produto. */
.air-page-equipamentos .air-featured-product>img.air-certifications{display:block;width:412px;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:none;border-radius:0}
.air-product-cta{display:flex;align-items:center;width:586px;max-width:100%;min-height:43px;margin-top:78px;padding:8px 13px 8px 22px;border-radius:25px;background:#c3d3ce;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.56;color:#202f38;transition:background var(--transition)}
/* O botao e flex, entao o espaco final do texto antes do <b> e descartado
   ('sobre aLinha'); a margem repoe a largura de um espaco (0.26em). */
.air-product-cta b{margin-left:.26em;font-weight:900}
/* Seta em SVG centrado no viewBox, como no carrossel da pagina Sobre: o glifo
   tipografico nao fica centrado no circulo. */
.air-product-cta i{display:grid;place-items:center;flex:none;width:28px;height:28px;margin-left:auto;border-radius:50%;background:var(--air-orange);color:#fff;font-size:0;font-style:normal;line-height:0}
.air-product-cta i svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.air-product-group{scroll-margin-top:100px;margin-top:121px}
.air-product-heading{margin:0 0 48px;padding-bottom:17px;border-bottom:1px solid var(--air-navy)}
.air-product-heading h2{margin:0 0 12px;font-family:'area-extended',Arial,sans-serif;font-size:24px;font-weight:900;line-height:1.5;color:#0f8080}
.air-product-heading p{max-width:626px;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.56;color:#202f38}
.air-page-equipamentos .air-product-grid{gap:80px 32px}
.air-page-equipamentos .air-product-grid--two{grid-template-columns:repeat(2,1fr);gap:80px 32px}
.air-page-equipamentos .air-product-grid img{height:auto;aspect-ratio:586/385;border-radius:20px}
.air-page-equipamentos .air-product-grid h3{margin:30px 0 12px;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:900;line-height:1.56;color:#202f38}
.air-page-equipamentos .air-product-grid p{margin:0;font-family:'area-normal',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#202f38}
.air-page-equipamentos .air-more{padding:76px 0 80px}
/* Bloco "Nossas Solucoes" em shared-zeplin.css. O painel desta tela marca
   37px de folga abaixo do titulo (as outras duas marcam 35px). */
.air-page-equipamentos .air-more h2{margin-bottom:37px}

@media(max-width:1023px){
  .air-page-equipamentos .air-wide-image{height:360px}
  .air-page-equipamentos .air-statement{min-height:470px}
  .air-page-equipamentos .air-featured-products{gap:42px}
  .air-product-cta{min-width:0;width:100%;margin-top:45px}
}
@media(max-width:767px){
  .air-page-equipamentos .air-page-head{height:auto;min-height:310px}
  .air-page-equipamentos .air-wide-image{height:300px}
  .air-page-equipamentos .air-statement{min-height:430px;padding-top:58px;padding-bottom:42px}
  .air-page-equipamentos .air-statement p{font-size:24px}
  .air-page-equipamentos .air-statement .air-wave{height:150px;background-size:auto 100%}
  .air-page-equipamentos .air-products{padding:58px 0 70px}
  .air-products__head{align-items:start}.air-products__head>span{min-width:88px;height:30px;margin-left:16px;font-size:9px}
  .air-page-equipamentos .air-featured-products{grid-template-columns:1fr;gap:60px;margin-top:32px}
  .air-page-equipamentos .air-featured-product{min-width:0}
  .air-featured-product h3{margin-top:22px!important}
  .air-spec-table{max-width:100%;overflow-x:auto}.air-spec-table [role=row]{min-width:480px}
  .air-product-cta{font-size:11px;padding-left:15px}
  .air-product-group{margin-top:72px}
  .air-page-equipamentos .air-product-grid--two{grid-template-columns:1fr;gap:38px}
  .air-page-equipamentos .air-product-grid{gap:38px}
  .air-page-equipamentos .air-more-grid{grid-template-columns:1fr}
  .air-page-equipamentos .air-more-grid a{height:auto}
}

/* ─── Lightbox "Leia mais" ──────────────────────────────────
   Zeplin (Artboard - 2): coluna esquerda de 454px e painel escuro de 586px,
   com os itens em duas colunas de 252px. */
.air-lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}
.air-lightbox[hidden]{display:none}
.air-lightbox__backdrop{position:absolute;inset:0;background:rgba(15,29,38,.6)}
.air-lightbox__panel{position:relative;width:min(1319px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px 40px 40px;border-radius:24px;background:#cfdcd7}
.air-lightbox__close{display:flex;align-items:center;gap:10px;margin:0 0 18px auto;padding:6px 6px 6px 20px;border:1px solid #0f8080;border-radius:22px;background:#eef3f1;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.56;color:#202f38;cursor:pointer}
/* X em SVG centrado no viewBox (5..11 nos dois eixos): o caractere x nao fica
   centrado no circulo, a tinta sobe em relacao a caixa da fonte. */
.air-lightbox__close i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ed7317;color:#fff;font-size:0;font-style:normal;line-height:0}
.air-lightbox__close i svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.air-lightbox__grid{display:grid;grid-template-columns:454px minmax(0,1fr);gap:129px;align-items:start}
.air-lightbox__copy h3{margin:0 0 8px;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:900;line-height:1.56;color:#202f38}
.air-lightbox__copy>strong{display:block;margin-bottom:21px;font-family:'area-normal',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.5;color:#0f8080}
.air-lightbox__copy p{margin:0 0 22px;font-family:'area-normal',Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#202f38}
.air-lightbox__copy p:last-child{margin-bottom:0}
.air-lightbox__dark{padding:35px;border-radius:20px;background:#202f38}
.air-lightbox__lead{margin:0 0 35px;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.56;color:#fff}
.air-lightbox__features{display:grid;grid-template-columns:repeat(2,252px);gap:29px 41px;margin:0}
.air-lightbox__features dt{margin:0 0 13px;padding-bottom:9px;border-bottom:1px solid #ed7317;font-family:'area-normal',Arial,sans-serif;font-size:16px;font-weight:900;line-height:1.5;color:#0f8080}
/* line-height 1.71 conforme o painel do Zeplin (AreaNormal-Medium 14px). */
.air-lightbox__features dd{margin:0;font-family:'area-normal',Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.71;color:#fff}
body.air-lightbox-open{overflow:hidden}

@media (max-width:1023px){
  .air-lightbox__panel{padding:20px 24px 28px}
  .air-lightbox__grid{grid-template-columns:1fr;gap:32px}
  .air-lightbox__features{gap:24px 24px}
}
@media (max-width:767px){
  .air-lightbox{padding:12px}
  .air-lightbox__dark{padding:24px}
  .air-lightbox__features{grid-template-columns:1fr}
}