@font-face{font-family:ServicesInter;src:url('../assets/fonts/faq-inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
/* Scoped to the opening section. The interactive service workspace is unchanged. */
.services-hero{font-family:ServicesInter,Arial,sans-serif;position:relative;left:50%;transform:translateX(-50%);width:min(1540px,calc(100vw - 112px));display:grid;grid-template-columns:47% 53%;align-items:center;min-height:calc(100svh - 165px);padding:28px 0 58px;isolation:isolate}
.services-hero-copy{position:relative;z-index:2;min-width:0}
.services-kicker{color:#ee0012;font-size:13px;letter-spacing:.16em;font-weight:700;margin:0 0 28px}
.services-hero #services-hero-title{font-family:ServicesInter,Arial,sans-serif;font-size:clamp(42px,4.35vw,74px);font-weight:800!important;letter-spacing:-.058em!important;line-height:1.12;color:#080808;margin:0 0 26px;white-space:nowrap}
.services-hero h1 span{color:#ef0014}
.services-hero-lead{font-size:clamp(17px,1.29vw,22px);line-height:1.65;color:#5b5b5b;max-width:660px;margin:0 0 34px}
.services-process{padding:0;margin:0 0 38px;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.services-process li{position:relative;text-align:center;min-width:0}
.services-step-icon{position:relative;display:grid;place-items:center;width:84px;height:84px;border:3px solid white;border-radius:50%;margin:0 auto 18px;background:linear-gradient(150deg,#ffe0e5,#fff);box-shadow:0 10px 22px #11111109;color:#111}
.services-step-icon svg{width:38px;height:38px}
.services-step-number{position:absolute;left:-9px;top:-7px;background:#f01924;border:2px solid #fff;color:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:16px;font-weight:600}
.services-process li:not(:last-child):after{content:'›';position:absolute;right:-20px;top:22px;font-size:31px;font-weight:300;color:#505050}
.services-hero .services-process h2{font-family:ServicesInter,Arial,sans-serif;font-size:17px;font-weight:700!important;line-height:1.3;letter-spacing:-.045em!important;margin:0 0 8px}
.services-process p{color:#626262;font-size:13px;line-height:1.6;margin:0}
.services-hero-actions{display:flex;gap:20px;align-items:stretch;flex-wrap:wrap}
.services-cta{display:flex;align-items:center;justify-content:center;gap:16px;border-radius:18px;min-height:62px;padding:16px 24px;font-size:17px;font-weight:700;line-height:1.3;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.services-cta svg{width:23px;height:23px}
.services-cta-primary{background:#f00015;color:#fff;border:1px solid #ff4e5b;box-shadow:inset 0 2px 0 #ffffff60,0 12px 24px #e21d2b26}

.services-cta-secondary{background:#ffffffbf;border:1px solid #222;color:#111;box-shadow:0 8px 24px #11111105}
.services-cta:focus-visible{outline:3px solid #111;outline-offset:5px}
.services-hero-art{margin:0;min-width:0;position:relative;z-index:0;pointer-events:none}
.services-hero-art picture{display:block;width:110%;aspect-ratio:1.24;max-width:none;position:relative;left:-4%}
.services-hero-art img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;mix-blend-mode:multiply}
@media(hover:hover){.services-cta-primary:hover{background:#d90f1c;color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px #e21d2b30}.services-cta-secondary:hover{color:#d90f1c;background:#fff;transform:translateY(-2px)}}
@media(max-width:1280px){.services-hero{width:calc(100vw - 80px);grid-template-columns:50% 50%;padding-top:16px}.services-hero #services-hero-title{font-size:4.35vw}.services-process{gap:22px}.services-step-icon{width:70px;height:70px}.services-process li:not(:last-child):after{top:15px;right:-15px}.services-hero-actions{gap:12px}.services-cta{font-size:14px;padding:15px 19px;gap:12px;min-height:58px}.services-hero .services-process h2{font-size:15px}.services-process p{font-size:12px}}
@media(max-width:900px){.services-hero{grid-template-columns:minmax(0,1fr);width:calc(100vw - 48px);padding:12px 0 36px;min-height:0}.services-hero-copy{max-width:700px;margin-inline:auto}.services-hero #services-hero-title{font-size:clamp(38px,6.5vw,60px)}.services-hero-lead{font-size:18px;max-width:650px}.services-process{gap:32px}.services-hero .services-process h2{font-size:17px}.services-process p{font-size:14px}.services-hero-actions{gap:18px}.services-cta{font-size:16px;padding:17px 24px}.services-hero-art{margin:20px auto 0;width:100%;max-width:740px}.services-hero-art picture{width:100%;left:0}}
@media(max-width:540px){.services-hero{width:calc(100vw - 32px);padding-top:8px}.services-kicker{font-size:10px;margin-bottom:20px}.services-hero #services-hero-title{font-size:clamp(29px,7.65vw,41px);letter-spacing:-.055em!important;margin-bottom:22px}.services-hero-lead{font-size:16px;line-height:1.65;margin-bottom:28px}.services-process{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.services-process li{display:grid;grid-template-columns:62px 1fr;text-align:left;column-gap:18px;align-items:center}.services-step-icon{grid-row:1/3;width:60px;height:60px;margin:0}.services-step-icon svg{width:28px;height:28px}.services-step-number{width:25px;height:25px;font-size:12px;left:-5px;top:-5px}.services-hero .services-process h2{font-size:16px;margin:0 0 5px}.services-process p{font-size:13px}.services-process li:after{display:none}.services-hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.services-cta{min-height:56px;font-size:16px}.services-hero-art{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.services-cta{transition:none}}

/* Compact spacing between header, hero and service selection. */
body[data-page="services"] .interior-main{padding-top:124px}
body[data-page="services"] .services-hero{min-height:0;padding-top:12px;padding-bottom:24px}
.services-categories-heading{margin:24px 0 22px}
.services-categories-heading h2{font-family:ServicesInter,Arial,sans-serif;font-size:clamp(28px,2.8vw,42px);line-height:1.15;font-weight:800!important;letter-spacing:-.045em!important;margin:0;color:#111}
.services-categories-heading h2 span{color:#f01924}
body[data-page="services"] #categorias{margin-top:0;scroll-margin-top:120px}
@media(max-width:640px){body[data-page="services"] .interior-main{padding-top:104px}.services-categories-heading{margin:12px 0 20px}body[data-page="services"] .services-hero{padding-bottom:12px}}
