.nw-hero {
padding: 140px 0 64px;
} .nw-hero__topo {
text-align: center;
margin-bottom: 2px;
} .nw-hero__sobretitulo {
font-size: 22px;
line-height: 1.2;
margin: 0;
color: #131313;
}
.nw-hero__titulo {
font-size: 68px;
line-height: 1;
margin: 0;
letter-spacing: -0.01em;
color: #29458E;
}  .nw-palco {
position: relative;
container-type: inline-size;
aspect-ratio: 1140 / 760;
max-width: 1440px;
margin-inline: auto;
} .nw-palco__linhas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
z-index: 2;
} .nw-palco__linhas path {
fill: none;
stroke: #c2c8d4;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
} .nw-palco__produto {
position: absolute;
left: var(--nw-px);
top: var(--nw-py);
width: var(--nw-pw);
height: auto;
}
.nw-chamadas {
list-style: none;
margin: 0;
padding: 0;
} .nw-chamada {
position: absolute;
left: var(--nw-x);
top: var(--nw-y);
width: var(--nw-w);
text-align: center;
z-index: 3;
}
.nw-chamada__texto {
margin: 0 0 1.1cqw;
font-size: 1.32cqw;
line-height: 1.45;
color: #131313;
text-wrap: pretty;
}
.nw-chamada__fotos {
display: grid;
gap: 0.7cqw;
}
.nw-chamada__fotos--2 {
grid-template-columns: repeat(2, 1fr);
} .nw-chamada__fotos--3 {
grid-template-columns: repeat(2, 1fr);
}
.nw-chamada__fotos--3 .nw-chamada__foto:nth-child(3) {
grid-column: 1 / -1;
width: calc(50% - 0.35cqw); margin-inline: auto;
} .nw-chamada__foto {
display: block;
overflow: hidden;
border: 1px solid #dfe3ec;
border-radius: 1.1cqw;
background: #fff;
}
.nw-chamada__fotos img {
display: block;
width: 100%;
height: auto;
transition: transform .5s ease;
} .nw-chamada__fotos--2 .nw-chamada__foto,
.nw-chamada__fotos--3 .nw-chamada__foto {
aspect-ratio: var(--nw-foto-ar, 1 / 1);
} .nw-chamada__fotos--2 .nw-chamada__foto,
.nw-chamada__fotos--3 .nw-chamada__foto {
box-sizing: border-box;
padding: 0.3cqw;
}
.nw-chamada__fotos--2 img,
.nw-chamada__fotos--3 img {
height: 100%;
object-fit: contain;
} .nw-chamada--compartimento .nw-chamada__fotos--3 {
grid-template-columns: repeat(3, 1fr);
}
.nw-chamada--compartimento .nw-chamada__fotos--3 .nw-chamada__foto:nth-child(3) {
grid-column: auto;
width: auto;
margin-inline: 0;
}
.nw-chamada--compartimento .nw-chamada__fotos img {
object-fit: cover;
} .nw-chamada--grade,
.nw-chamada--grade-espelhada {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.7cqw;
align-items: center;
}
.nw-chamada--grade .nw-chamada__fotos,
.nw-chamada--grade-espelhada .nw-chamada__fotos {
display: contents;
}
.nw-chamada--grade .nw-chamada__texto {
grid-area: 1 / 2;
margin: 0;
}
.nw-chamada--grade .nw-chamada__foto:nth-child(1) { grid-area: 1 / 1; }
.nw-chamada--grade .nw-chamada__foto:nth-child(2) { grid-area: 2 / 1; } .nw-chamada--grade .nw-chamada__foto:nth-child(3) {
grid-area: 2 / 2;
width: auto;
margin-inline: 0;
} .nw-chamada--grade-espelhada .nw-chamada__texto {
grid-area: 1 / 1;
margin: 0;
}
.nw-chamada--grade-espelhada .nw-chamada__foto:nth-child(1) { grid-area: 1 / 2; } .nw-chamada--grade .nw-chamada__link,
.nw-chamada--grade-espelhada .nw-chamada__link {
grid-column: 1 / -1;
} .nw-chamada--fotos-no-topo {
display: flex;
flex-direction: column;
}
.nw-chamada--fotos-no-topo .nw-chamada__fotos {
order: 1;
}
.nw-chamada--fotos-no-topo .nw-chamada__texto {
order: 2;
margin: 1.1cqw 0 0;
}
.nw-chamada--fotos-no-topo .nw-chamada__link {
order: 3;
}
.nw-chamada__foto:hover img {
transform: scale(1.12);
} .nw-chamada--suportes .nw-chamada__foto {
border-color: #009E75;
border-width: 2px;
} .nw-chamada__link {
display: inline-block;
margin-top: 0.9cqw;
font-size: 1.4cqw;
font-weight: 500;
line-height: 1.3;
color: #009E75;
}
.nw-chamada__link:hover {
color: #009E75;
text-decoration: underline;
} .nw-caracteristicas {
padding: 72px 0;
background: #f6f7f9;
}
.nw-caracteristicas h2 {
text-align: center;
margin: 0 0 8px;
text-wrap: balance;
} .nw-caracteristicas__lead {
text-align: center;
max-width: 760px;
margin: 0 auto 40px;
font-size: 20px;
line-height: 1.4;
color: #29458E;
text-wrap: balance;
}
.nw-caracteristicas__grade {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 48px;
align-items: start;
}
.nw-caracteristicas__texto p {
font-size: 16px;
line-height: 1.65;
margin: 0 0 18px;
text-wrap: pretty;
}
.nw-caracteristicas__texto p:last-child {
margin-bottom: 0;
}
.nw-aplicacoes {
padding: 28px 30px;
background: #fff;
border-radius: 16px;
}
.nw-aplicacoes h3 {
font-size: 20px;
margin: 0 0 16px;
color: #29458E;
} .nw-aplicacoes ul {
list-style: disc;
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 20px;
margin: 0;
}
.nw-aplicacoes li {
font-size: 15px;
line-height: 1.5;
} .nw-eletrico {
padding: 80px 0;
}
.nw-secao__topo {
text-align: center;
max-width: 760px;
margin: 0 auto 40px;
} .nw-secao__topo h2 {
margin: 0 0 10px;
text-wrap: balance;
}
.nw-secao__lead {
font-size: 21px;
margin: 0 0 8px;
text-wrap: balance;
}
.nw-secao__topo p:last-child {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: #4b5563;
text-wrap: balance;
}
.nw-eletrico__fotos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
align-items: center;
}
.nw-eletrico__fotos figure {
margin: 0;
}
.nw-eletrico__fotos img {
display: block;
width: 100%;
height: auto;
}
.nw-eletrico__legenda {
text-align: center;
margin: 28px 0 0;
font-size: 16px;
color: #4b5563;
text-wrap: balance;
} .nw-ctas {
padding: 64px 0 96px;
border-top: 1px solid #e8eaf0;
}
.nw-ctas__lista {
list-style: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0;
padding: 0;
}
.nw-ctas__lista a {
display: flex;
align-items: center;
justify-content: center;
min-height: 128px;
padding: 24px;
text-align: center;
font-size: 24px;
line-height: 1.25;
font-weight: 500;
color: #29458E;
background: #f6f7f9;
border-radius: 16px;
transition: background .3s ease, transform .3s ease, color .3s ease;
}
.nw-ctas__lista a:hover {
background: #29458E;
color: #fff;
transform: translateY(-3px);
text-decoration: none;
} @media (max-width: 1199px) {  .nw-palco {
container-type: normal;
aspect-ratio: auto;
display: flex;
flex-direction: column;
gap: 32px;
max-width: 1040px;
}
.nw-palco__linhas {
display: none;
}
.nw-palco__produto {
position: static;
width: 100%;
max-width: 760px;
margin: 0 auto;
} .nw-chamadas {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.nw-chamada {
position: static;
width: auto;
display: flex;
flex-direction: column;
text-align: left;
padding: 16px;
background: #f6f7f9;
border-radius: 16px;
}
.nw-chamada__fotos {
order: 1;
gap: 8px;
margin-bottom: 14px;
}
.nw-chamada__texto {
order: 2;
margin: 0;
font-size: 15px;
line-height: 1.55;
}
.nw-chamada__link {
order: 3;
margin-top: 12px;
font-size: 15px;
}
.nw-chamada__foto {
border-radius: 10px;
background: #fff;
} .nw-chamada__fotos--3 .nw-chamada__foto:nth-child(3) {
width: calc(50% - 4px);
}
.nw-chamada__fotos--2 .nw-chamada__foto,
.nw-chamada__fotos--3 .nw-chamada__foto {
padding: 3px;
}
.nw-hero__titulo {
font-size: 50px;
}
.nw-ctas__lista a {
font-size: 20px;
min-height: 112px;
}
} @media (max-width: 991px) {
.nw-hero {
padding: 120px 0 48px;
}
.nw-hero__titulo {
font-size: 46px;
} .nw-chamadas {
grid-template-columns: 1fr;
}
.nw-caracteristicas__grade {
grid-template-columns: 1fr;
gap: 32px;
}
.nw-eletrico {
padding: 56px 0;
}
.nw-eletrico__fotos {
gap: 16px;
}
.nw-ctas__lista {
gap: 16px;
}
.nw-ctas__lista a {
font-size: 18px;
min-height: 96px;
padding: 18px;
}
} @media (max-width: 575px) {
.nw-hero__sobretitulo {
font-size: 17px;
}
.nw-hero__titulo {
font-size: 38px;
}
.nw-eletrico__fotos,
.nw-ctas__lista {
grid-template-columns: 1fr;
}
.nw-ctas__lista a {
min-height: 80px;
}
} @media (prefers-reduced-motion: reduce) {
.nw-chamada__fotos img,
.nw-ctas__lista a {
transition: none;
}
.nw-chamada__foto:hover img {
transform: none;
}
} .nw-caracteristicas__grade--solo {
grid-template-columns: 1fr;
max-width: 820px;
margin: 0 auto;
}