:root {
    --yellow:#ffd21a;
    --yellow2:#e7b900;
    --dark:#080a0e;
    --dark2:#141821;
    --text:#f7f7f7;
    --muted:#cacaca;
    --line:rgba(255,255,255,.13);
    --wrap:1480px
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    font-family:'Roboto Condensed',Arial,sans-serif;
    color:#12141a;
    background:#fff
}

a {
    text-decoration:none;
    color:inherit
}

.wrap {
    width:min(var(--wrap),calc(100% - 56px));
    margin:auto
}

.topbar {
    height:44px;
    background:linear-gradient(90deg,#ffe76b 0%,#ffd21a 100%);
    color:#0a0b0d;
    font-weight:900;
    font-size:16px
}

.topbar .wrap {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}

.topbar a {
    margin-right:26px
}

.topbar i {
    margin-right:7px
}

.social a {
    margin-left:22px;
    margin-right:0
}

.navbar {
    height:100px;
    background:linear-gradient(180deg,#171a21 0%,#11141a 100%);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.12);
    position:sticky;
    top:0;
    z-index:30
}

.navbar .wrap {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}

.brand {
    display:flex;
    align-items:center;
    gap:16px;
    min-width:560px;
    overflow:visible
}

.brand .brand-mark {
    height:72px;
    width:72px;
    object-fit:contain;
    display:block;
    border-radius:50%;
    filter:drop-shadow(0 0 10px rgba(255,210,26,.25));
    transform:translateY(3px)
}

.brand-name {
    display:inline-block;
    color:#fff;
    font-weight:900;
    font-size:18px;
    line-height:1;
    letter-spacing:.45px;
    text-transform:uppercase;
    white-space:nowrap;
    padding-bottom:9px;
    border-bottom:3px solid var(--yellow);
    text-shadow:0 2px 10px rgba(0,0,0,.35)
}

.menu {
    display:flex;
    align-items:center;
    gap:28px;
    font-weight:900;
    font-size:18px
}

.menu>a,.dropdown>a {
    position:relative;
    padding:39px 0
}

.menu a.active,.menu a:hover,.dropdown>a:hover {
    color:var(--yellow)
}

.menu a.active:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:24px;
    height:3px;
    background:var(--yellow);
    box-shadow:0 0 12px rgba(255,210,26,.6)
}

.callbox {
    border:1px solid rgba(255,210,26,.55);
    border-radius:10px;
    padding:13px 18px!important;
    display:flex!important;
    align-items:center;
    gap:14px;
    background:rgba(0,0,0,.2);
    min-width:215px
}

.callbox i {
    background:var(--yellow);
    color:#111;
    width:46px;
    height:46px;
    border-radius:8px;
    display:grid;
    place-items:center
}

.callbox b {
    color:var(--yellow);
    font-size:15px
}

.hamb {
    display:none;
    background:none;
    border:0;
    color:#fff;
    font-size:28px
}

.hero {
    min-height:560px;
    background:#080a0e;
    color:#fff;
    position:relative;
    overflow:hidden
}

.hero:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(6,8,12,.98) 0%,rgba(6,8,12,.9) 24%,rgba(6,8,12,.5) 45%,rgba(6,8,12,.25) 58%,rgba(6,8,12,.63) 75%,rgba(6,8,12,.98) 100%),radial-gradient(circle at 56% 46%,rgba(255,195,28,.42),transparent 32%),url('../img/hero-excavadeira.png') center 56%/980px auto no-repeat,#080a0e
}

.hero:after {
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 4% 73%,rgba(255,210,26,.18),transparent 12%),radial-gradient(circle at 94% 31%,rgba(255,210,26,.18),transparent 10%);
    background-size:64px 64px,64px 64px,100% 100%,100% 100%;
    opacity:.55;
    pointer-events:none
}

.hero .wrap {
    position:relative;
    z-index:2;
    min-height:560px;
    display:grid;
    grid-template-columns:520px 1fr 285px;
    align-items:center;
    gap:32px
}

.eyebrow {
    color:var(--yellow);
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:.5px;
    font-size:18px;
    display:flex;
    align-items:center;
    gap:14px
}

.eyebrow:before {
    content:"";
    width:46px;
    height:3px;
    background:var(--yellow);
    display:inline-block
}

h1,h2,h3,p {
    margin-top:0
}

.hero h1 {
    font-size:50px;
    line-height:.94;
    margin:24px 0 24px;
    font-weight:900;
    letter-spacing:-2px;
    text-shadow:0 12px 35px rgba(0,0,0,.45)
}

.hero h2 {
    font-size:40px;
    line-height:.94;
    margin:24px 0 24px;
    font-weight:900;
    letter-spacing:-2px;
    text-shadow:0 12px 35px rgba(0,0,0,.45)
}

.hero h1 span {
    color:var(--yellow);
    display:inline
}

.hero p {
    font-family:Arial,sans-serif;
    font-size:18px;
    line-height:1.75;
    color:#f0f0f0;
    margin-bottom:28px;
    max-width:510px
}

.actions {
    display:flex;
    gap:16px;
    flex-wrap:wrap
}

.btn {
    height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid #111;
    padding:0 30px;
    border-radius:4px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.2px;
    background:#fff;
    color:#111;
    transition:.25s
}

.btn.primary {
    background:var(--yellow);
    border-color:var(--yellow);
    color:#111
}

.btn.ghost {
    background:rgba(0,0,0,.22);
    border-color:var(--yellow);
    color:#fff
}

.btn:hover {
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(0,0,0,.28)
}

.feature-stack {
    grid-column:3;
    display:flex;
    flex-direction:column;
    gap:15px
}

.feature {
    background:linear-gradient(180deg,rgba(25,28,37,.9),rgba(15,18,25,.86));
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    padding:18px 19px;
    display:flex;
    align-items:center;
    gap:16px;
    backdrop-filter:blur(7px);
    box-shadow:0 14px 35px rgba(0,0,0,.30);
    min-height:78px
}

.feature i {
    width:44px;
    height:44px;
    border:1px solid var(--yellow2);
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--yellow);
    font-size:18px;
    flex:0 0 auto
}

.feature strong {
    display:block;
    text-transform:uppercase;
    font-size:17px;
    line-height:1.05
}

.feature small {
    color:#e0e0e0;
    font-family:Arial,sans-serif;
    font-size:14px
}

.section {
    padding:42px 0 34px;
    background:#fff
}

.section-head {
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin-bottom:30px
}

.section h2 {
    font-size:36px;
    line-height:1;
    margin:10px 0
}

.section h7 {
    font-size:20px;
    line-height:1;
    margin:10px 0
}

.gold {
    color:#d7a900
}

.muted {
    font-family:Arial,sans-serif;
    color:#555
}

.filter-band {
    background:#0d1016;
    color:#fff;
    overflow:hidden
}

.filter-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:300px
}

.filter-img {
    background:radial-gradient(circle at 34% 43%,rgba(255,210,26,.82),transparent 36%),#0b0d12;
    display:flex;
    justify-content:center;
    align-items:center
}

.filter-img img {
    max-height:285px;
    max-width:82%
}

.filter-copy {
    padding:52px 10vw 40px 44px;
    background:linear-gradient(90deg,#10131a 0,#10131a 58%,var(--yellow2) 58%,var(--yellow) 100%)
}

.filter-copy h2 {
    font-size:38px;
    line-height:1.05
}

.filter-copy p {
    font-family:Arial,sans-serif;
    line-height:1.65;
    max-width:600px
}

.product-code {
    display:flex;
    align-items:center;
    gap:14px;
    font-size:28px;
    font-weight:900;
    margin:18px 0
}

.product-code img {
    width:56px;
    height:56px;
    background:#fff;
    border:2px solid var(--yellow);
    object-fit:contain
}

.services {
    padding:72px 0;
    background:#fff
}

.service-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px
}

.service-card {
    background:#fff;
    border:1px solid #eee;
    padding:34px;
    border-radius:10px;
    box-shadow:0 14px 40px rgba(0,0,0,.07)
}

.service-card i {
    width:50px;
    height:50px;
    border-radius:8px;
    background:#11141a;
    color:var(--yellow);
    display:grid;
    place-items:center;
    margin-bottom:18px
}

.service-card h3 {
    font-size:25px
}

.service-card p {
    font-family:Arial,sans-serif;
    line-height:1.6
}

.cta {
    background:#11141a;
    color:#fff;
    padding:45px 0
}

.cta .wrap {
    display:flex;
    align-items:center;
    justify-content:space-between
}

.footer {
    background:#1d2028;
    color:#fff;
    padding-top:58px
}

.foot-grid {
    display:grid;
    grid-template-columns:1.5fr 1.2fr .8fr 1fr;
    gap:40px
}

.foot-logo {
    height:72px;
    width:72px;
    object-fit:contain;
    border-radius:50%;
    margin-bottom:0
}

