/* Medidas e pontos de quebra do HTML aprovado; estilos restritos a esta página. */
.pagina-pecas{--green:#173b31;--yellow:#e7cd47;--muted:#66736d;--line:#e7ebe7;margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--green);background:#fff}
.pagina-pecas *, .pagina-pecas *::before, .pagina-pecas *::after{box-sizing:border-box}
.pagina-pecas .pecas-layout{line-height:normal;max-width:1390px;padding:0 30px;margin:auto}
.pagina-pecas .intro{padding:46px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:25px}
.pagina-pecas .eyebrow{font-size:11px;font-weight:800;letter-spacing:2.3px;color:#a08b2a;margin-bottom:13px}
.pagina-pecas .intro h1{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:0 0 13px}
.pagina-pecas .intro p{color:var(--muted);font-size:15px;margin:0;line-height:1.6}
.pagina-pecas .contact{border:1px solid #cdd9d1;border-radius:9px;padding:13px 18px;color:var(--green);text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}
.pagina-pecas .bar{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);font-size:12px;color:#68746e}
.pagina-pecas .bar b{color:var(--green)}
.pagina-pecas .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pagina-pecas .product{border:1px solid #e4e8e3;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:white}
.pagina-pecas .product:hover{transform:translateY(-3px);box-shadow:0 14px 32px #173b3114}
.pagina-pecas .photo{height:235px;background:linear-gradient(145deg,#f6f7f4,#e9eee8);display:flex;align-items:center;justify-content:center;position:relative}
.pagina-pecas .photo svg{width:76px;height:76px;opacity:.38}
.pagina-pecas .photo span{position:absolute;bottom:15px;left:16px;font-size:10px;letter-spacing:.3px;color:#82918a}
.pagina-pecas .info{padding:20px}
.pagina-pecas .info h2{font-size:18px;letter-spacing:-.5px;line-height:1.3;min-height:48px;margin:0 0 18px}
.pagina-pecas .quote{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:#fff;border-radius:7px;padding:13px 14px;text-decoration:none;font-size:12px;font-weight:700}
.pagina-pecas .quote:hover{background:#285b47}
.pagina-pecas .note{margin:38px 0 65px;border-left:3px solid var(--yellow);padding:16px 22px;background:#f8f9f6;color:#5e6b63;font-size:13px;line-height:1.6}
.pagina-pecas .note strong{color:var(--green)}
@media(max-width:1050px){
.pagina-pecas .grid{grid-template-columns:repeat(3,1fr)}
.pagina-pecas .photo{height:215px}
}
@media(max-width:760px){
.pagina-pecas .intro{padding:28px 0 20px;align-items:start;flex-direction:column}
.pagina-pecas .intro h1{letter-spacing:-1px}
.pagina-pecas .grid{grid-template-columns:repeat(2,1fr);gap:12px}
.pagina-pecas .photo{height:170px}
.pagina-pecas .info{padding:13px}
.pagina-pecas .info h2{font-size:15px;min-height:40px}
.pagina-pecas .quote{font-size:11px;padding:12px 9px}
.pagina-pecas .pecas-layout{padding:0 16px}
.pagina-pecas .contact{display:none}
}
@media(max-width:430px){
.pagina-pecas .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pagina-pecas .photo{height:145px}
.pagina-pecas .info h2{font-size:14px}
.pagina-pecas .quote{font-size:10px}
}

/* Integração com os componentes existentes, sem modificar outras páginas. */
.pagina-pecas .main-top > header{position:relative;border-bottom:1px solid var(--line);background:#fff}
.pagina-pecas .main-top > .banner_w3lspvt-1{display:none}
.pagina-pecas .rodomoura-header > .container-fluid{max-width:1390px;padding:0 30px}
.pagina-pecas .rodomoura-header .header{min-height:94px;padding:14px 0!important}
.pagina-pecas .rodomoura-header .menu > li > a[href="pecas-acessorios.php"]{font-weight:700;border-bottom:2px solid #d7bb34;border-radius:0}
.pagina-pecas .pecas-layout a{letter-spacing:normal}
.pagina-pecas .intro h1,.pagina-pecas .info h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:var(--green)}
.pagina-pecas .intro p{letter-spacing:normal}
.pagina-pecas .product{min-width:0}
.pagina-pecas .photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pagina-pecas .photo-placeholder[hidden]{display:none}
.pagina-pecas .photo > img{display:block;width:100%;height:100%;object-fit:contain}
.pagina-pecas .photo span{right:8px}
.pagina-pecas .quote{gap:4px}
.pagina-pecas .quote:hover{color:#fff}
.pagina-pecas .pecas-skip{position:absolute;top:8px;left:16px;transform:translateY(-180%);z-index:100;padding:12px 20px;background:#173b31;color:#fff}
.pagina-pecas .pecas-skip:focus{transform:translateY(0)}
.pagina-pecas a:focus-visible{outline:3px solid #a08b2a;outline-offset:4px}
@media(max-width:760px){.pagina-pecas .rodomoura-header .header{min-height:75px}}
@media(prefers-reduced-motion:reduce){.pagina-pecas .product{transition:none}.pagina-pecas .product:hover{transform:none}}