.mt-hero {
padding: 140px 0 56px;
}
.mt-hero__texto {
max-width: 760px;
}
.mt-hero__sobretitulo {
font-size: 16px;
letter-spacing: .04em;
margin: 0 0 8px;
color: #009E75;
} .mt-hero h1 {
font-size: 54px;
line-height: 1.1;
margin: 0;
} .mt-modelos {
padding: 0 0 96px;
} .mt-modelos__topo {
margin: 0 0 32px;
} .mt-modelos__topo h2 {
font-size: 30px;
line-height: 1.25;
margin: 0;
} .mt-grade {
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin: 0;
padding: 0;
}
.mt-modelo {
display: flex;
}  .mt-modelo__caixa {
display: flex;
flex-direction: column;
width: 100%;
background: #fff;
border: 1px solid #e8eaf0;
border-radius: 16px;
overflow: hidden;
color: inherit;
text-decoration: none;
transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
} a.mt-modelo__caixa:hover {
transform: translateY(-4px);
box-shadow: 0 14px 34px rgba(41, 69, 142, .14);
border-color: #c5d0e8;
color: inherit;
text-decoration: none;
}
.mt-modelo__midia {
display: flex;
align-items: center;
justify-content: center;
padding: 22px 22px 0; aspect-ratio: 16 / 11; min-height: 0; overflow: hidden;
}
.mt-modelo__midia img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
transition: transform .5s ease;
}
a.mt-modelo__caixa:hover .mt-modelo__midia img {
transform: scale(1.04);
}
.mt-modelo__texto {
display: flex;
flex-direction: column;
flex: 1;
padding: 24px 28px 28px;
}
.mt-modelo__texto h3 {
font-size: 23px;
line-height: 1.25;
margin: 0 0 4px;
color: #29458E;
}
.mt-modelo__tipo {
font-size: 13px;
letter-spacing: .03em;
margin: 0 0 12px;
color: #6b7280;
} .mt-modelo__chamada {
font-size: 16px;
line-height: 1.55;
max-width: 52ch;
margin: 0 0 16px;
text-wrap: pretty;
} .mt-modelo__link,
.mt-modelo__aviso {
margin-top: auto;
font-size: 15px;
font-weight: 500;
}
.mt-modelo__link {
color: #009E75;
}
a.mt-modelo__caixa:hover .mt-modelo__link {
text-decoration: underline;
}
.mt-modelo__aviso {
color: #9ca3af;
} .mt-modelo--sem-pagina .mt-modelo__caixa {
background: #fff;
border-color: #eef0f4;
}
.mt-modelo--sem-pagina .mt-modelo__midia img {
opacity: .72;
}  .mt-integracao {
padding: 0 0 24px;
}
.mt-integracao__topo {
max-width: 760px;
margin: 0 0 36px;
}
.mt-integracao__topo h2 {
font-size: 30px;
line-height: 1.25;
margin: 0 0 8px;
} .mt-integracao__lead {
margin: 0;
font-size: 19px;
line-height: 1.45;
color: #29458E;
text-wrap: pretty;
} .mt-integracao__texto {
columns: 2;
column-gap: 40px;
}
.mt-integracao__texto p {
break-inside: avoid;
font-size: 16px;
line-height: 1.7;
margin: 0 0 18px;
color: #4b5563;
text-wrap: pretty;
}
.mt-integracao__texto p:last-child {
margin-bottom: 0;
} .mt-integracao__fecho {
padding-left: 22px;
border-left: 3px solid #009E75;
font-size: 17px;
color: #131313;
} .mt-ctas {
padding: 64px 0 96px;
border-top: 1px solid #e8eaf0;
} .mt-ctas__lista {
list-style: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0;
padding: 0;
}
.mt-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;
}
.mt-ctas__lista a:hover {
background: #29458E;
color: #fff;
transform: translateY(-3px);
text-decoration: none;
} @media (max-width: 1199px) {
.mt-hero h1 {
font-size: 46px;
}
.mt-grade {
gap: 18px;
} .mt-modelo__texto {
padding: 20px 22px 22px;
}
.mt-modelo__texto h3 {
font-size: 21px;
}
.mt-integracao__texto {
column-gap: 32px;
}
.mt-ctas__lista a {
font-size: 20px;
min-height: 112px;
}
} @media (max-width: 991px) {
.mt-hero {
padding: 120px 0 40px;
}
.mt-hero h1 {
font-size: 38px;
} .mt-modelos__topo h2,
.mt-integracao__topo h2 {
font-size: 26px;
}
.mt-modelos {
padding-bottom: 64px;
} .mt-modelo__texto {
padding: 18px 20px 20px;
}
.mt-modelo__texto h3 {
font-size: 19px;
}
.mt-modelo__chamada {
font-size: 15px;
}
.mt-integracao {
padding-bottom: 64px;
}
.mt-integracao__texto {
columns: 1;
} .mt-integracao__texto p {
margin-bottom: 22px;
}
.mt-ctas {
padding: 48px 0 64px;
}
.mt-ctas__lista {
gap: 16px;
}
.mt-ctas__lista a {
font-size: 18px;
min-height: 96px;
padding: 18px;
}
} @media (max-width: 575px) {
.mt-hero h1 {
font-size: 30px;
}
.mt-modelos__topo h2,
.mt-integracao__topo h2 {
font-size: 23px;
}
.mt-grade {
grid-template-columns: 1fr;
}
.mt-integracao__fecho {
padding-left: 16px;
font-size: 16px;
}
.mt-ctas__lista {
grid-template-columns: 1fr;
}
.mt-ctas__lista a {
min-height: 80px;
}
}
@media (prefers-reduced-motion: reduce) {
.mt-modelo__caixa,
.mt-modelo__midia img,
.mt-ctas__lista a {
transition: none;
}
}    .mt-modelo__specs {
font-size: 14px;
line-height: 1.55;
max-width: 58ch;
margin: 0 0 18px;
color: #4b5563;
}
.mt-modelo__specs b {
display: block;
margin-bottom: 6px;
color: #131313;
}
.mt-modelo__specs ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px;
} .mt-modelo__specs li {
text-wrap: pretty;
} .mt-modelo__cta {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: auto;
padding: 12px 24px;
border-radius: 999px;
background: #009E75;
color: #fff;
font-size: 15px;
font-weight: 500;
transition: background .3s ease, transform .3s ease;
}
.mt-modelo__cta:hover {
background: #00855f;
color: #fff;
transform: translateY(-2px);
text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
.mt-modelo__cta {
transition: none;
}
}  .mt-faixa {
overflow: hidden;
padding: 8px 0 72px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.mt-faixa__trilho {
display: flex;
align-items: center;
width: max-content; animation: mt-desliza 120s linear infinite;
} .mt-faixa:hover .mt-faixa__trilho {
animation-play-state: paused;
} .mt-faixa__item {
flex: 0 0 auto;
padding-right: 24px;
display: flex;
align-items: center;
}
.mt-faixa__item img {
display: block;
height: 200px;
width: auto;
max-width: none;
}
@keyframes mt-desliza {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
@media (max-width: 991px) {
.mt-faixa {
padding-bottom: 48px;
}
.mt-faixa__item {
padding-right: 16px;
}
.mt-faixa__item img {
height: 140px;
}
} @media (prefers-reduced-motion: reduce) {
.mt-faixa {
overflow-x: auto;
}
.mt-faixa__trilho {
animation: none;
}
}