.services-machine-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.services-machine-grid article{ scroll-margin-top:120px; }
.services-machine-card{ display:grid; grid-template-columns:1.35fr .85fr; gap:20px; align-items:center; height:100%; padding:32px; background:var(--bg-2); border:1px solid var(--line); transition:border-color .2s; }
.services-machine-card:hover,.services-machine-card:focus-visible{ border-color:var(--accent); }
.services-machine-logo{ width:150px; height:auto; margin-bottom:24px; }
.services-machine-card h3{ font-family:var(--serif); color:#fff; font-size:1.7rem; line-height:1.18; margin-bottom:16px; }
.services-machine-card p{ color:var(--text-soft); font-size:.88rem; }
.services-machine-card .link-arrow{ margin-top:16px; font-size:.66rem; letter-spacing:.12em; }
.services-machine-image{ width:100%; height:280px; object-fit:contain; }
.services-page .feature{ gap:clamp(30px,5vw,64px); border:0; align-items:center; }
.services-page .feature__body{ padding:12px 0; background:transparent; }
.services-page .feature__body .btn{ align-self:flex-start; }
.services-page .feature__media{ min-height:480px; border-radius:4px; }
.services-page .feature__body h2{ font-size:clamp(1.8rem,3vw,2.6rem); }
.services-page #corporal,.services-page #hidratacion,.services-page #masaje,.services-page #hombres{ padding-block:clamp(64px,7vw,100px); border-top:1px solid var(--line); }
@media(max-width:1050px){ .services-machine-grid{ grid-template-columns:1fr; } .services-machine-image{ width:200px; max-width:100%; justify-self:center; } }
@media(max-width:820px){ .services-page .feature__media{ min-height:310px; } .services-page .feature__body{ order:0; } .services-page .feature__media{ order:1; } }
@media(max-width:560px){ .services-machine-card{ grid-template-columns:1fr; padding:26px; gap:34px; } .services-machine-image{ height:250px; } .services-page .feature__body .btn{ width:100%; } }