.foot-brand {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:20px
}

.foot-brand strong {
    color:#fff;
    font-size:18px;
    line-height:1.15;
    text-transform:uppercase;
    max-width:280px;
    display:block
}

.footer h3 {
    color:var(--yellow)
}

.footer p,.footer a {
    font-family:Arial,sans-serif;
    color:#f0f0f0;
    line-height:1.7
}

.footer input {
    width:100%;
    height:48px;
    border:0;
    padding:0 15px;
    border-radius:5px;
    margin-bottom:12px
}

.copy {
    margin-top:40px;
    background:var(--yellow);
    color:#111;
    padding:16px 0;
    font-weight:700
}

.copy .wrap {
    display:flex;
    justify-content:space-between
}

.whats {
    position:fixed;
    right:24px;
    bottom:24px;
    width:64px;
    height:64px;
    background:#24d366;
    color:#fff;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:34px;
    z-index:99;
    box-shadow:0 12px 28px rgba(0,0,0,.25)
}

.page-hero {
    background:#0b0d12;
    color:#fff;
    padding:95px 0;
    background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.55)),url('../img/hero-excavadeira.png');
    background-size:cover;
    background-position:center
}

.page-hero h1 {
    font-size:54px;
    margin:0
}

.page-hero h2 {
    font-size:34px;
    margin:0
}

.content {
    padding:70px 0
}

.grid-2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px
}

.panel {
    padding:32px;
    border:1px solid #eee;
    border-radius:10px;
    box-shadow:0 15px 35px rgba(0,0,0,.06)
}

.product-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}

.product {
    padding:22px;
    border:1px solid #eee;
    border-radius:10px
}

.product img {
    width:100%;
    height:110px;
    object-fit:contain
}

.contact-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px
}

.form input,.form textarea {
    width:100%;
    padding:15px;
    border:1px solid #ddd;
    margin-bottom:12px;
    border-radius:4px;
    font-family:Arial
}

.form textarea {
    height:120px
}

/* PEÇAS E APLICAÇÃO — ampliar somente a imagem do terceiro card */
.service-premium-card.service-parts > img {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    width: 65% !important;
    height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    object-fit: cover !important;
    object-position: 72% 68% !important;

    transform: scale(1.22) !important;
    transform-origin: center right !important;

    opacity: 1 !important;
    z-index: 0 !important;
}

@media(max-width:1200px) {
    .brand {
        min-width:420px
    }

    .brand-name {
        font-size:14px
    }

    .brand .brand-mark {
        height:62px;
        width:62px
    }

    .hero:before {
        background:linear-gradient(90deg,rgba(6,8,12,.98) 0%,rgba(6,8,12,.82) 48%,rgba(6,8,12,.72) 100%),radial-gradient(circle at 60% 46%,rgba(255,195,28,.32),transparent 32%),url('../img/hero-excavadeira.png') center 55%/850px auto no-repeat,#080a0e
    }

    .hero .wrap {
        grid-template-columns:1fr 260px
    }

    .feature-stack {
        grid-column:2
    }

    .menu {
        gap:18px
    }

    .brand {
        min-width:390px
    }

}

@media (max-width: 1050px) {
    .hero .wrap {
        grid-template-columns: 1fr;
        align-items: center;
    }

    .feature-stack {
        grid-column: auto;
        max-width: 420px;
    }

    .hero::before {
        background:
            linear-gradient(90deg, rgba(5, 6, 9, .96), rgba(5, 6, 9, .78)),
            url("../img/hero-excavadeira.png") center/cover no-repeat;
    }

    .menu {
        display: none;
    }

    .hamb {
        display: block;
    }

    .menu.open {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        z-index: 40;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 24px;
        background: #11141a;
    }

    .service-grid,
    .foot-grid,
    .filter-grid,
    .grid-2,
    .product-grid,
    .contact-grid {
        grid-template-columns: 1fr;
    }

    .section-head,
    .cta .wrap,
    .copy .wrap {
        display: block;
    }

    .topbar {
        height: auto;
        padding: 8px 0;
    }

    .topbar .wrap {
        display: block;
    }

    .hero h1 {
        font-size: 44px;
    }
	.hero h2 {
        font-size: 44px;
    }
	

    .about-content h2 {
        font-size: 34px;
    }

    .filter-copy {
        background: #11141a;
    }
}

@media (max-width: 950px) {
    .principles-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .brand-name {
        display: none;
    }

    .brand {
        min-width: auto;
    }

    .brand .brand-mark {
        width: 58px;
        height: 58px;
    }

    .wrap {
        width: min(100% - 28px, var(--wrap));
    }

    .hero .wrap {
        min-height: 620px;
    }

    .hero h1 {
        font-size: 44px;
    }
	.hero h2 {
        font-size: 34px;
    }

    .cat-card {
        height: 190px;
    }

    .filter-copy {
        padding: 36px 20px;
    }

    .callbox {
        display: none;
    }

    .topbar .social {
        display: none;
    }

    .navbar {
        height: 82px;
        min-height: 82px;
    }

    .menu.open {
        top: 82px;
    }

    .hero {
        min-height: 620px;
    }

    .feature-stack {
        display: none;
    }
}

/* =========================================================
   HEADER / LOGO / MENU - AJUSTE FINAL
   ========================================================= */

.navbar {
    height: 100px;
    min-height: 100px;
}

.navbar .wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 545px;
    max-width: 545px;
    min-width: 0;
    overflow: visible;
    text-decoration: none;
}

.brand .brand-mark,
.brand-mark {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    object-fit: contain;
    display: block;
    border-radius: 50%;
    filter: drop-shadow(0 0 10px rgba(255, 210, 26, .25));
    transform: translateY(2px);
}

.brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    max-width: 460px;
}

.brand-name {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: .15px;
    text-transform: uppercase;
    white-space: nowrap;
    padding-bottom: 6px;
    border-bottom: 3px solid var(--yellow);
    text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}

.brand-slogan {
    display: block;
    margin-top: 5px;
    color: #d7d7d7;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .25px;
    text-transform: uppercase;
    white-space: nowrap;
}

.menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 15px;
    font-weight: 900;
}

.menu > a,
.dropdown > a {
    white-space: nowrap;
}

.callbox {
    flex: 0 0 auto;
    min-width: 182px;
}

.timeline-section{
    padding:24px 24px 28px;
}

.timeline::before{
    top:34px;
}

.timeline-icon{
    width:68px;
    height:68px;
    font-size:24px;
    margin-bottom:10px;
}

.timeline-item strong{
    font-size:22px;
}

.timeline-item span{
    font-size:12px;
    line-height:1.3;
}

.timeline-title h2{
    font-size:22px;
}

.timeline-title{
    margin-bottom:22px;
}

@media (max-width: 1450px) {
    .brand {
        flex-basis: 480px;
        max-width: 480px;
    }

    .brand-text {
        max-width: 398px;
    }

    .brand-name {
        font-size: 13.5px;
    }

    .brand-slogan {
        font-size: 9.5px;
        letter-spacing: .1px;
    }

    .menu {
        gap: 13px;
        font-size: 14px;
    }

    .callbox {
        min-width: 168px;
    }
}

@media (max-width: 1250px) {
    .brand {
        flex-basis: 390px;
        max-width: 390px;
    }

    .brand-text {
        max-width: 310px;
    }

    .brand-name {
        font-size: 12px;
    }

    .brand-slogan {
        font-size: 8.5px;
    }

    .menu {
        gap: 10px;
        font-size: 13px;
    }
}

@media (max-width: 1050px) {
    .menu {
        display: none;
    }

    .hamb {
        display: block;
    }

    .menu.open {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        background: #11141a;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 18px;
        z-index: 40;
    }
}

@media (max-width: 620px) {
    .brand {
        flex: 1 1 auto;
        max-width: none;
        min-width: 0;
    }

    .brand .brand-mark,
    .brand-mark {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .brand-text {
        display: none;
    }

    .navbar {
        height: 82px;
        min-height: 82px;
    }

    .menu.open {
        top: 82px;
    }
}

/* =========================================================
   CATEGORIAS EM CARROSSEL - CARD PREMIUM CORRIGIDO
   Fundo padrão: assets/img/card-bg.jpg
   Peças PNG transparentes: assets/img/1.png até 32.png
   ========================================================= */

.category-carousel {
    position: relative;
    margin-top: 34px;
    padding: 0 58px;
}

.cg-category-swiper {
    overflow: hidden;
    padding: 4px 2px 24px;
}

.cg-category-swiper .swiper-wrapper {
    align-items: stretch;
}

.cg-category-swiper .swiper-slide {
    height: auto;
}

.category-carousel .cat-card {
    position: relative;
    display: block;
    width: 100%;
    height: 165px;
    min-height: 165px;
    overflow: hidden;
    isolation: isolate;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .14);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .80) 40%, rgba(0, 0, 0, .24) 100%),
        url("../img/card-bg.jpg") center/cover no-repeat;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.category-carousel .cat-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 76% 46%, rgba(255, 210, 26, .30), transparent 33%),
        linear-gradient(90deg, rgba(0, 0, 0, .58), transparent 72%);
    pointer-events: none;
}

