.servicos-hero {
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(45, 212, 191, .36), transparent 28rem),
        linear-gradient(125deg, #0f766e 0%, #075985 56%, #0f172a 100%);
}

.servicos-eyebrow, .servicos-section-kicker, .servico-card-category {
    margin: 0;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.servicos-eyebrow { color: #99f6e4; display: flex; gap: .5rem; align-items: center; }
.servicos-hero h1 { max-width: 760px; margin: 1rem 0; font-size: clamp(2.25rem, 6vw, 4.5rem); line-height: .98; font-weight: 900; letter-spacing: -.06em; }
.servicos-hero h1 span { color: #99f6e4; }
.servicos-hero-text { max-width: 610px; color: #dbeafe; font-size: 1.05rem; line-height: 1.65; }

.servicos-search { max-width: 670px; display: flex; align-items: center; gap: .8rem; margin-top: 2rem; padding: .25rem .9rem; color: #64748b; background: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 1rem; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); }
.servicos-search:focus-within { outline: 3px solid rgba(153, 246, 228, .45); }
.servicos-search input { width: 100%; border: 0; outline: 0; padding: .9rem 0; color: #0f172a; font-size: .95rem; background: transparent; }
.servicos-search-result { min-height: 1.5rem; margin: .75rem 0 0; color: #ccfbf1; font-size: .8rem; font-weight: 700; }

.servicos-intro { display: flex; gap: 1.5rem; justify-content: space-between; align-items: end; }
.servicos-intro h2, .servicos-grupo h2 { margin: .35rem 0 0; color: #0f172a; font-size: clamp(1.55rem, 3vw, 2.15rem); font-weight: 900; letter-spacing: -.045em; }
.servicos-section-kicker, .servico-card-category { color: #0f766e; }
.servicos-intro > p { max-width: 440px; margin: 0; color: #64748b; font-size: .9rem; line-height: 1.6; }

.servicos-categorias { display: flex; gap: .75rem; overflow-x: auto; margin-top: 2rem; padding: .25rem 0 .75rem; scrollbar-width: thin; }
.servicos-categoria-link { min-width: 125px; display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; padding: 1rem; color: #334155; background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem; font-size: .78rem; font-weight: 800; line-height: 1.25; transition: .2s ease; }
.servicos-categoria-link i { color: #0f766e; font-size: 1.15rem; }
.servicos-categoria-link:hover { color: #0f766e; border-color: #5eead4; box-shadow: 0 12px 24px rgba(15, 118, 110, .12); transform: translateY(-2px); }

.servicos-lista { display: grid; gap: 3.7rem; }
.servicos-grupo { scroll-margin-top: 170px; }
.servicos-grupo-title { display: flex; gap: .8rem; align-items: center; margin-bottom: 1.2rem; }
.servicos-grupo-icon { width: 3rem; height: 3rem; display: grid; place-items: center; color: #fff; background: #0f766e; border-radius: .9rem; box-shadow: 0 8px 18px rgba(15, 118, 110, .2); }
.servicos-grupo h2 { font-size: 1.55rem; }

.servicos-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.servico-card { display: flex; flex-direction: column; padding: 1.35rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 1.25rem; box-shadow: 0 4px 14px rgba(15, 23, 42, .04); }
.servico-card-top { display: flex; gap: .8rem; justify-content: space-between; }
.servico-card h3 { margin: .3rem 0 0; color: #0f172a; font-size: 1.1rem; font-weight: 900; line-height: 1.15; }
.servico-confirmado { flex: 0 0 auto; color: #047857; font-size: .62rem; font-weight: 800; white-space: nowrap; }
.servico-descricao { flex-grow: 1; min-height: 3.5em; margin: .9rem 0; color: #64748b; font-size: .84rem; line-height: 1.55; }
.servico-local { margin: 0 0 1rem; color: #475569; font-size: .75rem; font-weight: 700; }
.servico-local i { margin-right: .3rem; color: #0f766e; }
.servico-acoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; margin-top: auto; }
.servico-acao { display: flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2.5rem; color: #334155; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: .7rem; font-size: .66rem; font-weight: 900; transition: .2s ease; }
.servico-acao:hover { color: #fff; background: #0f766e; border-color: #0f766e; }
.servico-acao-whatsapp { color: #128c7e; }.servico-acao-rota { color: #0369a1; }
.servicos-sem-registros, .servicos-empty { padding: 2.2rem; color: #64748b; text-align: center; background: #fff; border: 1px dashed #cbd5e1; border-radius: 1.25rem; }
.servicos-empty { max-width: 620px; margin: 2rem auto; }.servicos-empty i { color: #0f766e; font-size: 1.8rem; }.servicos-empty h2 { margin: .8rem 0 .25rem; color: #0f172a; font-size: 1.25rem; font-weight: 900; }.servicos-empty p { margin: 0; font-size: .9rem; }

@media (max-width: 800px) { .servicos-intro { display: block; }.servicos-intro > p { margin-top: .8rem; }.servicos-cards { grid-template-columns: 1fr; }.servicos-lista { gap: 3rem; } }
@media (max-width: 480px) { .servicos-hero h1 { font-size: 2.35rem; }.servicos-categoria-link { min-width: 112px; }.servico-card { padding: 1.15rem; }.servico-acao span { font-size: .61rem; } }