.machines-page{background:#061e30;color:#f2f8fb}
.machines-scene{position:relative;isolation:isolate;background:radial-gradient(ellipse at 88% 5%,#12556780,transparent 55%),radial-gradient(ellipse at 0 95%,#123e6570,transparent 55%),linear-gradient(145deg,#061b30,#092b3c);overflow:hidden}
.machines-scene::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#83d7e908 1px,transparent 1px),linear-gradient(90deg,#83d7e908 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.machines-scene::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:800px;height:800px;right:-300px;top:-560px;border:1px solid #7bd8e52b;border-radius:50%;box-shadow:0 0 0 70px #74dbe707,0 0 0 140px #74dbe705}
.machines-page .machines-heading{padding-top:28px;padding-bottom:24px}
.machines-heading .breadcrumb{font-size:12px;color:#9bbbc9;margin:0 0 22px}
.machines-heading .eyebrow{color:#8cd7e8;font-size:11px;letter-spacing:.18em;margin:0 0 12px}
.machines-heading h1{font-size:clamp(36px,4.5vw,66px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}
.machines-heading h1>span{color:#ffe000}
.machines-intro{font-size:16px;line-height:1.6;color:#b9d3df;margin:0;max-width:780px}
.machines-page .machines-categories{padding-top:4px;padding-bottom:34px}
.machines-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.machines-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:16px;border:1px solid #50869b70;color:inherit;text-decoration:none;background:linear-gradient(155deg,#123e53,#082638);box-shadow:0 12px 24px #0002;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .35s;isolation:isolate;animation:machines-enter .65s both;animation-delay:calc(var(--card-order)*80ms)}
.machines-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#163b4a}
.machines-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s ease}
.machines-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#051d30b0);pointer-events:none}
.machines-photo-label{position:absolute;z-index:1;bottom:14px;left:18px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#fff}
.machines-copy{display:flex;flex-direction:column;flex:1;padding:22px 20px 18px}
.machines-copy h2{font-size:clamp(24px,1.9vw,30px);line-height:1.15;margin:0 0 12px;letter-spacing:-.03em}
.machines-copy p{font-size:14px;line-height:1.6;color:#b8d1dd;margin:0 0 22px}
.machines-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #83c8dc30;color:#ffe000;font-weight:700;font-size:13px}
.machines-shine{position:absolute;inset:-50% -100%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#e6faff33 49%,#fff6 50%,transparent 59%);transform:translateX(-65%);opacity:0}
.machines-card:focus-visible{outline:3px solid #ffe000;outline-offset:4px;border-color:#ffe000}
.machines-card:focus-visible .machines-shine{animation:machines-shine .85s ease-out}
.machines-hint{margin:23px 0 0;font-size:12px;line-height:1.5;color:#93b9c8;text-align:center}
@media(hover:hover) and (pointer:fine){.machines-card:hover{transform:translateY(-9px) scale(1.018);border-color:#ffe000;box-shadow:0 24px 42px #0006,0 0 24px #74dcf21c;z-index:2}.machines-card:hover img{transform:scale(1.07);filter:brightness(1.1) saturate(1.08)}.machines-card:hover .machines-shine{animation:machines-shine .85s ease-out}.machines-card:hover }
.machines-card:active{border-color:#ffe000}
@keyframes machines-shine{0%{transform:translateX(-65%);opacity:0}15%,70%{opacity:1}100%{transform:translateX(65%);opacity:0}}
@keyframes machines-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.machines-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machines-photo{aspect-ratio:16/9}.machines-copy h2{font-size:28px}}
@media(max-width:600px){.machines-grid{grid-template-columns:1fr;gap:18px}.machines-page .machines-heading{padding-top:22px;padding-bottom:22px}.machines-heading .breadcrumb{margin-bottom:20px}.machines-heading h1{font-size:39px;max-width:320px}.machines-intro{font-size:14px}.machines-copy{padding:20px}.machines-copy p{margin-bottom:16px}.machines-hint{text-align:left}}
@media(prefers-reduced-motion:reduce){.machines-card,.machines-photo img,.machines-card:hover,.machines-card:hover img{transform:none}.machines-shine{display:none}}

/* Bring the planter closer while keeping its working units in frame. */
.machines-card[href="/plantadeiras/"] .machines-photo img{transform:scale(1.18);transform-origin:50% 62%}
@media(hover:hover) and (pointer:fine){.machines-card[href="/plantadeiras/"]:hover .machines-photo img{transform:scale(1.24)}}
@media(prefers-reduced-motion:reduce){.machines-card[href="/plantadeiras/"]:hover .machines-photo img{transform:scale(1.18)}}