.category-carousel .cat-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .38) 100%);
    pointer-events: none;
}

.category-carousel .cat-card > img,
.category-carousel .cat-piece {
    position: absolute;
    right: 8px;
    bottom: 0;
    z-index: 3;
    width: 48%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 20px 25px rgba(0, 0, 0, .60));
    transition: transform .35s ease, filter .35s ease;
    pointer-events: none;
}

.category-carousel .cat-card > div,
.category-carousel .cat-content {
    position: absolute;
    left: 24px;
    right: 48%;
    bottom: 18px;
    z-index: 5;
    width: auto;
    max-width: none;
    padding: 0 !important;
}

.category-carousel .cat-content h3,
.category-carousel .cat-card h3 {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    color: #fff;
    font-size: clamp(15px, 1.12vw, 19px);
    line-height: 1.05;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .15px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .70);
    overflow-wrap: anywhere;
}

.category-carousel .cat-content h3::after,
.category-carousel .cat-card h3::after {
    content: "";
    display: block;
    width: 100%;
    min-width: 52px;
    max-width: 210px;
    height: 3px;
    margin-top: 10px;
    background: var(--yellow);
    border-radius: 2px;
}

.category-carousel .cat-content span,
.category-carousel .cat-card span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 13px;
    color: var(--yellow);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .15px;
    transition: transform .25s ease;
    white-space: nowrap;
}

.category-carousel .cat-card:hover {
    border-color: rgba(255, 211, 32, .55);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .26);
}

.category-carousel .cat-card:hover .cat-piece,
.category-carousel .cat-card:hover > img {
    transform: scale(1.08);
    filter: drop-shadow(0 22px 30px rgba(0, 0, 0, .70));
}

.category-carousel .cat-card:hover span {
    transform: translateX(4px);
}

.cat-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #11131a;
    color: var(--yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .25);
    transition: .25s ease;
}

.cat-arrow:hover {
    background: var(--yellow);
    color: #050505;
    transform: translateY(-50%) scale(1.05);
}

.cat-prev {
    left: 0;
}

.cat-next {
    right: 0;
}
.category-carousel .cat-card > img,
.category-carousel .cat-piece {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    bottom: auto !important;

    width: 46% !important;
    height: 78% !important;

    object-fit: contain !important;
    object-position: center right !important;

    transform: translateY(-50%) !important;

    z-index: 3 !important;
}

.category-carousel .cat-card:hover > img,
.category-carousel .cat-card:hover .cat-piece {
    transform: translateY(-50%) scale(1.06) !important;
}

@media (max-width: 1200px) {
    .category-carousel {
        padding: 0 52px;
    }

    .category-carousel .cat-card {
        height: 160px;
        min-height: 160px;
    }

    .category-carousel .cat-card > div,
    .category-carousel .cat-content {
        right: 46%;
    }

    .category-carousel .cat-card > img,
    .category-carousel .cat-piece {
        width: 46%;
    }

    .category-carousel .cat-card h3 {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .category-carousel {
        padding: 0 44px;
    }

    .category-carousel .cat-card {
        height: 155px;
        min-height: 155px;
    }

    .category-carousel .cat-card > div,
    .category-carousel .cat-content {
        left: 20px;
        right: 44%;
        bottom: 18px;
    }

    .category-carousel .cat-card h3 {
        font-size: 18px;
    }

    .category-carousel .cat-card > img,
    .category-carousel .cat-piece {
        width: 46%;
        right: 6px;
    }

    .cat-arrow {
        width: 38px;
        height: 38px;
    }
}


/* =========================================================
   SERVIÇOS PREMIUM - 3 CARDS IGUAIS
   Corrige o card "Peças e Aplicação" para ficar do mesmo
   tamanho e com a imagem ocupando a mesma área dos demais.
   ========================================================= */

.services-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.service-premium-card {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 290px;
    height: 290px;
    overflow: hidden !important;
    border: 1px solid rgba(255, 210, 26, .38);
    border-radius: 10px;
    background: #0b0d12;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.service-premium-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(5, 7, 10, .98) 0%,
            rgba(5, 7, 10, .91) 46%,
            rgba(5, 7, 10, .20) 100%
        );
    pointer-events: none;
}

.service-premium-card > img,
.service-premium-card.service-parts > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;

    width: 58%;
    height: 100%;

    padding: 0;
    margin: 0;

    object-fit: cover;
    object-position: center;

    display: block;
    z-index: 0;

    opacity: 1;
    filter: none;
    transform: none;
}

/* Peças e Aplicação: usa a mesma área, mas sem cortar os produtos */
.service-premium-card.service-parts > img {
    width: 58%;
    height: 100%;
    object-fit: contain;
    object-position: center right;
    padding: 18px 18px 18px 0;
}

/* Mantém o conteúdo dos 3 cards com a mesma largura */
.service-premium-content {
    position: relative;
    z-index: 2;
    width: 57%;
    min-height: 290px;
    height: 100%;
    padding: 24px 22px 20px;
    display: flex;
    flex-direction: column;
}

/* Evita que o título grande quebre o alinhamento */
.service-premium-card h3 {
    margin: 0;
    color: #fff;
    font-size: 23px;
    line-height: 1.02;
    font-weight: 900;
    text-transform: uppercase;
}

.service-premium-head {
    min-height: 48px;
}

.service-premium-card .lead {
    min-height: 42px;
}

.service-checks {
    flex: 0 0 auto;
}

.service-more {
    margin-top: auto;
}

/* Ajuste fino específico do terceiro card */
.service-premium-card.service-parts .service-premium-content {
     width: 54% !important;
}

.service-premium-card.service-parts h3 {
    font-size: 21px;
}

/* Responsivo */
@media (max-width: 1150px) {
    .services-premium-grid {
        grid-template-columns: 1fr;
    }

    .service-premium-card {
        height: 280px;
        min-height: 280px;
    }

    .service-premium-content {
        min-height: 280px;
    }
}

@media (max-width: 760px) {
    .service-premium-card {
        height: auto;
        min-height: 320px;
    }

    .service-premium-card > img,
    .service-premium-card.service-parts > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        padding: 0;
        opacity: .34;
    }

    .service-premium-card::after {
        background: rgba(5, 7, 10, .82);
    }

    .service-premium-content,
    .service-premium-card.service-parts .service-premium-content {
        width: 100%;
        min-height: 320px;
    }

    .service-premium-card.service-parts h3 {
        font-size: 23px;
    }
}


/* =========================================================
   SOBRE.HTML — TRAJETÓRIA E PRINCÍPIOS COMPACTOS
   Regras finais com maior prioridade para desktop e mobile.
   ========================================================= */

/* Linha do tempo mais baixa */
.timeline-section {
    margin-top: 20px !important;
    padding: 18px 22px 22px !important;
}

.timeline-title {
    margin-bottom: 16px !important;
}

.timeline-title h2 {
    font-size: 20px !important;
}

.timeline-title h2::after {
    width: 48px !important;
    height: 2px !important;
    margin-top: 8px !important;
}

.timeline {
    gap: 10px !important;
}

.timeline::before {
    top: 28px !important;
}

.timeline-icon {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 8px !important;
    border-width: 1px !important;
    font-size: 20px !important;
}

.timeline-item strong {
    font-size: 20px !important;
}

