.home-utility-page{background:#f8fafc;overflow-x:clip}
.home-utility-page main{background:#f8fafc}
.home-utility-page .home-utility-hero{position:relative;display:block;min-height:470px;padding:76px 24px 52px;border:0;overflow:hidden;text-align:center;background-color:#1e242b;background-image:url("assets/home-hero-electrician-negative-space-v3.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.home-utility-page .home-utility-hero::before{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg, rgba(30, 36, 43, 0.88) 0%, rgba(30, 36, 43, 0.55) 60%, rgba(30, 36, 43, 0.8) 100%);content:"";pointer-events:none}
.home-utility-page .home-utility-hero .hero-copy{position:relative;z-index:1;max-width:1050px;margin:0 auto;padding:0}
.home-utility-page .home-utility-hero .eyebrow{display:block;margin-bottom:12px;color:#78d09a}
.home-utility-page .home-utility-hero h1{max-width:820px;margin:0 auto 14px;font:800 clamp(2.25rem,5vw,4rem)/1.08 Inter,sans-serif;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 10px #0003}
.home-utility-page .home-utility-hero .hero-text{max-width:650px;margin:0 auto 28px;color:#c4ceda;font-size:16px}
.home-utility-page .utility-search{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(220px,.9fr) auto;gap:0;max-width:980px;margin:0 auto;border:1px solid #d9e0e6;border-radius:12px;background:#fff;box-shadow:0 15px 36px #0004;overflow:hidden;text-align:left}
.home-utility-page .utility-search>label{display:flex;min-width:0;height:62px;padding:0 18px;border:0;border-right:1px solid #dde4ea;border-radius:0;background:#fff;align-items:center;gap:11px}
.home-utility-page .utility-search .location{min-width:0;flex:auto}
.home-utility-page .utility-search input{font-size:16px}
.home-utility-page .utility-search-icon{color:#159447;font-size:20px;font-weight:800}
.home-utility-page .utility-search .button{height:auto;margin:8px;padding:0 30px;border:1px solid #0b7f3d;border-radius:8px;background:#19a957;box-shadow:0 8px 18px #0a673c45;font-size:15px}.home-utility-page .utility-search .button:hover{background:#08783a;box-shadow:0 10px 22px #062f2455}
.home-utility-page .quick-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:720px;margin:22px auto 0}
.home-utility-page .quick-categories a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 14px;border:1px solid #ffffff70;border-radius:10px;background:#fffffff2;color:#1e2c3b;text-decoration:none;box-shadow:0 9px 22px #0003;transition:.18s}
.home-utility-page .quick-categories a:hover{border-color:#65b984;transform:translateY(-2px)}
.home-utility-page .quick-categories span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--category-bg,#eef2f4);color:var(--category-fg,#334155);font-size:17px}.home-utility-page .quick-categories span svg{width:18px;height:18px;stroke-width:2}.home-utility-page .quick-categories b{font-size:13px}
.home-utility-page .popular-projects{padding:0;background:#f8fafc}
.home-utility-page .popular-projects-layout{max-width:1120px;margin:0 auto;padding:30px clamp(18px,3vw,42px)}
.home-utility-page .popular-projects-center{min-width:0;padding:8px 0;background:#f8fafc}
.home-utility-page .utility-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1040px;margin:0 auto 16px}
.home-utility-page .utility-section-heading h2{margin:0;font:800 clamp(1.5rem,3vw,2rem) Inter,sans-serif}
.home-utility-page .utility-section-heading .eyebrow{display:block;margin-bottom:6px}
.home-utility-page .utility-section-heading>a{color:#147d43;font-size:12px;font-weight:800;text-decoration:none}
.home-utility-page .popular-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1040px;margin:0 auto}
.home-utility-page .popular-project-grid>a{display:flex;align-items:center;gap:11px;min-height:88px;padding:14px;border:1px solid #e0e6eb;border-radius:10px;background:#fff;color:#102f50;text-decoration:none;box-shadow:0 5px 15px #1936530c;transition:.18s}
.home-utility-page .popular-project-grid>a:hover{border-color:#8acaa1;box-shadow:0 9px 22px #14395e18;transform:translateY(-2px)}
.home-utility-page .popular-project-grid>a>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:9px;background:#edf8f1;color:#118442;font-size:19px}
.home-utility-page .popular-project-grid strong,.home-utility-page .popular-project-grid small{display:block}
.home-utility-page .popular-project-grid strong{margin-bottom:5px;font:700 13px Inter,sans-serif}
.home-utility-page .popular-project-grid small{color:#168348;font-size:12px;font-weight:700}
.home-utility-page .payment-trust-banner{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px clamp(24px,6vw,84px);padding:17px 22px;border:1px solid #a9d9bb;border-radius:10px;background:#eff9f3;color:#174d34;text-align:center}
.home-utility-page .payment-trust-banner p{margin:0;line-height:1.5}.home-utility-page .payment-shield{display:grid;place-items:center;flex:0 0 38px;height:42px;background:#159447;color:#fff;clip-path:polygon(50% 0,100% 18%,100% 72%,50% 100%,0 72%,0 18%);font-weight:900}
.home-utility-page main>.cta{margin-bottom:40px}
@media(max-width:1050px){.home-utility-page .popular-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.home-utility-page .home-utility-hero{min-height:0;padding:36px 18px 22px;background-image:url("assets/home-hero-electrician-negative-space-v3.webp");background-position:left center}.home-utility-page .home-utility-hero .hero-text{margin-bottom:20px}.home-utility-page .utility-search{grid-template-columns:1fr;border-radius:12px;overflow:visible;background:transparent;border:0;box-shadow:none;gap:8px}.home-utility-page .utility-search>label{height:50px;border:1px solid #d4dde5;border-radius:10px}.home-utility-page .utility-search .button{height:48px;margin:0}.home-utility-page .quick-categories{display:flex;max-width:100%;margin-top:14px;padding:2px 2px 8px;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-utility-page .quick-categories::-webkit-scrollbar{display:none}.home-utility-page .quick-categories a{flex:0 0 82px;min-height:78px;padding:8px 6px;flex-direction:column;gap:5px;scroll-snap-align:start;box-shadow:0 5px 14px #0002}.home-utility-page .quick-categories span{width:44px;height:44px;border-radius:12px;font-size:20px}.home-utility-page .quick-categories b{font-size:11px;line-height:1.15;text-align:center}.home-utility-page .popular-projects-center{padding:20px 0}}
@media(max-width:520px){.home-utility-page .popular-project-grid{grid-template-columns:1fr}.home-utility-page .utility-section-heading{align-items:start;flex-direction:column}.home-utility-page .payment-trust-banner{align-items:flex-start;text-align:left;margin-inline:16px}}

/* Desktop rhythm and width regression guard */
.home-utility-page .content-section,
.home-utility-page .how{width:min(100%,1200px);margin-inline:auto}
.home-utility-page .content-section{padding-inline:clamp(24px,3.5vw,48px)}
.home-utility-page .category-card{min-height:148px;padding:16px 12px}
.home-utility-page .category-card strong{margin:8px 0 0;font-size:15px;line-height:1.35;text-align:center}
.home-utility-page .category-card small[data-i18n="0 profissionais"],
.home-utility-page .category-card small[data-i18n="0 profissionais ativos"]{display:none!important}
.home-utility-page .how{padding:18px clamp(24px,4vw,52px)}
.home-utility-page .how h2{margin-bottom:13px}
.home-utility-page .step-icon{width:60px;height:60px;margin-bottom:9px;font-size:32px}
.home-utility-page .step-icon b{width:20px;height:20px;font-size:11px}
.home-utility-page .steps>i{margin-top:15px}
.home-utility-page .professionals{padding-top:20px;padding-bottom:20px}
.home-utility-page .professionals-empty{padding:18px 16px;gap:8px;font-size:14px;line-height:1.45}
@media(max-width:760px){.home-utility-page .content-section,.home-utility-page .how{width:100%}.home-utility-page .how{padding:20px 22px}.home-utility-page .step-icon{width:56px;height:56px;font-size:30px}}