/* servicos: bloco svc-uno-0821 */
:root{--ouroA:var(--app019-gold-text,#8A5E04);--ouroB:#8A5E04;--ouroClaro:#E9A930;--ouroClaro2:#F2B948}

/* --- fonte oficial (era uni-inter-0811) --- */
/* @font-face inline na pagina */
body,main,button,input,select,textarea{font-family:'Inter',-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

/* --- eixo e trilho da pagina (era svc-fix-medidas + svc-pad0813) --- */
#a19main{max-width:var(--a19-eixo,1080px);margin:0 auto;padding:0 16px;box-sizing:border-box}

/* ============================== BOTOES ==============================
   3D vidro ouro, texto SEMPRE branco no ouro (ordem 11/08). */
.btn{border-radius:var(--r-btn);font-weight:800;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .18s}
.btn-p{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));color:#2E1D02;border:1px solid rgba(255,214,120,.5);box-shadow:0 16px 34px -12px rgba(138,94,4,.6),inset 0 1px 0 rgba(255,244,214,.55),inset 0 -2px 4px rgba(103,65,0,.35);text-shadow:0 1px 1px rgba(255,244,214,.35)}
.btn-p:hover{transform:translateY(-2px) scale(1.02);color:#FFFFFF;box-shadow:0 22px 44px -12px rgba(138,94,4,.68),inset 0 1px 0 rgba(255,244,214,.6)}
.btn-s{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:var(--ouroClaro);border:1px solid rgba(233,169,48,.55);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 28px -14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,224,150,.3)}
body:not(.dark) .btn-s{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(250,240,222,.7));color:#8A5E04;box-shadow:0 12px 26px -16px rgba(120,80,10,.24),inset 0 1px 0 rgba(255,255,255,.95)}
.btn-s:hover{transform:translateY(-2px);border-color:rgba(233,169,48,.8);color:var(--ouroClaro2)}
body:not(.dark) .btn-s:hover{color:#6E4B00}

/* ============================== CATEGORIAS ==============================
   1 coluna, vidro premium, accordion fechado por padrao (M3). */
.cats .grid{grid-template-columns:1fr;gap:12px}
.cat{position:relative;padding:18px 20px;border-radius:var(--r-card);background:linear-gradient(160deg,rgba(38,34,26,.62),rgba(20,20,26,.5));border:1px solid rgba(214,150,25,.28);backdrop-filter:blur(20px) saturate(1.55);-webkit-backdrop-filter:blur(20px) saturate(1.55);box-shadow:0 18px 40px -22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,180,30,.05);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s}
body:not(.dark) .cat{background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(250,242,226,.66));border-color:rgba(214,150,25,.3);box-shadow:0 16px 34px -22px rgba(120,80,10,.3),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(180,120,10,.06)}
.cat:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(233,169,48,.6);box-shadow:0 30px 56px -22px rgba(0,0,0,.6);z-index:2}
body:not(.dark) .cat:hover{box-shadow:0 26px 48px -22px rgba(120,80,10,.34)}
/* fio de vidro 1px (era svc-vidroplus-0811) */
.cat::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.42),rgba(233,169,48,.20) 42%,rgba(255,255,255,.05) 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
body.dark .cat::after{background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(233,169,48,.26) 42%,rgba(255,255,255,.03) 80%)}
.cat .cat-top{gap:14px;align-items:center;cursor:pointer;position:relative;padding-right:30px}
.cat .cat-top::after{content:"";position:absolute;right:4px;top:44%;width:9px;height:9px;border-right:2px solid var(--ouroClaro);border-bottom:2px solid var(--ouroClaro);transform:rotate(45deg);transition:transform .24s;opacity:.85}
body:not(.dark) .cat .cat-top::after{border-color:var(--app019-gold-dark,#B88008)}
.cat.aberto .cat-top::after{transform:rotate(225deg)}
.cat .cat-top:focus-visible{outline:3px solid var(--g1);outline-offset:3px;border-radius:var(--r-sm)}
.cat .cat-top:focus:not(:focus-visible){outline:none}
.cat h3{font-size:1.12rem;font-weight:700;color:#F2E9D6}
body:not(.dark) .cat h3{color:#26221A}
.cat .catnome{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap}
.cat .catnome h3{margin:0}
.cattot{font-size:.88rem;color:#CDBE9E;white-space:nowrap;margin-left:auto;text-align:right}
body:not(.dark) .cattot{color:#6B6150}
body.dark .cattot{color:#D9CBA8}
.cattot b{font-size:1.12rem;font-weight:800;background:linear-gradient(180deg,#FFE39A,#E9A930);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:2px}
body:not(.dark) .cattot b{background:linear-gradient(180deg,#B97C0A,#8A5E04);-webkit-background-clip:text;background-clip:text;color:transparent}
.profnum{color:var(--ouroClaro);font-weight:700;font-size:.9em;margin-left:5px} /* FRENTEA0912 R2: 11,2 -> 12,2 px */
body:not(.dark) .profnum{color:#8A5E04}
body.dark .profnum{color:var(--app019-gold-light,#F3C651)}
.chip .g19chipnum{display:none}
/* icones 3D por sprite (era svc-ico3d + i3s-sprite-0812) */
.cat .ico{flex:0 0 56px;width:56px;height:56px;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.cat:hover .ico{transform:scale(1.09)}
.cat .ico.icoimg{background:none;border:none;box-shadow:none;overflow:visible;border-radius:0}
.cat .ico.icoimg::before{content:none}
.i3s{display:inline-block;flex-shrink:0;width:56px;height:56px;background-image:url(/apps-img/ico3d-sprite-0812.webp);background-size:784px 56px;background-repeat:no-repeat}
.i3s-casa-reforma{background-position:-0px 0}.i3s-moda-beleza{background-position:-56px 0}.i3s-saude{background-position:-112px 0}.i3s-alimentacao{background-position:-168px 0}.i3s-educacao{background-position:-224px 0}.i3s-veiculos{background-position:-280px 0}.i3s-transporte{background-position:-336px 0}.i3s-tecnologia{background-position:-392px 0}.i3s-eventos{background-position:-448px 0}.i3s-limpeza{background-position:-504px 0}.i3s-comercio{background-position:-560px 0}.i3s-imoveis{background-position:-616px 0}.i3s-consertos{background-position:-672px 0}.i3s-pet{background-position:-728px 0}
/* chips: area de toque 44px cravada (auditoria 0812) + vidro leve */
.cat .chips{gap:8px;margin-top:0;max-height:0;overflow:hidden;transition:max-height .32s ease}
.cat.aberto .chips{max-height:1600px;margin-top:12px}
.cat a.chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(233,169,48,.25);color:#E7DCC6;border-radius:999px;font-size:.85rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:border-color .18s,background .18s}
body:not(.dark) .cat a.chip{background:rgba(255,255,255,.7);border-color:rgba(168,99,5,.28);color:#3A342A}
body.dark .cat a.chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.cat a.chip:hover{border-color:rgba(233,169,48,.7);background:rgba(233,169,48,.16)}
/* botao Ver profissionais (vidro ouro, 44px, texto quebra sem estourar) */
.btnvc{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;height:auto;line-height:1.25;white-space:normal;padding:0 18px;border-radius:var(--r-btn);font-weight:700;font-size:.9rem;text-decoration:none;background:linear-gradient(160deg,rgba(233,169,48,.16),rgba(192,121,15,.06));border:1px solid rgba(233,169,48,.5);color:var(--ouroClaro);box-shadow:inset 0 1px 0 rgba(255,224,150,.3),0 8px 18px -10px rgba(138,94,4,.5);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);transition:transform .16s,background .16s,opacity .2s,max-height .3s}
.btnvc::after{content:"\2192";transition:margin .16s}
.btnvc:hover{transform:translateY(-1px);background:linear-gradient(160deg,rgba(233,169,48,.26),rgba(192,121,15,.1))}
.btnvc:hover::after{margin-left:3px}
body:not(.dark) .btnvc{color:#8A5E04;background:linear-gradient(160deg,rgba(233,169,48,.14),rgba(255,255,255,.5))}
.cat .btnvc{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;border-width:0;opacity:0;margin-top:0}
.cat.aberto .btnvc{max-height:60px;opacity:1;padding-top:9px;padding-bottom:9px;border-width:1px;margin-top:14px}
#grade.buscando .cat .chips{max-height:1600px;margin-top:12px}
#grade.buscando .cat .btnvc{max-height:60px;opacity:1;padding:9px 18px;border-width:1px;margin-top:14px}

/* ============================== BLOCOS DE APOIO ============================== */
.como .painel,.faixa.glass{background:linear-gradient(160deg,rgba(38,34,26,.6),rgba(20,20,26,.48));border:1px solid rgba(214,150,25,.28);box-shadow:0 18px 40px -22px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,180,30,.05)}
body:not(.dark) .como .painel,body:not(.dark) .faixa.glass{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(250,242,226,.64));box-shadow:0 16px 34px -22px rgba(120,80,10,.28),inset 0 1px 0 rgba(255,255,255,.9)}
/* APPSOURO0901 V4 - titulos de bloco no ouro da marca (brandbook019).
   Fundo EFETIVO do painel de vidro, medido: claro #F9F4EB / escuro #1D1B18.
   Pior parada 4,31 no claro e 4,90 no escuro; h2 21,6-28,8px bold => piso 3,0.
   color solido fica de fallback para quem nao tem background-clip:text. */
.como .painel h2,.faixa h2{color:#E9A930}
body:not(.dark) .como .painel h2,body:not(.dark) .faixa h2{color:#8A5E04}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.como .painel h2,.faixa h2{background-image:linear-gradient(90deg,#C0790F 0%,#D18F1C 30%,#E9A930 45%,#EFAF3F 50%,#E9A930 55%,#D18F1C 70%,#C0790F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body:not(.dark) .como .painel h2,body:not(.dark) .faixa h2{background-image:linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%)}
}
@media (forced-colors:active){.como .painel h2,.faixa h2{-webkit-text-fill-color:currentColor;background-image:none}}
@media print{.como .painel h2,.faixa h2{-webkit-text-fill-color:#8A5E04;background-image:none}}
.como .painel ol{list-style:none}
.como .painel ol li{align-items:center}
.como .painel .num{color:#FFFFFF;text-shadow:0 1px 2px rgba(90,58,0,.45);box-shadow:0 6px 14px -6px rgba(138,94,4,.5)}
.selo{color:var(--app019-gold-text,#8A5E04)}
body.dark .selo{color:var(--app019-gold-light,#F3C651)}

/* ============================== HERO ==============================
   Extensao da home: card, texto esq + foto dir (desktop). */
.svc-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,44%);align-items:stretch;gap:0;position:relative;isolation:isolate;min-height:450px;margin:14px 0 24px;border:1px solid rgba(180,140,40,.18);border-radius:var(--r-hero);overflow:hidden;background:radial-gradient(120% 100% at 82% 26%,rgba(233,169,48,.07),transparent 55%),linear-gradient(158deg,#FEFCF7,#FBF6EC)}
body.dark .svc-hero{background:radial-gradient(120% 100% at 82% 26%,rgba(233,169,48,.10),transparent 55%),linear-gradient(158deg,#141519,#0D0E11);border-color:rgba(233,169,48,.16)}
.svc-hero.hx{max-width:var(--a19-eixo,1080px);margin-left:auto;margin-right:auto}
.svc-hero .hx-tx{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:36px 12px 36px 36px;min-width:0}
.svc-hero .eyebrow{align-self:flex-start;margin:0 0 16px}
.svc-hero .hx-t{margin:0;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.14;font-weight:800;letter-spacing:-.02em;text-transform:none;font-style:normal;color:#1B1B1F}
body.dark .svc-hero .hx-t{color:#EDEFF3;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.svc-hero .hx-t b{color:#A85E10;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 .1em 0 .04em;margin:0 -.1em 0 -.04em}
body.dark .svc-hero .hx-t b{color:#DA9A2B;background:linear-gradient(90deg,#E9A930 0%,#EFAF3F 50%,#E9A930 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.svc-hero .hx-s{margin:15px 0 0;max-width:440px;font-size:15.5px;font-weight:400;line-height:1.5;color:#3A3D44}
body.dark .svc-hero .hx-s{color:#B9BEC7}
.svc-hero .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;margin:22px 0 0}
/* busca da hero: pilula de vidro, fio ouro, botao ouro (0812) */
.svc-hero .hxb{display:flex;align-items:center;gap:8px;margin:20px 0 0;max-width:600px;padding:6px 6px 6px 18px;border-radius:var(--r-pill);background:rgba(255,255,255,.92);border:1px solid rgba(233,169,48,.45);box-shadow:0 10px 26px -14px rgba(120,80,10,.32),inset 0 1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);transition:border-color .2s,box-shadow .2s}
.svc-hero .hxb:focus-within{border-color:rgba(198,130,14,.95);box-shadow:0 0 0 4px rgba(233,169,48,.22),0 10px 26px -14px rgba(120,80,10,.32)}
.svc-hero .hxb-l{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:#8A5E04;stroke-width:2;stroke-linecap:round}
.svc-hero .hxb input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15.5px;color:#1B1B1F;padding:13px 2px}
.svc-hero .hxb input::placeholder{color:#7A6A4F;opacity:1}
.svc-hero .hxb input:focus{outline:none}
.svc-hero .hxb input::-webkit-search-cancel-button{cursor:pointer}
.svc-hero .hxb-b{flex:0 0 auto;border:1px solid rgba(255,214,120,.5);cursor:pointer;padding:12px 22px;border-radius:var(--r-pill);font:inherit;font-weight:800;font-size:.95rem;color:#FFF;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));box-shadow:0 8px 20px -8px rgba(138,94,4,.55),inset 0 1px 0 rgba(255,244,214,.5);text-shadow:0 1px 2px rgba(90,58,0,.38);transition:transform .16s,box-shadow .16s,filter .16s}
.svc-hero .hxb-b:hover{transform:translateY(-1px);box-shadow:0 13px 27px -8px rgba(138,94,4,.62)}
.svc-hero .hxb-b:active{transform:scale(.97);filter:brightness(.96)}
.svc-hero .hxb-dica{margin:9px 0 0 6px;max-width:500px;font-size:12.5px;line-height:1.35;color:#5F5545}
body.dark .svc-hero .hxb{background:rgba(22,22,26,.78);border-color:rgba(233,169,48,.42);box-shadow:0 10px 26px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.07)}
body.dark .svc-hero .hxb-l{stroke:#E9A930}
body.dark .svc-hero .hxb input{color:#EDEFF3}
body.dark .svc-hero .hxb input::placeholder{color:#A9A08C}
body.dark .svc-hero .hxb-dica{color:#B9BEC7}
/* fatos: pilulas de vidro com numero ouro */
.svc-hero .hx-fatos{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0;padding:0}
.svc-hero .hx-fatos .pt{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:11px;line-height:1.2;font-weight:400;color:#8A5E04;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(205,145,30,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(180,120,10,.10),0 6px 18px rgba(80,55,10,.06)}
body.dark .svc-hero .hx-fatos .pt{color:#E9A930;background:rgba(24,24,28,.5);border-color:rgba(233,169,48,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.28)}
.svc-hero .hx-fatos .sti{width:18px;height:18px;flex:0 0 auto;color:var(--app019-gold-dark,#B88008)}
body.dark .svc-hero .hx-fatos .sti{color:#E9A930}
.svc-hero .hx-fatos .pt>span{display:block}
.svc-hero .hx-fatos .pt b{display:block;font-weight:700;font-size:13.5px;background:linear-gradient(180deg,#C0790F,#8A5E04);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body.dark .svc-hero .hx-fatos .pt b{background:linear-gradient(180deg,#EFAF3F,#C0790F);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* foto a direita com fade (desktop) */
.svc-hero .hx-img{position:relative;z-index:1;min-width:0;overflow:hidden;border-radius:inherit}
.svc-hero .hx-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:86% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36%);mask-image:linear-gradient(90deg,transparent 0,#000 36%)}
.svc-hero .hx-ie{display:none}
body.dark .svc-hero .hx-ic{display:none}
body.dark .svc-hero .hx-ie{display:block}

/* ---------- TABLET (761-860px): empilha texto + foto banner ---------- */
@media(max-width:860px){
 .svc-hero{grid-template-columns:1fr;min-height:0;margin:8px 0 22px}
 .svc-hero .hx-tx{padding:22px 18px 18px}
 .svc-hero .hx-s{max-width:100%}
 .svc-hero .ctas{margin-top:16px}
 .svc-hero .hxb{max-width:100%;margin-top:16px;padding-left:14px}
 .svc-hero .hxb input{font-size:16px;padding:12px 2px}
 .svc-hero .hxb-b{padding:11px 16px;font-size:.9rem}
 .svc-hero .hxb-dica{font-size:12px;max-width:100%}
 .svc-hero .hx-fatos{margin-top:16px}
 .svc-hero .hx-img{position:relative;height:196px}
 .svc-hero .hx-i{object-position:80% center;-webkit-mask-image:none;mask-image:none}
}

/* ---------- CELULAR (<=760px): HERO COMPACTA — missao 21/08 ----------
   Regra de ouro: o conteudo (categorias) aparece na 1a rolagem.
   · A busca da hero SOME: a do cabecalho e a MESMA (espelhada pelo script da
     pagina e filtra as categorias ao digitar) — 1 busca so, como pedido.
   · A foto decorativa (aria-hidden) sai do fluxo: -196px de altura.
   · CTAs lado a lado, fatos em 3 colunas de 1 linha.
   · Categorias ANTES de "Como funciona" (ordem visual; leitura/foco seguem o DOM). */
@media(max-width:760px){
 .svc-hero.hx{max-width:calc(100% - 32px)}
 .svc-hero{margin:8px 0 14px}
 .svc-hero .hx-tx{padding:18px 14px 16px}
 .svc-hero .eyebrow{font-size:.68rem;letter-spacing:.1em;padding:5px 12px;margin-bottom:10px}
 .svc-hero .hx-t{font-size:clamp(1.5rem,6.4vw,1.8rem);line-height:1.16}
 .svc-hero .hx-s{margin-top:8px;font-size:13.5px;line-height:1.45}
 .svc-hero .hxb,.svc-hero .hxb-dica{display:none}
 .svc-hero .ctas{margin-top:14px;gap:10px}
 .svc-hero .ctas .btn{flex:1 1 0;min-width:0;min-height:48px;padding:11px 8px;font-size:.88rem;white-space:normal;line-height:1.15;text-align:center}
 .svc-hero .hx-fatos{margin-top:12px;gap:6px;flex-wrap:nowrap}
 .svc-hero .hx-fatos .pt{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:7px 6px;font-size:12px}
 .svc-hero .hx-fatos .sti{width:15px;height:15px}
 .svc-hero .hx-fatos .pt b{font-size:12px}
 .svc-hero .hx-img{display:block;height:212px;margin-top:2px}
 main#a19main{display:flex;flex-direction:column}
 main#a19main>.svc-hero{order:1}
 main#a19main>.cats{order:2;padding-top:4px}
 main#a19main>.sec{order:3}
 main#a19main>.wrap{order:4}
 .sec{padding:20px 0 0}
 .cats{padding:10px 0 8px}
 .cats .cab{margin-bottom:12px}
 .painel{padding:20px}
 .faixa{margin:22px 0 26px;padding:26px 18px}
}
@media(max-width:359px){
 .svc-hero .ctas .btn{font-size:.8rem;padding:10px 6px}
 .svc-hero .hx-fatos .pt{font-size:12px;padding:6px 4px}
}

/* --- alvo de toque do rodape global (era toque44-0812) --- */
.g19-rodape .g19-linhas a{display:inline-block;padding:14px 4px;line-height:1.15}
.g19-rodape .g19-linhas{gap:0 14px}

/* --- respeito a preferencias do aparelho --- */
@media(prefers-reduced-motion:reduce){.cat .chips,.cat .cat-top::after,.cat .btnvc{transition:none}}
@media (prefers-reduced-transparency: reduce){.cat,.cat a.chip,.btnvc{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* servicos: bloco pc0829 */
/* ===== PARECER0829 29/08/2026 - reforma do hero mobile da /servicos/ (ordem Rafael) =====
   Entra DEPOIS de tudo de proposito. Remover = apagar este bloco inteiro. Nada acima foi tocado. */
/* 1. HEADLINE em caixa alta + brilho premium CONTROLADO (halo curto, sem neon) */
.hx-t{text-transform:uppercase;letter-spacing:.004em}
.hx-t{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 16px rgba(233,169,48,.20)}
body.dark .hx-t{text-shadow:0 1px 2px rgba(0,0,0,.72),0 0 20px rgba(233,169,48,.26)}
/* 2. CTA dourado com texto BRANCO. O dourado escureceu porque branco sobre #E9A930
      da 2,06:1 (REPROVA). Sobre este gradiente (#A86305->#6E4A03) da 4,72:1 a 7,94:1. */
.btn-p{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));color:var(--app019-gold-ink,#241900);
 border:1px solid rgba(255,214,120,.34);text-shadow:0 1px 2px rgba(0,0,0,.30);
 box-shadow:0 12px 26px -12px rgba(110,65,2,.60),inset 0 1px 0 rgba(255,244,214,.26)}
.btn-p:hover{filter:brightness(1.06)}
@media(max-width:760px){
  /* CTA numa linha so */
  .btn-p{white-space:nowrap;font-size:.9rem;padding:11px 14px;letter-spacing:.01em}
  /* 3. KPIs: caixa ~35% menor E mais legivel (9,5px -> 10,5px). Vidro mais real:
        blur maior, borda de 1px clara, reflexo interno, sombra discreta. */
  .hx-fatos{gap:6px;margin-top:12px}
  .pt{flex-direction:row;align-items:center;text-align:left;padding:4px 7px;gap:5px;font-size:10.5px;line-height:1.06;border-radius:11px;color:#5E3F03;
   background:rgba(255,255,255,.62);
   -webkit-backdrop-filter:blur(18px) saturate(165%);backdrop-filter:blur(18px) saturate(165%);
   border:1px solid rgba(255,255,255,.55);
   box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(150,105,10,.10),0 4px 14px rgba(60,40,5,.10)}
  .pt b{font-size:11.5px;font-weight:800;letter-spacing:-.01em}
  .sti{width:11px;height:11px}
  body.dark .pt{background:rgba(20,20,24,.55);border-color:rgba(255,255,255,.14);color:#F0C263;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.30),0 4px 14px rgba(0,0,0,.35)}
  body.dark .sti{color:#F0C263}
  /* 4. respiro do hero */
  .hx-s{margin-top:8px}
  .ctas{margin-top:14px}
}
@media(max-width:359px){
  .pt{font-size:10px;padding:4px 4px}
  .pt b{font-size:11px}
  .btn-p{font-size:.85rem;padding:10px 10px}
}
/* acessibilidade: quem pede menos transparencia recebe fundo solido, sem perder contraste */
@media (prefers-reduced-transparency: reduce){
  .pt{background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
  body.dark .pt{background:rgba(20,20,24,.94)}
}
/* servicos: bloco shell0916 */
/* SHELL0916 v2 16/09 (user-c2, ordem do Rafael: o site pisca e deforma ao carregar): casca critica do APP019 ANTES do 1.o desenho - as familias antigas de cabecalho nunca aparecem, o lugar do cabecalho universal fica reservado (o topo019 troca a reserva pelo cabecalho no mesmo passo) e o rodape institucional nao sai duplicado. Rollback: apagar este bloco, a div data-shell0916 e a tag do topo019 data-shell0916. */.a19hdbar,#a19mnu,div[style*="#150f08"],div[style*="rgb(21, 15, 8)"],header.h019,header.a19top,header.htopo,header.g19-header,header.goldbar,header.uni-hdr,header.m019,header.hd019,header.a19lc-hd,.a19lc-hd,header.gb,header.t19-aposentado,.drawer#drawer,#ovl.ovl:empty{display:none!important}:root{--a19-top-safe:env(safe-area-inset-top,0px);--a19-top-min:0px;--a19-top:max(var(--a19-top-safe),var(--a19-top-min))}@media (max-width:899px),(hover:none),(pointer:coarse){:root{--a19-top-min:6px}}html.in-app019{--a19-top-min:24px}html.a19-no-topsafe{--a19-top:0px}.t19-reserva{display:block;height:calc(129px + var(--a19-top));background:#fff}@media (min-width:900px){.t19-reserva{height:calc(103px + var(--a19-top))}}html.a19-no-topo019 .t19-reserva,html.app019-native-nav .t19-reserva{display:none}body:has(footer.g19-rodape) #c3info0829{display:none!important}
/* servicos: bloco svc-hero-overlay-0829 */
/* PADRAO DA CASA - hero mobile OVERLAY (RELAPP 29/08): imagem de FUNDO + texto SOBRE + gradiente de legibilidade claro/escuro. Reutilizar em /usados/ e demais heroes mobile. Desktop intocado. */
@media(max-width:760px){
 .svc-hero{position:relative;grid-template-columns:1fr;min-height:400px;isolation:isolate}
 .svc-hero .hx-img{position:absolute!important;inset:0;width:100%;height:100%!important;display:block!important;z-index:0;margin:0;border-radius:inherit}
 .svc-hero .hx-i{width:100%;height:100%;object-fit:cover;object-position:center 26%;-webkit-mask-image:none;mask-image:none}
 .svc-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(254,252,247,.94) 0%,rgba(254,252,247,.82) 45%,rgba(254,252,247,.66) 100%)}
 body.dark .svc-hero::before{background:linear-gradient(180deg,rgba(13,14,17,.90) 0%,rgba(13,14,17,.72) 50%,rgba(13,14,17,.44) 100%)}
 .svc-hero .hx-tx{position:relative;z-index:2;padding:26px 20px;justify-content:flex-start}
}
/* servicos: bloco svcui0830 */
/* ============================================================================
   SERVUI0830 - 30/08/2026 - reforma de PRECISAO do /servicos no celular/PWA/app.
   Ordem direta do Rafael (contrato de 50 itens + prints "atual"/"objetivo").
   Bloco UNICO e ULTIMO do documento: vence por ordem, sem !important desnecessario.
   SUBSTITUI o antigo pcmiss0830 (removido). REMOVER = apagar este bloco inteiro.
   Os dois temas (DARK e CLARO) sao tratados lado a lado em cada regra.

   Porque este bloco existe e nao mais um remendo: os dois blocos anteriores
   (pc0829 e pcmiss0830) escreveram seletores de 1 classe (.pt, .hx-t, .ctas)
   que PERDEM por especificidade para os de 2-3 classes do svc-uno-0821
   (.svc-hero .hx-fatos .pt). Metade daquelas regras estava INERTE no ar:
   medido 30/08 14:0x - fonte do KPI 9,5px (valor velho) mesmo com 10,5px escrito,
   e KPI em coluna (icone em cima) mesmo com flex-direction:row escrito.
   ============================================================================ */

@media(max-width:760px){

/* ---- 39: TOKENS desta rota (nao refatora o design system; so nomeia o que usa) ---- */
:root{
  --page-gutter:clamp(14px,4vw,20px);
  --svc-pad-x:20px; --svc-pad-t:24px; --svc-pad-b:18px;
  --svc-gap-xs:8px; --svc-gap-sm:12px; --svc-gap-md:18px; --svc-gap-lg:26px;
  --svc-ico:44px; --svc-card-pad:14px; --svc-num-col:112px;
  --svc-ouro:#E9A930; --svc-ouro-tx:#F3C960; --svc-perola:#F6EDD9;
  --svc-ouro-claro-tx:#6E4A00; --svc-tinta-claro:#231C10;
}
@media(max-width:359px){:root{--svc-pad-x:14px;--svc-ico:40px;--svc-card-pad:12px;--svc-num-col:96px}}

/* ---- 34/35: UMA grid horizontal para a pagina inteira (fim da escada de margens).
       Antes (medido): hero comecava em 32px, titulo da secao e cards em 34px,
       e o card terminava a 4,8px da borda direita = assimetria de 29px. ---- */
main#a19main{padding:0 var(--page-gutter)}
main#a19main .wrap{padding:0}
.svc-hero.hx{max-width:100%;margin-left:0;margin-right:0}

/* ============================ 1. HERO ============================ */
/* ---- 08: altura vem do CONTEUDO. O min-height:400px era a causa medida dos
       130px de fotografia morta debaixo dos KPIs. ---- */
.svc-hero{min-height:0;margin:10px 0 34px;border-width:1px;border-radius:var(--r-hero);isolation:isolate}
body.dark .svc-hero{border-color:rgba(233,169,48,.30)}
body:not(.dark) .svc-hero{border-color:rgba(168,99,5,.26)}

/* ---- 06: padding compacto + 05: ordem rigida pill > titulo > CTAs > KPIs ---- */
.svc-hero .hx-tx{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;
  justify-content:flex-start;padding:var(--svc-pad-t) var(--svc-pad-x) var(--svc-pad-b)}

/* ---- 04: o subtitulo nao existe mais no HTML; a trava abaixo garante que,
       se voltar por engano, nao ocupa espaco nenhum. ---- */
.svc-hero .hx-s{display:none}
/* a busca da hero continua fora no celular: a do cabecalho e a mesma (1 busca so) */
.svc-hero .hxb,.svc-hero .hxb-dica{display:none}

/* ---- 09: pill = eyebrow, nao titulo ---- */
.svc-hero .eyebrow{align-self:flex-start;margin:0;padding:5px 11px;border-radius:var(--r-pill);
  font-size:10.5px;line-height:1.3;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.dark .svc-hero .eyebrow{background:rgba(233,169,48,.10);border:1px solid rgba(233,169,48,.48);color:#F2CC77}
body:not(.dark) .svc-hero .eyebrow{background:rgba(255,255,255,.55);border:1px solid rgba(168,99,5,.45);color:var(--svc-ouro-claro-tx)}

/* ---- 10: titulo CAIXA ALTA, 2 linhas, alinhado a esquerda, line-height compacto,
       1a linha perola quente / 2a linha ouro APP019. Relevo discreto, sem 3D de carnaval. ---- */
.svc-hero .hx-t{margin:var(--svc-gap-sm) 0 0;font-size:clamp(1.6rem,7.1vw,2.05rem);line-height:1.0;
  font-weight:900;letter-spacing:-.005em;text-transform:uppercase;text-align:left;text-shadow:none;
  overflow-wrap:normal;word-break:normal;hyphens:none}
body.dark .svc-hero .hx-t .l1{color:var(--svc-perola);text-shadow:0 1px 0 rgba(96,64,10,.35),0 2px 6px rgba(0,0,0,.6)}
body.dark .svc-hero .hx-t .l2{color:var(--svc-ouro);text-shadow:0 1px 0 rgba(72,46,4,.5),0 2px 6px rgba(0,0,0,.6)}
body:not(.dark) .svc-hero .hx-t .l1{color:var(--svc-tinta-claro);text-shadow:0 1px 0 rgba(255,255,255,.6)}
body:not(.dark) .svc-hero .hx-t .l2{color:#6E4A00;text-shadow:0 1px 0 rgba(255,255,255,.6)}

/* ---- 11/12/13/14/15/16: CTAs - vidro escuro bem transparente, borda ouro fina,
       texto OURO em caixa alta, 1 linha, mesma altura, mesmo raio, sem emoji e sem lupa. ---- */
.svc-hero .ctas{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--svc-gap-sm);
  margin:var(--svc-gap-lg) 0 0;justify-content:flex-start}
.svc-hero .ctas .btn{flex:0 1 auto;min-width:0;min-height:46px;padding:12px 10px;border-radius:var(--r-btn);
  font-size:clamp(10px,2.9vw,12.5px);font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  line-height:1.1;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;
  justify-content:center;overflow:hidden;transition:transform .16s,border-color .16s,background .16s}
body.dark .svc-hero .ctas .btn{background:rgba(14,13,11,.34);color:var(--svc-ouro-tx);
  border:1px solid rgba(233,169,48,.55);-webkit-backdrop-filter:blur(12px) saturate(150%);
  backdrop-filter:blur(12px) saturate(150%);text-shadow:0 1px 2px rgba(0,0,0,.6);
  box-shadow:inset 0 1px 0 rgba(255,226,160,.13),0 8px 20px -14px rgba(0,0,0,.85)}
body:not(.dark) .svc-hero .ctas .btn{background:rgba(255,255,255,.44);color:#6E4A00;
  border:1px solid rgba(168,99,5,.5);-webkit-backdrop-filter:blur(12px) saturate(150%);
  backdrop-filter:blur(12px) saturate(150%);text-shadow:0 1px 0 rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 20px -14px rgba(90,60,10,.5)}
body.dark .svc-hero .ctas .btn:hover{background:rgba(24,22,17,.42);border-color:rgba(233,169,48,.8);transform:none;filter:none}
body:not(.dark) .svc-hero .ctas .btn:hover{background:rgba(255,255,255,.5);border-color:rgba(168,99,5,.75);transform:none;filter:none}
.svc-hero .ctas .btn:active{transform:translateY(1px) scale(.995)}
.svc-hero .ctas .btn:focus-visible{outline:3px solid var(--svc-ouro);outline-offset:3px}

/* ---- 17/18/19/20/21/22: KPIs - grid de 3 colunas iguais (mesma altura, mesmo topo,
       mesma base, gaps identicos por construcao), ~30% menos massa, vidro fume. ---- */
.svc-hero .hx-fatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
  gap:6px;margin:var(--svc-gap-md) 0 0;padding:0}
.svc-hero .hx-fatos .pt{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  text-align:left;gap:4px;min-width:0;padding:8px 6px;border-radius:12px;
  font-size:clamp(12px,3vw,12.5px);line-height:1.18;font-weight:400} /* FRENTEA0912 R2: minimo 12 px */
.svc-hero .hx-fatos .pt>span{display:block;min-width:0}
.svc-hero .hx-fatos .pt b{display:block;font-size:clamp(13px,3.4vw,14px);font-weight:800;
  letter-spacing:-.01em;/* SVCFATOS0908 08/09: os 2 !important abaixo sao a CORRECCAO. A regra anterior desta pagina traz background-image com !important mas deixa o background-clip:text SEM ele; esta regra, que quer desligar o efeito, so conseguia anular a metade nao-important => sobrava o degrade a pintar a CAIXA e a letra opaca por cima (contraste medido 1,32:1). Com !important o desligar completa-se. */background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit}
.svc-hero .hx-fatos .sti{width:12px;height:12px;flex:0 0 auto}
/* item 06 nao e dogma: abaixo de 380px o respiro lateral cede 3px para o rotulo
   "Contato direto," caber numa linha so - senao o KPI vira 3 linhas e engorda 20%. */
@media(max-width:380px){:root{--svc-pad-x:17px}}
/* 340px para baixo (piso de teste: 320) as 3 colunas nao comportam icone + 2 linhas
   de texto. Item 41 manda encolher gap/padding/fonte/grid ANTES de mexer na estrutura -
   feito acima. O passo seguinte e tirar o auxiliar, nao o dado: o icone e decorativo
   (aria-hidden) e sai; o numero e o rotulo ficam, em 1 linha cada. */
@media(max-width:340px){
  .svc-hero .hx-fatos .sti{display:none}
  .svc-hero .hx-fatos .pt{padding:7px 6px;gap:0}
}
body.dark .svc-hero .hx-fatos .pt{background:rgba(12,12,15,.34);border:1px solid rgba(233,169,48,.32);
  -webkit-backdrop-filter:blur(15px) saturate(155%);backdrop-filter:blur(15px) saturate(155%);
  color:#EBDCBC;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 16px -11px rgba(0,0,0,.85)}
body.dark .svc-hero .hx-fatos .pt b{color:#FFD98A}
body.dark .svc-hero .hx-fatos .sti{color:var(--svc-ouro)}
body:not(.dark) .svc-hero .hx-fatos .pt{background:rgba(255,255,255,.44);border:1px solid rgba(168,99,5,.32);
  -webkit-backdrop-filter:blur(15px) saturate(155%);backdrop-filter:blur(15px) saturate(155%);
  color:#4A4034;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px -11px rgba(90,60,10,.45)}
body:not(.dark) .svc-hero .hx-fatos .pt b{color:#6B4703}
body:not(.dark) .svc-hero .hx-fatos .sti{color:var(--app019-gold-text,#8A5E04)}

/* ---- 23: FOTOGRAFIA preservada. Gradiente LOCALIZADO, nao cortina preta:
       escuro em cima-a-esquerda (titulo) e embaixo (KPIs), claro em cima-a-direita,
       que e onde os profissionais e o cachorro aparecem. ---- */
.svc-hero .hx-img{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;border-radius:inherit;overflow:hidden}
.svc-hero .hx-i{width:100%;height:100%;object-fit:cover;object-position:72% 26%;-webkit-mask-image:none;mask-image:none}
/* A JANELA da fotografia e o canto SUPERIOR DIREITO (radial que comeca em 0 de veu):
   e ali que ficam os profissionais e o cachorro. O veu cresce para baixo e para a
   esquerda, que e por onde passam titulo, CTAs e KPIs. Os numeros de contraste
   medidos pixel a pixel sobre a foto composta estao no relatorio - nao sao palpite. */
body.dark .svc-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 58% at 86% 4%,rgba(10,11,14,0) 0%,rgba(10,11,14,.30) 55%,rgba(10,11,14,.62) 100%),
             linear-gradient(100deg,rgba(10,11,14,.55) 0%,rgba(10,11,14,.18) 45%,rgba(10,11,14,0) 75%),
             linear-gradient(180deg,rgba(10,11,14,.22) 0%,rgba(10,11,14,.50) 42%,rgba(10,11,14,.82) 100%)}
body:not(.dark) .svc-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 58% at 86% 4%,rgba(255,253,247,0) 0%,rgba(255,253,247,.38) 55%,rgba(255,253,247,.70) 100%),
             linear-gradient(100deg,rgba(255,253,247,.60) 0%,rgba(255,253,247,.22) 45%,rgba(255,253,247,0) 75%),
             linear-gradient(180deg,rgba(255,253,247,.30) 0%,rgba(255,253,247,.66) 42%,rgba(255,253,247,.90) 100%)}

/* ============================ 2. SECAO DAS CATEGORIAS ============================ */
/* ---- 26: hierarquia de distancia (hero -> titulo da secao -> 1o card) ---- */
main#a19main>.cats{padding:0 0 8px}
.cats .cab{margin:0 0 20px}
.cats h2{font-size:1.18rem;line-height:1.25;letter-spacing:-.01em}

/* ---- 27/29/30/31/32/33: CARD = GRID de verdade.
       Colunas: [icone] [nome 1fr] [contagem largura fixa] [chevron].
       A contagem passa a ter COLUNA PROPRIA E LARGURA FIXA => todos os numeros
       comecam e terminam no mesmo eixo, os chevrons alinham, e "100.249 contatos"
       nunca mais quebra de linha nem empurra o card para fora da tela.
       (Antes, medido: .catnome com flex-wrap:nowrap fazia o card estourar o
        contentor - 29px a mais a 412px e 87px a mais a 320px.) ---- */
.cats .grid{grid-template-columns:1fr;gap:var(--svc-gap-sm)}
.cat{padding:var(--svc-card-pad);border-radius:16px;gap:0;
  -webkit-backdrop-filter:none;backdrop-filter:none}
.cat:hover{transform:none}
.cat .cat-top{display:grid;grid-template-columns:auto minmax(0,1fr) var(--svc-num-col);
  align-items:center;column-gap:10px;padding-right:22px;min-height:44px}
.cat .catnome{display:contents}
.cat .catnome h3{grid-column:2;margin:0;min-width:0;font-size:.98rem;line-height:1.22;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat .cattot{grid-column:3;margin:0;width:var(--svc-num-col);text-align:right;white-space:nowrap;
  font-size:.78rem;line-height:1.25;font-variant-numeric:tabular-nums}
.cat .cattot b{display:inline;font-size:.94rem;font-weight:800;letter-spacing:-.01em;margin-right:3px;
  font-variant-numeric:tabular-nums}
/* chevron: centrado de verdade no eixo vertical (antes era top:44%, "no olho") */
.cat .cat-top::after{top:50%;right:2px;width:8px;height:8px;border-width:2px;
  transform:translateY(-60%) rotate(45deg);transition:transform .24s}
.cat.aberto .cat-top::after{transform:translateY(-30%) rotate(225deg)}

/* ---- 28: icones das categorias -20% (56 -> 44px), sprite reposicionado.
       Nao gera icone novo: reusa o mesmo sprite, so muda a escala. ---- */
.cat .ico{flex:0 0 var(--svc-ico);width:var(--svc-ico);height:var(--svc-ico);grid-column:1}
.cat:hover .ico{transform:none}
.cat .i3s{width:var(--svc-ico);height:var(--svc-ico);background-size:calc(var(--svc-ico)*14) var(--svc-ico)}
.cat .i3s-casa-reforma{background-position:calc(var(--svc-ico)*0) 0}
.cat .i3s-moda-beleza{background-position:calc(var(--svc-ico)*-1) 0}
.cat .i3s-saude{background-position:calc(var(--svc-ico)*-2) 0}
.cat .i3s-alimentacao{background-position:calc(var(--svc-ico)*-3) 0}
.cat .i3s-educacao{background-position:calc(var(--svc-ico)*-4) 0}
.cat .i3s-veiculos{background-position:calc(var(--svc-ico)*-5) 0}
.cat .i3s-transporte{background-position:calc(var(--svc-ico)*-6) 0}
.cat .i3s-tecnologia{background-position:calc(var(--svc-ico)*-7) 0}
.cat .i3s-eventos{background-position:calc(var(--svc-ico)*-8) 0}
.cat .i3s-limpeza{background-position:calc(var(--svc-ico)*-9) 0}
.cat .i3s-comercio{background-position:calc(var(--svc-ico)*-10) 0}
.cat .i3s-imoveis{background-position:calc(var(--svc-ico)*-11) 0}
.cat .i3s-consertos{background-position:calc(var(--svc-ico)*-12) 0}
.cat .i3s-pet{background-position:calc(var(--svc-ico)*-13) 0}

/* ---- 44: desempenho. Os cards NAO estao sobre fotografia nenhuma - o blur de
       20px em 14 cards + 14x12 chips era custo de GPU sem ganho visual.
       O vidro fica so onde ha foto atras: CTAs e KPIs da hero. ---- */
.cat a.chip{-webkit-backdrop-filter:none;backdrop-filter:none}

/* ---- 43: alvos de toque e foco preservados mesmo compactando ---- */
.cat .cat-top{cursor:pointer}
.cat a.chip{min-height:44px}

/* ---- 41: 320-359px - primeiro encolhe gap/padding/fonte, so depois estrutura ---- */
@media(max-width:359px){
  .svc-hero .hx-t{font-size:clamp(1.35rem,6.9vw,1.65rem)}
  .svc-hero .ctas{gap:10px}
  .svc-hero .ctas .btn{padding:11px 8px;min-height:44px}
  .svc-hero .hx-fatos{gap:6px}
  .svc-hero .hx-fatos .pt{padding:6px 6px;font-size:9.5px}
  .svc-hero .hx-fatos .pt b{font-size:11px}
  .svc-hero .hx-fatos .sti{width:12px;height:12px}
  .cat .cat-top{column-gap:8px;padding-right:18px}
  .cat .catnome h3{font-size:.9rem;-webkit-line-clamp:3}
  .cat .cattot{font-size:.75rem}
  .cat .cattot b{font-size:.84rem}
}

/* ---- 43/44: quem pede menos transparencia ou menos movimento recebe o certo ---- */
@media (prefers-reduced-transparency: reduce){
  body.dark .svc-hero .ctas .btn{background:rgba(14,13,11,.92);-webkit-backdrop-filter:none;backdrop-filter:none}
  body:not(.dark) .svc-hero .ctas .btn{background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
  body.dark .svc-hero .hx-fatos .pt{background:rgba(12,12,15,.92);-webkit-backdrop-filter:none;backdrop-filter:none}
  body:not(.dark) .svc-hero .hx-fatos .pt{background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){
  .svc-hero .ctas .btn,.cat .cat-top::after{transition:none}
}

} /* fim @media(max-width:760px) */

/* ---- 36/37: a barra inferior e componente COMPARTILHADO (/js/nav019.js, posse de
   outra sessao) e ela ja planta o proprio espacador com env(safe-area-inset-bottom).
   NAO acrescento padding aqui de proposito: somar respiro por fora do componente foi
   exatamente a causa medida do "topo grande demais" de 22/08 (soma dupla da area segura).
   O que esta rota faz e MEDIR se o ultimo card fica preso atras da barra - e o resultado
   esta no relatorio. ---- */
/* ---- MOBILE0911 11/09/2026 (user-9d): a 375px os 2 botoes do heroi saiam a 10,9px (clamp 2.9vw)
   - letra de rodape num CTA principal. Empilhados a 14px, 46px de alto, 1 linha cada; heroi 266->321px.
   Pill "73 CIDADES" 10,5->11,5px. Medido no painel a 375: 0 overflow. ---- */
@media(max-width:560px){
  .svc-hero .ctas{flex-direction:column;gap:8px}
  .svc-hero .ctas .btn{font-size:14px;min-height:46px;padding:10px 12px;white-space:nowrap;width:100%}
  .svc-hero .eyebrow{font-size:11.5px}
}
/* servicos: bloco soclaro0902css */
/* SOCLARO0902 - 02/09/2026 - ordem do Rafael: "NADA ESCURO MAIS" / "usar so claro !".
   O botao de alternar tema (sol/lua) deixa de ter funcao quando o site e so claro.
   Deixa-lo visivel seria um controlo MORTO: a pessoa carrega e nada acontece.
   REVERTER = apagar este bloco (o botao volta a aparecer e volta a funcionar). */
button[data-g19tema],[data-g19tema].g19-toggle{display:none!important}