.timeline-item span {
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

/* Seção de princípios menor */
.principles-section {
    padding: 46px 0 54px !important;
}

.principles-heading {
    margin-bottom: 24px !important;
}

.principles-heading h2 {
    margin-bottom: 10px !important;
    font-size: clamp(34px, 3vw, 46px) !important;
    line-height: 1 !important;
}

.principles-heading p {
    font-size: 15px !important;
}

.principles-grid {
    gap: 18px !important;
}

.principle-card {
    min-height: 260px !important;
    padding: 22px 24px 24px !important;
    border-radius: 10px !important;
}

.principle-number {
    top: 15px !important;
    right: 18px !important;
    font-size: 58px !important;
}

.principle-icon {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 16px !important;
    border-radius: 10px !important;
    font-size: 22px !important;
}

.principle-card h3 {
    margin-bottom: 10px !important;
    font-size: 26px !important;
}

.principle-card .line {
    width: 52px !important;
    height: 3px !important;
    margin-bottom: 16px !important;
}

.principle-card p {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

@media (max-width: 1100px) {
    .principle-card {
        min-height: 220px !important;
    }
}

@media (max-width: 760px) {
    .timeline-section {
        padding: 18px !important;
    }

    .principles-section {
        padding: 38px 0 44px !important;
    }

    .principle-card {
        min-height: 0 !important;
    }
}

/* =========================================================
   NOSSOS PRINCÍPIOS — CARDS COM IMAGENS
   Coloque este bloco NO FINAL do style.css.
   Imagens em assets/img:
   principio-missao.jpg
   principio-visao.jpg
   principio-valores.jpg
   ========================================================= */

.principles-section {
    position: relative;
    overflow: hidden;
    padding: 52px 0 60px !important;
    background:
        linear-gradient(rgba(5, 7, 10, .97), rgba(5, 7, 10, .98)),
        url("../img/card-bg.jpg") center/cover no-repeat;
    color: #fff;
}

.principles-heading {
    margin-bottom: 28px !important;
}

.principles-heading h2 {
    margin: 0 0 10px !important;
    color: #fff;
    font-size: clamp(36px, 3vw, 48px) !important;
    line-height: 1 !important;
    font-weight: 900;
}

.principles-heading h2 span {
    color: var(--yellow);
}

.principles-heading p {
    margin: 0;
    color: #d8d8d8;
    font-family: Arial, sans-serif;
    font-size: 15px !important;
}

.principles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px !important;
}

.principle-card {
    position: relative;
    isolation: isolate;
    min-height: 340px !important;
    overflow: hidden;
    padding: 28px 26px 24px !important;
    border: 1px solid rgba(255, 210, 26, .72) !important;
    border-radius: 12px !important;
    background-color: #080b10;
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .35);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.principle-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(5, 7, 10, .99) 0%,
            rgba(5, 7, 10, .94) 38%,
            rgba(5, 7, 10, .72) 64%,
            rgba(5, 7, 10, .30) 100%
        );
}

.principle-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: var(--yellow);
    box-shadow: 0 0 18px rgba(255, 210, 26, .75);
}

.principle-mission {
    background-image: url("../img/principio-missao.jpg");
}

.principle-vision {
    background-image: url("../img/principio-visao.jpg");
}

.principle-values {
    background-image: url("../img/principio-valores.jpg");
}

.principle-card:hover {
    transform: translateY(-6px);
    border-color: var(--yellow) !important;
    box-shadow:
        0 30px 65px rgba(0, 0, 0, .45),
        0 0 28px rgba(255, 210, 26, .10);
}

.principle-icon {
    width: 58px !important;
    height: 58px !important;
    margin-bottom: 18px !important;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 210, 26, .9);
    border-radius: 10px !important;
    background: rgba(5, 7, 10, .88);
    color: var(--yellow);
    font-size: 24px !important;
    box-shadow: 0 0 22px rgba(255, 210, 26, .20);
}

.principle-card h3 {
    margin: 0 0 10px !important;
    color: #fff;
    font-size: 29px !important;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0 3px 12px rgba(0, 0, 0, .85);
}

.principle-card .line {
    width: 54px !important;
    height: 3px !important;
    margin-bottom: 16px !important;
    background: var(--yellow);
}

.principle-card p {
    max-width: 72%;
    margin: 0;
    color: #f0f0f0;
    font-family: Arial, sans-serif;
    font-size: 14px !important;
    line-height: 1.58 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .9);
}

.principle-link {
    position: absolute;
    left: 26px;
    bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--yellow);
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

.principle-link i {
    transition: transform .25s ease;
}

.principle-link:hover i {
    transform: translateX(5px);
}

@media (max-width: 1050px) {
    .principles-grid {
        grid-template-columns: 1fr;
    }

    .principle-card {
        min-height: 310px !important;
    }
}

@media (max-width: 620px) {
    .principles-section {
        padding: 40px 0 46px !important;
    }

    .principle-card {
        min-height: 330px !important;
        padding: 24px 22px !important;
        background-position: center;
    }

    .principle-card p {
        max-width: 100%;
    }

    .principle-link {
        left: 22px;
    }
}

/* =========================================================
   HERO ANIMADO CG TRATOR
   Cole este bloco NO FINAL do assets/css/style.css
   ========================================================= */

.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #080a0e;
}

/* Remove a imagem fixa antiga, mantendo as camadas de contraste. */
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(5, 7, 10, .97) 0%,
            rgba(5, 7, 10, .86) 25%,
            rgba(5, 7, 10, .40) 48%,
            rgba(5, 7, 10, .25) 62%,
            rgba(5, 7, 10, .76) 82%,
            rgba(5, 7, 10, .96) 100%
        ),
        radial-gradient(
            circle at 58% 48%,
            rgba(255, 190, 20, .18),
            transparent 35%
        );
    pointer-events: none;
}

/* Mantém a grade discreta acima das fotos. */
.hero::after {
    z-index: 2;
}

.hero .wrap {
    position: relative;
    z-index: 4;
}

.hero-slideshow {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: #080a0e;
}

.hero-slide {
    position: absolute;
    inset: 0;

    opacity: 0;
    visibility: hidden;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #080a0e;

    transform: scale(1.025);

    transition:
        opacity 1.25s ease,
        visibility 1.25s ease,
        transform 7s ease;

    will-change: opacity, transform;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

/* Pequena camada inferior para integrar a imagem ao site. */
.hero-slideshow::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .08) 0%,
            transparent 55%,
            rgba(0, 0, 0, .38) 100%
        );
    pointer-events: none;
}

@media (max-width: 620px) {
    .hero-slide {
        background-size: auto 100%;
        background-position: center;
        transform: scale(1.015);
    }

    .hero-slide.active {
        transform: scale(1);
    }
}

@media (max-width: 1050px) {
    .hero-slide {
        background-position: 58% center;
    }

    .hero::before {
        background:
            linear-gradient(
                90deg,
                rgba(5, 7, 10, .96) 0%,
                rgba(5, 7, 10, .84) 48%,
                rgba(5, 7, 10, .66) 100%
            );
    }
}

@media (max-width: 620px) {
    .hero-slide {
        background-position: 62% center;
    }

    .hero::before {
        background: rgba(5, 7, 10, .70);
    }
}

/* Respeita pessoas que desativam animações no sistema. */
@media (prefers-reduced-motion: reduce) {
    .hero-slide {
        transition: opacity .4s ease;
        transform: none !important;
    }
}

/* =========================================================
   PÁGINA SERVIÇOS — LAYOUT PREMIUM CORRIGIDO
   ========================================================= */
.services-page{background:#07090d;color:#fff}
.services-hero{position:relative;min-height:560px;overflow:hidden;isolation:isolate;background:#080a0e;border-bottom:1px solid rgba(255,210,26,.28)}
.services-hero-bg{position:absolute;inset:0;z-index:0;background:url("../img/hero-servicos.jpg") center center/cover no-repeat;transform:scale(1.02);animation:servicesHeroZoom 18s ease-in-out infinite alternate}
.services-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.86) 30%,rgba(5,7,10,.56) 52%,rgba(5,7,10,.30) 72%,rgba(5,7,10,.58) 100%),radial-gradient(circle at 72% 46%,rgba(255,195,28,.15),transparent 28%);pointer-events:none}
.services-hero::after{content:"";position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;opacity:.38;pointer-events:none}
@keyframes servicesHeroZoom{from{transform:scale(1.02)}to{transform:scale(1.07)}}
.services-hero-inner{position:relative;z-index:3;min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:70px}
.services-hero-copy{max-width:760px}
.services-hero h1{margin:20px 0 24px;max-width:790px;color:#fff;font-size:clamp(48px,4.8vw,74px);line-height:.95;font-weight:900;letter-spacing:-2px;text-transform:uppercase;text-shadow:0 16px 42px rgba(0,0,0,.55)}
.services-hero h1 span{display:block;color:var(--yellow)}
.services-hero p{max-width:700px;margin-bottom:28px;color:#efefef;font-family:Arial,sans-serif;font-size:18px;line-height:1.65;text-shadow:0 3px 12px rgba(0,0,0,.75)}
.services-hero-stats{display:grid;gap:14px}
.services-stat{padding:20px 22px;border:1px solid rgba(255,210,26,.48);border-radius:10px;background:rgba(11,14,20,.88);box-shadow:0 18px 42px rgba(0,0,0,.34);backdrop-filter:blur(7px)}
.services-stat strong{display:block;margin-bottom:5px;color:var(--yellow);font-size:25px;line-height:1;font-weight:900;text-transform:uppercase}
.services-stat span{color:#f2f2f2;font-family:Arial,sans-serif;font-size:14px}
.services-showcase{position:relative;padding:72px 0 82px;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(255,210,26,.09),transparent 23%),radial-gradient(circle at 92% 88%,rgba(255,210,26,.08),transparent 22%),#07090d}
.services-section-heading{max-width:760px;margin-bottom:34px}
.services-section-heading h2{margin:12px 0 14px;color:#fff;font-size:clamp(38px,4vw,56px);line-height:1;font-weight:900}
.services-section-heading h2 span{color:var(--yellow)}
.services-section-heading p{margin:0;color:#cfcfcf;font-family:Arial,sans-serif;font-size:16px;line-height:1.65}
.services-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-image-card{position:relative;isolation:isolate;min-height:430px;overflow:hidden;border:1px solid rgba(255,210,26,.40);border-radius:12px;background:#0c0f15;box-shadow:0 22px 55px rgba(0,0,0,.38);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.service-image-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,7,10,.25) 0%,rgba(5,7,10,.70) 46%,rgba(5,7,10,.98) 82%,rgba(5,7,10,1) 100%);pointer-events:none}
.service-image-card::after{content:"";position:absolute;top:0;left:0;z-index:3;width:100%;height:4px;background:var(--yellow);box-shadow:0 0 16px rgba(255,210,26,.50)}
.service-image-card>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.service-maintenance>img,.service-controller>img{object-fit:contain;object-position:78% 20%;padding:16px}
.service-image-content{position:relative;z-index:2;min-height:430px;padding:25px 24px 22px;display:flex;flex-direction:column;justify-content:flex-end}
.service-card-icon{width:52px;height:52px;margin-bottom:14px;display:grid;place-items:center;border:1px solid rgba(255,210,26,.80);border-radius:9px;background:rgba(7,9,13,.90);color:var(--yellow);font-size:21px;box-shadow:0 0 20px rgba(255,210,26,.16)}
.service-image-card h3{margin:0 0 12px;color:#fff;font-size:28px;line-height:1;font-weight:900;text-transform:uppercase}
.service-image-card p{margin:0 0 15px;color:#e4e4e4;font-family:Arial,sans-serif;font-size:14px;line-height:1.55}
.service-image-card ul{margin:0 0 20px;padding:0;display:grid;gap:8px;list-style:none}
.service-image-card li{color:#f2f2f2;font-family:Arial,sans-serif;font-size:13px}
.service-image-card li i{margin-right:8px;color:var(--yellow)}
.service-image-card a{display:inline-flex;align-items:center;gap:9px;color:var(--yellow);font-size:14px;font-weight:900;text-transform:uppercase}
.service-image-card a i{transition:transform .25s ease}
.service-image-card:hover{transform:translateY(-7px);border-color:var(--yellow);box-shadow:0 30px 70px rgba(0,0,0,.50),0 0 26px rgba(255,210,26,.09)}
.service-image-card:hover>img{transform:scale(1.055)}
.service-image-card:hover a i{transform:translateX(5px)}
.services-process{padding:70px 0 76px;background:linear-gradient(rgba(12,15,21,.94),rgba(12,15,21,.97)),url("../img/card-bg.jpg") center/cover no-repeat;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.services-section-heading-center{max-width:none;margin-bottom:38px;text-align:center}
.services-section-heading-center .eyebrow{justify-content:center}
.services-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.services-process-item{position:relative;min-height:220px;padding:27px 22px 24px;overflow:hidden;border:1px solid rgba(255,210,26,.25);border-radius:10px;background:rgba(8,10,14,.86);text-align:center}
.services-process-number{position:absolute;top:8px;right:14px;color:rgba(255,255,255,.06);font-size:58px;font-weight:900}
.services-process-item>i{width:58px;height:58px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid var(--yellow);border-radius:50%;color:var(--yellow);font-size:21px}
.services-process-item h3{margin-bottom:10px;color:#fff;font-size:21px;text-transform:uppercase}
.services-process-item p{margin:0;color:#d7d7d7;font-family:Arial,sans-serif;font-size:14px;line-height:1.55}
.services-benefits{padding:68px 0;background:radial-gradient(circle at 84% 50%,rgba(255,210,26,.13),transparent 26%),#06080c}
.services-benefits-inner{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:70px}
.services-benefits-copy h2{margin:14px 0 18px;color:#fff;font-size:clamp(40px,4vw,58px);line-height:.98;font-weight:900;text-transform:uppercase}
.services-benefits-copy h2 span{display:block;color:var(--yellow)}
.services-benefits-copy>p{max-width:760px;color:#d7d7d7;font-family:Arial,sans-serif;font-size:16px;line-height:1.7}
.services-benefit-list{margin-top:23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.services-benefit-list div{color:#f5f5f5;font-family:Arial,sans-serif;font-size:15px}
.services-benefit-list i{margin-right:9px;color:var(--yellow)}
.services-contact-box{padding:30px;border:1px solid rgba(255,210,26,.55);border-radius:12px;background:linear-gradient(145deg,rgba(255,210,26,.08),transparent 48%),#0e1117;box-shadow:0 26px 60px rgba(0,0,0,.40)}
.services-contact-box>i{width:64px;height:64px;margin-bottom:18px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-size:31px}
.services-contact-box span{display:block;margin-bottom:7px;color:var(--yellow);font-size:15px;font-weight:900;text-transform:uppercase}
.services-contact-box strong{display:block;margin-bottom:22px;color:#fff;font-size:27px;line-height:1.08;text-transform:uppercase}
.services-contact-box a{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:5px;background:var(--yellow);color:#111;font-weight:900;text-transform:uppercase}
@media(max-width:1150px){.services-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.services-hero-inner,.services-benefits-inner{grid-template-columns:1fr}.services-hero-inner{padding:54px 0}.services-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.services-benefits-inner{gap:38px}}
@media(max-width:720px){.services-hero{min-height:650px}.services-hero-bg{background-position:60% center}.services-hero-inner{min-height:650px;padding:44px 0}.services-hero h1{font-size:43px}.services-hero-stats,.services-cards-grid,.services-process-grid,.services-benefit-list{grid-template-columns:1fr}.service-image-card,.service-image-content{min-height:410px}.services-benefits-copy h2{font-size:39px}.services-contact-box{padding:25px 22px}}
@media(prefers-reduced-motion:reduce){.services-hero-bg{animation:none;transform:none}}

/* =========================================================
   SOBRE — ESTATÍSTICAS E TRAJETÓRIA PADRONIZADAS
   ========================================================= */
.about-stats,.timeline-section{width:100%;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;background:rgba(8,11,16,.94)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.about-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:30px!important;overflow:hidden!important}
.about-stat{min-height:136px!important;padding:20px 14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-right:1px solid rgba(255,255,255,.18)!important;border-bottom:0!important}
.about-stat:last-child{border-right:0!important}
.about-stat i{width:38px!important;height:38px!important;margin:0 0 8px!important;display:grid!important;place-items:center!important;color:var(--yellow)!important;font-size:28px!important;line-height:1!important}
.about-stat strong{display:block!important;min-height:42px!important;margin:0!important;color:var(--yellow)!important;font-size:38px!important;line-height:1!important;font-weight:900!important;text-transform:none!important}
.about-stat span{display:block!important;min-height:30px!important;margin-top:8px!important;color:#f2f2f2!important;font-size:12px!important;line-height:1.25!important;font-weight:700!important;text-transform:uppercase!important}
.timeline-section{margin-top:20px!important;padding:20px 22px 24px!important}
.timeline-title{margin-bottom:18px!important;text-align:left!important}
.timeline-title h2{margin:0!important;display:flex!important;align-items:center!important;gap:14px!important;color:var(--yellow)!important;font-size:18px!important;line-height:1!important;font-weight:900!important;text-transform:uppercase!important}
.timeline-title h2::before{content:""!important;width:46px!important;height:3px!important;display:block!important;flex:0 0 46px!important;background:var(--yellow)!important}
.timeline-title h2::after{display:none!important}
.timeline{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
.timeline::before{content:""!important;position:absolute!important;top:27px!important;left:9%!important;right:9%!important;height:2px!important;display:block!important;background:var(--yellow)!important;opacity:.9!important}
.timeline-item{position:relative!important;z-index:2!important;min-height:118px!important;padding:0 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}
.timeline-icon{width:56px!important;height:56px!important;margin:0 auto 10px!important;display:grid!important;place-items:center!important;border:1px solid var(--yellow)!important;border-radius:50%!important;background:#080b10!important;color:var(--yellow)!important;font-size:20px!important;box-shadow:0 0 18px rgba(255,210,26,.08)}
.timeline-item strong{display:block!important;min-height:28px!important;margin:0!important;color:var(--yellow)!important;font-size:26px!important;line-height:1!important;font-weight:900!important}
.timeline-item span{display:block!important;min-height:30px!important;margin-top:7px!important;color:#f2f2f2!important;font-size:11px!important;line-height:1.25!important;font-weight:700!important;text-transform:uppercase!important}
@media(max-width:1100px){.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.about-stat{border-bottom:1px solid rgba(255,255,255,.18)!important}.about-stat:nth-child(2n){border-right:0!important}.about-stat:last-child{grid-column:1/-1!important;border-right:0!important;border-bottom:0!important}.timeline{grid-template-columns:1fr!important;gap:18px!important}.timeline::before{display:none!important}.timeline-item{min-height:auto!important;padding:12px!important;display:grid!important;grid-template-columns:56px 90px 1fr!important;align-items:center!important;gap:14px!important;text-align:left!important;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.025)}.timeline-icon{margin:0!important}.timeline-item strong,.timeline-item span{min-height:0!important;margin:0!important;text-align:left!important}}
@media(max-width:620px){.about-stats{grid-template-columns:1fr!important}.about-stat,.about-stat:nth-child(2n),.about-stat:last-child{grid-column:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.about-stat:last-child{border-bottom:0!important}.timeline-section{padding:18px 14px!important}.timeline-item{grid-template-columns:52px 72px 1fr!important;gap:10px!important}.timeline-icon{width:52px!important;height:52px!important;font-size:18px!important}.timeline-item strong{font-size:22px!important}.timeline-item span{font-size:10px!important}}

.service-electric > img {
    content: url("../img/servico-eletrica-novo.jpg");
}

.service-harness > img {
    content: url("../img/servico-chicotes-novo.jpg");
}

.service-maintenance > img {
    content: url("../img/servico-manutencao-novo.jpg");
}

.service-hydraulic > img {
    content: url("../img/servico-hidraulica-novo.jpg");
}

.service-sensors > img {
    content: url("../img/servico-sensores-novo.jpg");
}

.service-controller > img {
    content: url("../img/servico-controladoras-novo.jpg");
}

/* =========================================================
   SERVIÇOS — CARDS COMPACTOS (AJUSTE FINAL)
   Este bloco deve permanecer no FINAL do style.css.
   ========================================================= */

.services-showcase {
    padding: 46px 0 58px !important;
}

.services-section-heading {
    margin-bottom: 24px !important;
}

.services-section-heading h2 {
    font-size: clamp(32px, 3vw, 44px) !important;
}

.services-section-heading p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Grade centralizada e mais estreita */
.services-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 390px)) !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 22px !important;
}

/* Card menor */
.service-image-card {
    width: 100% !important;
    min-height: 360px !important;
    height: 360px !important;
    border-radius: 10px !important;
}

/* Conteúdo interno mais compacto */
.service-image-content {
    min-height: 360px !important;
    height: 100% !important;
    padding: 18px 20px 18px !important;
}

/* Ícone menor */
.service-card-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
}

/* Título menor e com melhor encaixe */
.service-image-card h3 {
    margin-bottom: 9px !important;
    font-size: 21px !important;
    line-height: 1.05 !important;
    letter-spacing: -.2px !important;
}

/* Texto compacto */
.service-image-card p {
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Lista menor */
.service-image-card ul {
    margin-bottom: 12px !important;
    gap: 5px !important;
}

.service-image-card li {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

.service-image-card li i {
    margin-right: 6px !important;
}

/* Link menor */
.service-image-card a {
    font-size: 12px !important;
    gap: 7px !important;
}

/* Mantém as imagens preenchendo o card */
.service-image-card > img,
.service-maintenance > img,
.service-controller > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
}

/* Gradiente mais curto para mostrar mais imagem */
.service-image-card::before {
    background:
        linear-gradient(
            180deg,
            rgba(5, 7, 10, .04) 0%,
            rgba(5, 7, 10, .18) 30%,
            rgba(5, 7, 10, .70) 55%,
            rgba(5, 7, 10, .96) 78%,
            #05070a 100%
        ) !important;
}

/* Hover mais discreto */
.service-image-card:hover {
    transform: translateY(-4px) !important;
}

.service-image-card:hover > img {
    transform: scale(1.035) !important;
}

/* Notebook */
@media (max-width: 1280px) {
    .services-cards-grid {
        grid-template-columns: repeat(3, minmax(0, 350px)) !important;
        gap: 18px !important;
    }

    .service-image-card,
    .service-image-content {
        min-height: 345px !important;
        height: 345px !important;
    }

    .service-image-card h3 {
        font-size: 19px !important;
    }
}

/* Tablet */
@media (max-width: 1050px) {
    .services-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 390px)) !important;
    }
}

/* Celular */
@media (max-width: 720px) {
    .services-showcase {
        padding: 38px 0 46px !important;
    }

    .services-cards-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .service-image-card,
    .service-image-content {
        min-height: 350px !important;
        height: 350px !important;
    }

    .service-image-content {
        padding: 18px !important;
    }

    .service-image-card h3 {
        font-size: 20px !important;
    }
}

/* PEÇAS V2 — CATÁLOGO PREMIUM */
.parts-page{background:#07090d;color:#fff}.parts-hero{position:relative;min-height:590px;overflow:hidden;isolation:isolate;background:#07090d;border-bottom:1px solid rgba(255,210,26,.2)}.parts-hero-bg{position:absolute;inset:0;background:url("../img/hero-04-pecas.jpg") center/cover no-repeat;transform:scale(1.02)}.parts-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.9) 34%,rgba(5,7,10,.48) 62%,rgba(5,7,10,.7)),radial-gradient(circle at 72% 42%,rgba(255,210,26,.18),transparent 28%)}.parts-hero:after{content:"";position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:70px 70px;opacity:.4}.parts-hero-inner{position:relative;z-index:3;min-height:590px;display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:70px}.parts-hero-copy{max-width:850px}.parts-hero h1{margin:20px 0 22px;font-size:clamp(52px,5vw,80px);line-height:.92;font-weight:900;letter-spacing:-2px;text-transform:uppercase}.parts-hero h1 span,.parts-section-heading h2 span{display:block;color:var(--yellow)}.parts-hero p{max-width:720px;margin-bottom:26px;color:#ececec;font-family:Arial,sans-serif;font-size:17px;line-height:1.68}.parts-search{max-width:850px;height:64px;padding-left:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid rgba(255,210,26,.62);border-radius:8px;background:rgba(10,13,18,.93);box-shadow:0 22px 50px rgba(0,0,0,.34)}.parts-search>i{color:var(--yellow);font-size:19px}.parts-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:16px Arial}.parts-search button{align-self:stretch;min-width:155px;border:0;border-radius:0 7px 7px 0;background:var(--yellow);color:#111;font:900 14px inherit;text-transform:uppercase;cursor:pointer}.parts-hero-actions{margin-top:20px;display:flex;gap:14px;flex-wrap:wrap}.parts-hero-panel{display:grid;gap:14px}.parts-hero-panel-item{min-height:96px;padding:20px;display:flex;align-items:center;gap:17px;border:1px solid rgba(255,210,26,.4);border-radius:10px;background:rgba(11,14,20,.88);box-shadow:0 18px 42px rgba(0,0,0,.32)}.parts-hero-panel-item>i{width:50px;height:50px;display:grid;place-items:center;border-radius:9px;background:var(--yellow);color:#111;font-size:21px}.parts-hero-panel-item strong{display:block;margin-bottom:4px;color:var(--yellow);font-size:21px;text-transform:uppercase}.parts-hero-panel-item span{color:#e8e8e8;font:13px Arial}.parts-trust{background:#11151c;border-bottom:1px solid rgba(255,255,255,.08)}.parts-trust-grid{min-height:88px;display:grid;grid-template-columns:repeat(4,1fr)}.parts-trust-grid>div{padding:20px;display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:900;text-transform:uppercase}.parts-trust-grid i{color:var(--yellow);font-size:20px}.parts-catalog{padding:64px 0 76px;background:radial-gradient(circle at 8% 15%,rgba(255,210,26,.08),transparent 22%),radial-gradient(circle at 92% 80%,rgba(255,210,26,.06),transparent 22%),#07090d}.parts-section-heading{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.parts-section-heading h2{margin:12px 0 10px;font-size:clamp(38px,4vw,56px);line-height:1}.parts-section-heading p{margin:0;color:#cfcfcf;font:15px Arial}.parts-results{min-width:160px;padding:14px 18px;border:1px solid rgba(255,210,26,.34);border-radius:8px;background:rgba(255,255,255,.025);text-align:center}.parts-results strong{display:block;color:var(--yellow);font-size:28px}.parts-results span{color:#ddd;font:12px Arial}.parts-filter-bar{margin-bottom:28px;display:flex;flex-wrap:wrap;gap:10px}.parts-filter-bar button{min-height:42px;padding:0 19px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#11151c;color:#eee;font:900 13px inherit;text-transform:uppercase;cursor:pointer}.parts-filter-bar button.active,.parts-filter-bar button:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.parts-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.parts-category-card{position:relative;isolation:isolate;min-height:315px;overflow:hidden;border:1px solid rgba(255,210,26,.32);border-radius:11px;background:#0c0f15;box-shadow:0 20px 48px rgba(0,0,0,.3);transition:.3s}.parts-category-card:after{content:"";position:absolute;top:0;left:0;right:0;z-index:3;height:3px;background:var(--yellow)}.parts-category-card>img{position:absolute;inset:0;width:100%;height:100%;padding:22px 22px 82px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.52));transition:.4s}.parts-category-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 65% 35%,rgba(255,210,26,.14),transparent 30%),linear-gradient(180deg,rgba(5,7,10,.04),rgba(5,7,10,.16) 40%,rgba(5,7,10,.92) 70%,#05070a)}.parts-category-content{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}.parts-category-content>span{display:block;margin-bottom:5px;color:var(--yellow);font-size:11px;font-weight:900;text-transform:uppercase}.parts-category-content h3{margin:0 0 7px;font-size:24px;text-transform:uppercase}.parts-category-content p{min-height:34px;margin:0 0 12px;color:#dbdbdb;font:12px/1.4 Arial}.parts-category-content a{display:inline-flex;gap:8px;color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase}.parts-category-card:hover{transform:translateY(-6px);border-color:var(--yellow)}.parts-category-card:hover>img{transform:scale(1.07)}.parts-category-card[hidden]{display:none!important}.parts-empty{display:none;padding:50px 20px;border:1px solid rgba(255,210,26,.25);border-radius:10px;background:#0e1117;text-align:center}.parts-empty.show{display:block}.parts-empty>i{color:var(--yellow);font-size:35px}.parts-empty a{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;background:var(--yellow);color:#111;font-weight:900;text-transform:uppercase}.parts-applications{padding:62px 0 68px;background:linear-gradient(rgba(14,17,23,.95),rgba(14,17,23,.97)),url("../img/card-bg.jpg") center/cover no-repeat}.parts-application-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.parts-application-grid a{min-height:130px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid rgba(255,210,26,.24);border-radius:9px;background:rgba(8,10,14,.82);text-align:center}.parts-application-grid i{color:var(--yellow);font-size:29px}.parts-application-grid span{font-size:14px;font-weight:900;text-transform:uppercase}.parts-cta{padding:58px 0;background:radial-gradient(circle at 84% 50%,rgba(255,210,26,.14),transparent 26%),#06080c}.parts-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.parts-cta h2{margin:14px 0 12px;font-size:clamp(38px,4vw,54px);text-transform:uppercase}.parts-cta p{max-width:820px;color:#d6d6d6;font:15px/1.65 Arial}.parts-cta-inner>a{min-height:58px;padding:0 28px;display:inline-flex;align-items:center;gap:11px;border-radius:6px;background:var(--yellow);color:#111;font-weight:900;text-transform:uppercase;white-space:nowrap}@media(max-width:1200px){.parts-category-grid{grid-template-columns:repeat(3,1fr)}.parts-application-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.parts-hero-inner,.parts-cta-inner{grid-template-columns:1fr}.parts-hero-inner{padding:55px 0}.parts-hero-panel{grid-template-columns:repeat(3,1fr)}.parts-trust-grid{grid-template-columns:repeat(2,1fr)}.parts-category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.parts-hero{min-height:720px}.parts-hero-inner{min-height:720px;padding:42px 0}.parts-hero h1{font-size:46px}.parts-search{height:auto;padding:14px;grid-template-columns:auto 1fr}.parts-search button{grid-column:1/-1;min-height:48px;border-radius:5px}.parts-hero-panel,.parts-category-grid,.parts-application-grid,.parts-trust-grid{grid-template-columns:1fr}.parts-section-heading{align-items:flex-start;flex-direction:column}}

.parts-load-more {
    margin-top: 34px;
    display: flex;
    justify-content: center;
}

.parts-load-more button {
    min-height: 52px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--yellow);
    border-radius: 6px;
    background: var(--yellow);
    color: #111;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.parts-load-more button:hover {
    transform: translateY(-3px);
    background: transparent;
    color: var(--yellow);
    box-shadow: 0 12px 30px rgba(255, 210, 26, .13);
}

.parts-load-more button i {
    font-size: 13px;
}

/* =========================================================
   HERO PEÇAS V4
   ========================================================= */

.parts-hero-v4 {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    isolation: isolate;
    background: #030507;
    border-bottom: 1px solid rgba(255, 210, 26, 0.24);
}

/* Imagem principal das peças */

.parts-hero-image {
    position: absolute;
    inset: 0;
    z-index: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(3, 5, 7, 1) 0%,
            rgba(3, 5, 7, 0.98) 25%,
            rgba(3, 5, 7, 0.83) 39%,
            rgba(3, 5, 7, 0.24) 61%,
            rgba(3, 5, 7, 0.06) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.05) 55%,
            rgba(0, 0, 0, 0.65) 100%
        ),
        url("../img/hero-pecas-v4.png");

    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Grade industrial sutil */

.parts-hero-v4::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        );

    background-size: 72px 72px;
}

/* Brilho amarelo atrás das peças */

.parts-hero-v4::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    width: 58%;
    z-index: 1;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 56% 38%,
            rgba(255, 190, 0, 0.20),
            transparent 38%
        );
}

/* Conteúdo */

.parts-hero-container {
    position: relative;
    z-index: 3;
    min-height: 720px;

    display: flex;
    align-items: center;
}

.parts-hero-content {
    width: 100%;
    max-width: 610px;
    padding: 52px 0 42px;
}

/* Texto superior */

.parts-hero-eyebrow {
    margin-bottom: 20px;

    display: flex;
    align-items: center;
    gap: 14px;

    color: #ffd21a;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
}

.parts-hero-eyebrow span {
    width: 48px;
    height: 3px;
    display: block;
    background: #ffd21a;
}

/* Título */

.parts-hero-title {
    margin: 0;

    color: #ffffff;
    font-size: clamp(42px, 4.4vw, 36px);
    line-height: 0.96;
    font-weight: 900;
    letter-spacing: -1.5px;
    text-transform: uppercase;
}

.parts-hero-title strong {
    margin-top: 8px;
    display: block;
    color: #ffd21a;
    font-size: 1.16em;
    font-weight: 900;
}

.parts-hero-line {
    width: 100%;
    max-width: 515px;
    height: 3px;
    margin: 18px 0;
    background: #ffd21a;
}

/* Descrição */

.parts-hero-description {
    max-width: 540px;
    margin: 0 0 26px;

    color: #eeeeee;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

/* Busca */

.parts-hero-search {
    width: 100%;
    max-width: 610px;
    min-height: 64px;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;

    border: 1px solid rgba(255, 210, 26, 0.75);
    border-radius: 7px;
    overflow: hidden;

    background: rgba(7, 10, 14, 0.94);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}

.parts-hero-search-field {
    min-width: 0;
    padding: 0 20px;

    display: flex;
    align-items: center;
    gap: 15px;
}

.parts-hero-search-field i {
    flex: 0 0 auto;
    color: #ffd21a;
    font-size: 21px;
}

.parts-hero-search-field input {
    width: 100%;
    height: 62px;

    border: 0;
    outline: 0;
    background: transparent;

    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.parts-hero-search-field input::placeholder {
    color: #8f949d;
}

.parts-hero-search button {
    border: 0;
    background: #ffd21a;
    color: #111111;

    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.parts-hero-search button:hover {
    background: #ffffff;
}

/* Botões */

.parts-hero-buttons {
    margin-top: 18px;

    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.parts-hero-button {
    min-height: 54px;
    padding: 0 25px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border-radius: 6px;

    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

.parts-hero-button i {
    font-size: 18px;
}

.parts-hero-button.primary {
    border: 1px solid #ffd21a;
    background: #ffd21a;
    color: #111111;
}

.parts-hero-button.outline {
    border: 1px solid #ffd21a;
    background: rgba(4, 6, 9, 0.74);
    color: #ffffff;
}

.parts-hero-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30);
}

.parts-hero-button.outline:hover {
    background: #ffd21a;
    color: #111111;
}

/* Três cards */

.parts-hero-highlights {
    width: 100%;
    max-width: 940px;
    margin-top: 32px;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.parts-highlight-card {
    min-height: 112px;
    padding: 19px;

    display: flex;
    align-items: center;
    gap: 16px;

    border: 1px solid rgba(255, 210, 26, 0.63);
    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            rgba(16, 19, 24, 0.97),
            rgba(5, 7, 10, 0.93)
        );

    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.32);
}

.parts-highlight-icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;

    display: grid;
    place-items: center;

    border-radius: 7px;
    background: #ffd21a;
    color: #111111;
    font-size: 22px;
}

.parts-highlight-card strong {
    display: block;
    margin-bottom: 5px;

    color: #ffd21a;
    font-size: 19px;
    line-height: 1.05;
    font-weight: 900;
    text-transform: uppercase;
}

.parts-highlight-card span {
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

/* =========================================================
   FAIXA DE BENEFÍCIOS
   ========================================================= */

.parts-hero-benefits {
    position: relative;
    z-index: 5;

    padding: 0 0 20px;
    background: #05070a;
}

.parts-benefits-grid {
    min-height: 128px;
    padding: 22px 28px;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;

    background:
        linear-gradient(
            180deg,
            rgba(20, 24, 30, 0.98),
            rgba(8, 11, 15, 0.98)
        );

    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.38);
}

.parts-benefit {
    padding: 10px 25px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.parts-benefit:last-child {
    border-right: 0;
}

.parts-benefit-icon {
    width: 54px;
    flex: 0 0 54px;

    color: #ffd21a;
    font-size: 39px;
    text-align: center;
}

.parts-benefit strong {
    display: block;
    margin-bottom: 5px;

    color: #ffffff;
    font-size: 17px;
    line-height: 1.05;
    font-weight: 900;
    text-transform: uppercase;
}

.parts-benefit span {
    color: #d9d9d9;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 1100px) {

    .parts-hero-image {
        background-position: 62% center;
    }

    .parts-hero-content {
        max-width: 560px;
    }

    .parts-hero-highlights {
        grid-template-columns: 1fr;
        max-width: 420px;
    }

    .parts-highlight-card {
        min-height: 88px;
    }

    .parts-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .parts-benefit:nth-child(2) {
        border-right: 0;
    }

    .parts-benefit:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

}

@media (max-width: 700px) {

    .parts-hero-v4,
    .parts-hero-container {
        min-height: auto;
    }

    .parts-hero-image {
        background-position: 68% center;
    }

    .parts-hero-v4::after {
        width: 100%;
        right: 0;
    }

    .parts-hero-container {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .parts-hero-content {
        max-width: 100%;
    }

    .parts-hero-title {
        font-size: 43px;
    }

    .parts-hero-description {
        font-size: 14px;
    }

    .parts-hero-search {
        grid-template-columns: 1fr;
    }

    .parts-hero-search button {
        min-height: 50px;
    }

    .parts-hero-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }

    .parts-hero-button {
        width: 100%;
    }

    .parts-hero-highlights {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .parts-benefits-grid {
        grid-template-columns: 1fr;
        padding: 12px 18px;
    }

    .parts-benefit {
        justify-content: flex-start;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .parts-benefit:last-child {
        border-bottom: 0;
    }

}

/* =========================================================
   AJUSTE FINAL — HERO PEÇAS: 3 CARDS EM UMA ÚNICA LINHA
   Mantém o texto principal estreito, mas libera largura para
   os três cards inferiores sem quebrar títulos no desktop.
   ========================================================= */

.parts-hero-content {
    width: 100% !important;
    max-width: 980px !important;
}

/* Mantém título, descrição, busca e botões na largura original. */
.parts-hero-eyebrow,
.parts-hero-title,
.parts-hero-line,
.parts-hero-description,
.parts-hero-search,
.parts-hero-buttons {
    max-width: 610px;
}

/* Os três cards ocupam uma faixa mais larga que o texto. */
.parts-hero-highlights {
    width: 940px !important;
    max-width: calc(100vw - 190px) !important;
    margin-top: 32px !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;

    align-items: stretch !important;
}

/* Impede que o card force uma nova linha na grade. */
.parts-highlight-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px !important;
    padding: 18px 16px !important;

    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Área do texto pode encolher corretamente dentro do card. */
.parts-highlight-card > div:last-child {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Mantém os títulos dos cards em uma linha no computador. */
.parts-highlight-card strong {
    display: block !important;
    margin-bottom: 5px !important;

    font-size: clamp(15px, 1.05vw, 18px) !important;
    line-height: 1 !important;
    letter-spacing: -0.2px !important;

    white-space: nowrap !important;
    overflow: visible !important;
}

/* Subtexto também fica mais compacto. */
.parts-highlight-card span {
    display: block !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

/* 3 BOTÕES DA HERO NA MESMA LINHA */
.hero .actions{
    display:flex;
    flex-wrap:nowrap;
    gap:14px;
    align-items:center;
}

.hero .actions .btn{
    white-space:nowrap;
    padding-left:22px;
    padding-right:22px;
    min-width:auto;
    flex:0 0 auto;
}

/* Em telas menores pode quebrar normalmente */
@media (max-width:900px){
    .hero .actions{
        flex-wrap:wrap;
    }
}

/* Notebook: ainda mantém os três cards na mesma linha. */
@media (max-width: 1100px) and (min-width: 701px) {

    .parts-hero-content {
        max-width: 900px !important;
    }

    .parts-hero-highlights {
        width: 860px !important;
        max-width: calc(100vw - 80px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .parts-highlight-card {
        min-height: 96px !important;
        padding: 14px 12px !important;
        gap: 10px !important;
    }

    .parts-highlight-icon {
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
        font-size: 18px !important;
    }

    .parts-highlight-card strong {
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    .parts-highlight-card span {
        font-size: 11px !important;
        white-space: nowrap !important;
    }
}

/* Celular: os cards passam para uma coluna, como esperado. */
@media (max-width: 700px) {

    .parts-hero-content {
        max-width: 100% !important;
    }

    .parts-hero-highlights {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .parts-highlight-card strong,
    .parts-highlight-card span {
        white-space: normal !important;
    }
}

/* =========================================================
   CORREÇÃO FINAL — CARDS COMO FUNCIONA / SERVIÇOS
   Compatível com o HTML atual:
   .process-photo, .process-icon e .process-content
   ========================================================= */

.services-process {
    padding: 64px 0 72px !important;
    background:
        linear-gradient(
            rgba(12, 15, 21, .95),
            rgba(12, 15, 21, .98)
        ),
        url("../img/card-bg.jpg") center / cover no-repeat !important;
}

.services-section-heading-center {
    max-width: 820px !important;
    margin: 0 auto 34px !important;
    text-align: center !important;
}

.services-section-heading-center .eyebrow {
    justify-content: center !important;
}

.services-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.services-process-item {
    position: relative !important;
    min-width: 0 !important;
    min-height: 320px !important;
    height: 320px !important;
    padding: 0 !important;
    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;

    border: 1px solid rgba(255, 210, 26, .35) !important;
    border-radius: 12px !important;
    background: #090c11 !important;
    text-align: left !important;

    box-shadow: 0 20px 45px rgba(0, 0, 0, .32) !important;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

.services-process-item:hover {
    transform: translateY(-5px) !important;
    border-color: var(--yellow) !important;
    box-shadow:
        0 28px 60px rgba(0, 0, 0, .42),
        0 0 22px rgba(255, 210, 26, .08) !important;
}

/* Área da imagem */
.process-photo {
    position: relative !important;
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    overflow: hidden !important;
    background: #0b0e13 !important;
}

.process-photo::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            180deg,
            rgba(5, 7, 10, .04) 0%,
            rgba(5, 7, 10, .12) 50%,
            rgba(5, 7, 10, .92) 100%
        ) !important;
    pointer-events: none !important;
}

.process-photo img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;

    object-fit: cover !important;
    object-position: center !important;

    transform: scale(1.01) !important;
    transition: transform .4s ease !important;
}

.services-process-item:hover .process-photo img {
    transform: scale(1.06) !important;
}

/* Ícone sobreposto */
.process-icon {
    position: absolute !important;
    left: 20px !important;
    top: 160px !important;
    z-index: 3 !important;

    width: 54px !important;
    height: 54px !important;

    display: grid !important;
    place-items: center !important;

    border: 1px solid var(--yellow) !important;
    border-radius: 10px !important;
    background: #090c11 !important;
    color: var(--yellow) !important;

    font-size: 20px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .38) !important;
}

/* Conteúdo inferior */
.process-content {
    position: relative !important;
    z-index: 2 !important;

    flex: 1 1 auto !important;
    min-height: 0 !important;

    padding: 34px 20px 20px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.process-content h3,
.services-process-item h3 {
    margin: 0 0 8px !important;

    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.process-content p,
.services-process-item p {
    margin: 0 !important;

    color: #d9d9d9 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Neutraliza o modelo antigo de cards com número e ícone solto */
.services-process-number,
.services-process-item > i {
    display: none !important;
}

/* Notebook */
@media (max-width: 1180px) {
    .services-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .services-process-item {
        min-height: 310px !important;
        height: 310px !important;
    }

    .process-photo {
        height: 182px !important;
        min-height: 182px !important;
    }

    .process-icon {
        top: 152px !important;
    }
}

/* Celular */
@media (max-width: 700px) {
    .services-process {
        padding: 48px 0 54px !important;
    }

    .services-process-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .services-process-item {
        min-height: 300px !important;
        height: auto !important;
    }

    .process-photo {
        height: 180px !important;
        min-height: 180px !important;
    }

    .process-icon {
        top: 150px !important;
    }

    .process-content {
        padding: 34px 18px 20px !important;
    }
}