:root{
  --bg:#F3F2F0; --card:#FFFFFF; --soft:#F2F0EE; --line:#E3DFDB; --ink:#1A1C20; --muted:#635D58;
  --brand:#0F766E; --brand2:#E3F4F1; --brandInk:#115E59; --brandTx:#FFFFFF; --topo:#0E3B37; --ok:#15803D; --okbg:#E7F6EC; --warn:#B45309; --warnbg:#FEF3E2; --bad:#B91C1C; --badbg:#FDECEC;
  --azul:#1D4ED8; --azulbg:#E8EEFD; --ia:#7C3AED; --iabg:#F1EAFE; --sombra:0 24px 60px -30px rgba(20,20,20,.45);
  --display:"Outfit",ui-sans-serif,system-ui,sans-serif; --body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#111317; --card:#1A1D22; --soft:#22262C; --line:#2F343B; --ink:#ECEDEE; --muted:#A3A9B1;
  --brand:#2DD4BF; --brand2:#0F2E2B; --brandInk:#5EEAD4; --brandTx:#05201D; --topo:#08201E; --ok:#4ADE80; --okbg:#0F2E1C; --warn:#F5B055; --warnbg:#33240C; --bad:#F87171; --badbg:#3A1515; --azul:#93B4FF; --azulbg:#18233F; --ia:#C4B5FD; --iabg:#2A1E4A; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#111317; --card:#1A1D22; --soft:#22262C; --line:#2F343B; --ink:#ECEDEE; --muted:#A3A9B1;
  --brand:#2DD4BF; --brand2:#0F2E2B; --brandInk:#5EEAD4; --brandTx:#05201D; --topo:#08201E; --ok:#4ADE80; --okbg:#0F2E1C; --warn:#F5B055; --warnbg:#33240C; --bad:#F87171; --badbg:#3A1515; --azul:#93B4FF; --azulbg:#18233F; --ia:#C4B5FD; --iabg:#2A1E4A; color-scheme:dark }
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);-webkit-tap-highlight-color:transparent}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;letter-spacing:-.01em}
.num{font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.fone{width:100%;max-width:560px;margin:0 auto;height:100vh;height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}
@media (min-width:600px){.fone{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
.topo{background:var(--topo);color:#fff;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;display:flex;align-items:center;gap:10px;flex:none}
.topo .t{flex:1;min-width:0}
.topo small{display:block;opacity:.7;font-size:12px}
.topo b{font:700 17px/1.2 var(--display)}
.topo .vt{background:none;border:0;color:#99F6E4;font-weight:600;cursor:pointer;padding:4px 0}
.av{width:36px;height:36px;border-radius:50%;background:var(--brand);color:var(--brandTx);display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.tela{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
.nav{display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line);flex:none;padding-bottom:env(safe-area-inset-bottom,0px)}
.nav button{background:none;border:0;padding:9px 2px 10px;font-size:11.5px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
.nav button[aria-current="true"]{color:var(--brand);font-weight:700}
.nav svg{width:21px;height:21px}
.c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}
.c h3{font-size:16px}
.mini{color:var(--muted);font-size:13px}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}
.kp small{color:var(--muted);font-size:11.5px;display:block}
.kp b{font:800 17px/1.2 var(--display);white-space:nowrap}
.os{display:flex;gap:12px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;text-align:left;width:100%}
.os .h{font:700 15px var(--mono);color:var(--brand);min-width:46px}
.os .i{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.os .i b{font-size:15px}
.os .i span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os.ok{opacity:.55}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--soft);color:var(--muted);white-space:nowrap}
.chip.inst{background:var(--brand2);color:var(--brand)}.chip.limp{background:var(--okbg);color:var(--ok)}.chip.cons{background:var(--warnbg);color:var(--warn)}.chip.pmoc{background:var(--soft);color:var(--ink)}
.chip.ok{background:var(--okbg);color:var(--ok)}.chip.alerta{background:var(--warnbg);color:var(--warn)}.chip.ruim{background:var(--badbg);color:var(--bad)}
.bt{appearance:none;border:0;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer;background:var(--brand);color:var(--brandTx);text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.bt.sec{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.bt.zap{background:#25D366;color:#053d1f}
.bt.big{width:100%;padding:15px;font-size:16px}
.bt.sm{padding:7px 11px;font-size:13px;border-radius:10px}
.lin{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:0;flex:1}
.in{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px;font:inherit;font-size:15px;min-width:0}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--line);font-size:14px;cursor:pointer}
.ck:first-of-type{border-top:0}
.ck input{width:20px;height:20px;flex:none;accent-color:var(--brand);margin-top:1px}
.med{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.med label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)}
.dt{border-radius:12px;padding:10px 12px;font-size:13.5px}
.dt.ok{background:var(--okbg);color:var(--ok)}.dt.alerta{background:var(--warnbg);color:var(--warn)}.dt.vazio{background:var(--soft);color:var(--muted)}
.fotos{display:flex;gap:8px;flex-wrap:wrap}
.fotos img,.addf{width:68px;height:68px;border-radius:12px;object-fit:cover}
.addf{display:grid;place-items:center;border:2px dashed var(--line);color:var(--muted);font-size:26px;cursor:pointer}
.ass{width:100%;height:120px;border:1px dashed var(--line);border-radius:12px;background:var(--soft);touch-action:none}
.it{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.it:first-child{border-top:0}
.tot{display:flex;justify-content:space-between;font:800 20px var(--display);padding-top:6px}
.qr{width:170px;height:170px;margin:0 auto;display:block;border-radius:10px;background:#fff;padding:8px}
.toast{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;z-index:5;max-width:88%;text-align:center}
.bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:99px}
.cli{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left}
.cli:first-child{border-top:0}
.cli .i{flex:1;min-width:0}.cli .i small{display:block;color:var(--muted);font-size:12.5px}
.seg{display:flex;background:var(--soft);border-radius:12px;padding:3px;gap:3px}
.seg button{flex:1;border:0;background:none;border-radius:9px;padding:8px 4px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.voltar{background:none;border:0;color:var(--brand);font-weight:700;cursor:pointer;padding:0;align-self:flex-start}
.ext{font-size:12px;color:var(--muted)}
.ext a{color:var(--brand)}
@media (prefers-reduced-motion:no-preference){.tela>*{animation:sobe .22s ease-out both}@keyframes sobe{from{transform:translateY(6px);opacity:.6}to{transform:none;opacity:1}}}
.dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.dias button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:6px 0 5px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;min-width:0}
.dias small{font-size:10.5px;color:var(--muted);text-transform:uppercase}.dias b{font:800 17px/1.1 var(--display)}
.dias i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--brand);min-height:13px}
.dias button[aria-pressed="true"]{background:var(--topo);border-color:var(--topo);color:#fff}.dias button[aria-pressed="true"] small{color:#99F6E4}.dias button[aria-pressed="true"] i{color:#99F6E4}
.horas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.horas button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 4px;font:700 15px var(--mono);cursor:pointer;display:flex;flex-direction:column;align-items:center}
.horas button small{font:500 10.5px var(--body);color:var(--muted)}
.horas button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brandTx)}
.horas button:disabled,.bt:disabled{opacity:.45;cursor:not-allowed}

.av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.entrar{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 20px;max-width:440px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;font:800 26px var(--display)}.logo span{color:var(--brand)}
.erro{background:var(--badbg);color:var(--bad);border-radius:12px;padding:10px 12px;font-size:14px}
.aviso{background:var(--warnbg);color:var(--warn);border-radius:12px;padding:10px 12px;font-size:13.5px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.aviso button,.aviso a{background:none;border:0;color:inherit;font-weight:800;text-decoration:underline;cursor:pointer;white-space:nowrap}
.vazio{border:1px dashed var(--line);border-radius:16px;padding:18px;text-align:center;color:var(--muted);font-size:14px}
.qrimg{width:200px;height:200px;margin:0 auto;display:block;background:#fff;border-radius:12px;padding:6px;image-rendering:pixelated}
.cp{font:12px/1.4 var(--mono);word-break:break-all;background:var(--soft);border-radius:10px;padding:8px;color:var(--muted)}
.lista-mini{display:flex;flex-direction:column}
.x{background:none;border:0;color:var(--bad);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
textarea.in{min-height:70px;resize:vertical}
.carregando{display:grid;place-items:center;height:100%;color:var(--muted)}
.ckb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.ckb input{width:20px;height:20px;accent-color:var(--brand)}
.ass,.nav{-webkit-user-select:none;user-select:none}
[hidden]{display:none!important}
.entrar .f{flex:none}
.tela>.f{flex:none}
.supc{display:flex;flex-direction:column;gap:8px}
.sb{max-width:86%;padding:10px 12px;border-radius:16px;font-size:14.5px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.sb.ia{background:var(--card);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:6px}
.sb.eu{background:var(--brand);color:var(--brandTx);align-self:flex-end;border-bottom-right-radius:6px}
.sb.dig{display:flex;gap:4px;padding:14px}.sb.dig i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:pisca 1s infinite}.sb.dig i:nth-child(2){animation-delay:.2s}.sb.dig i:nth-child(3){animation-delay:.4s}
@keyframes pisca{0%,100%{opacity:.25}50%{opacity:1}}
.chipq{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:7px 11px;font-size:13px;cursor:pointer;text-align:left}
.supf{display:flex;gap:8px;align-items:flex-end}.supf .in{flex:1;resize:none;min-height:46px}

/* ---- oficina ---- */
.av{color:#fff}
.placa{display:inline-flex;align-items:center;font:700 13px/1 var(--mono);letter-spacing:.06em;background:#fff;color:#111;border:1.5px solid #222;border-top:4px solid #1D4ED8;border-radius:5px;padding:3px 6px 2px;white-space:nowrap;flex:none}
.placa.g{font-size:20px;padding:6px 12px 5px;border-width:2px;border-top-width:7px}
.carro{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;text-align:left;width:100%}
.carro .i{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.carro .i b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carro .i span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.carro .v{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.carro .v b{font:800 15px var(--display)}
.grp{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.grp h3{font-size:15px;display:flex;align-items:center;gap:8px}
.grp h3 i{width:10px;height:10px;border-radius:50%;display:inline-block}
.chip.orcamento{background:var(--soft);color:var(--ink)}.chip.aprovado{background:var(--azulbg);color:var(--azul)}.chip.servico{background:var(--warnbg);color:var(--warn)}.chip.pronto{background:var(--okbg);color:var(--ok)}.chip.entregue{background:var(--soft);color:var(--muted)}.chip.cancelado{background:var(--badbg);color:var(--bad)}
.etapas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.etapas div{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--muted);text-align:center;min-width:0}
.etapas div:before{content:"";height:6px;border-radius:99px;background:var(--line)}
.etapas div.f:before{background:var(--brand)}
.etapas div.f{color:var(--ink);font-weight:700}
.tg{display:flex;flex-wrap:wrap;gap:6px}
.tg button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:7px 12px;font-size:13px;cursor:pointer}
.tg button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brandTx);font-weight:700}
.sub{font:700 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.it .x{align-self:center}
.placaIn{font:700 22px var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.it>b{white-space:nowrap}

/* ---- atendente de IA e planos ---- */
.chip.ia{background:var(--iabg);color:var(--ia)}
.destaque{background:var(--brand2);border-color:transparent}
.okc{background:var(--okbg);border-color:transparent}
.os.dest{border-color:var(--ia);background:var(--iabg)}
.os.dest .i span{color:var(--ink);opacity:.75}
.iacard{background:linear-gradient(135deg,var(--iabg),var(--brand2));border-color:transparent}
.iacard .ico{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--ia)}
.iacard .ico svg{width:22px;height:22px}
.semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.semana button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 0;font-weight:700;font-size:13px;cursor:pointer;text-transform:capitalize;min-width:0}
.semana button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.planos{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.plano{position:relative;appearance:none;text-align:left;border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.plano[aria-pressed="true"]{border-color:var(--brand);background:var(--brand2)}
.plano b{font:700 17px var(--display)}
.plano .v{font:800 28px var(--display)}.plano .v small{font:500 14px var(--body);color:var(--muted)}
.selo{position:absolute;top:-10px;right:12px;background:var(--ia);color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px;letter-spacing:.02em}
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:6px}
.pack{position:relative;appearance:none;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:12px;padding:14px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;text-align:center;min-width:0}
.pack b{font-size:13px}.pack .num{font:800 17px var(--display);color:var(--brandInk)}
.pack .selo{right:50%;transform:translateX(50%);white-space:nowrap;font-size:10px}
.faz{display:flex;flex-direction:column;padding:6px 0;border-top:1px solid var(--line)}
.faz:first-of-type{border-top:0}
details.c summary{cursor:pointer;list-style:none}details.c summary::-webkit-details-marker{display:none}
.qrbox{width:260px;height:260px;max-width:100%;margin:0 auto;background:#fff;border-radius:14px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.qrbox img{width:100%;height:100%;object-fit:contain}
.qrbox .carregando{color:#635D58;height:auto;padding:12px;text-align:center}
ol.passos{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.ultm{font-size:14px;background:var(--soft);border-radius:10px;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.ckb input{flex:none}

.senha{position:relative;display:block}.senha .in{padding-right:84px;width:100%}
.senha .ver{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--brandInk,#c2410c);font-weight:700;font-size:14px;padding:8px 10px;cursor:pointer}
.garantias{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mut,#555)}
.garantias li:before{content:"✓";color:var(--ok,#15803d);font-weight:800;margin-right:8px}
details.depois{border:1px dashed var(--line,#ddd);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:12px}
details.depois summary{cursor:pointer;font-weight:600}details.depois summary span{font-weight:400;color:var(--mut,#666);font-size:13px}
details.depois[open]{display:flex}
/* 07/11: guia de primeira vez + exemplo */
.guia{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand2)}
.guia.ok{border-color:var(--ok);box-shadow:0 0 0 3px var(--okbg)}
.gtop{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.gtop b{font:800 15px var(--display);color:var(--brandInk)}
.gbar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}
.gbar i{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .4s}
.gpasso{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}
.gpasso>span:last-child{display:flex;flex-direction:column;min-width:0}
.gpasso b{font-size:14.5px}
.gn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--display);background:var(--soft);color:var(--muted);flex:none}
.gpasso.atual .gn{background:var(--brand);color:var(--brandTx)}
.gpasso.feito .gn{background:var(--okbg);color:var(--ok)}
.gpasso.feito b{text-decoration:line-through;color:var(--muted)}
.gx{background:none;border:0;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer;padding:2px;align-self:center}
.carro.ex{border-style:dashed;background:var(--soft)}
.aviso.ok{background:var(--okbg);color:var(--ok)}
/* 08/11: foto do carro */
.vcol{display:flex;flex-direction:column;gap:5px;align-items:stretch;flex:none}
.vcol .placa{justify-content:center}
.vth{display:block;height:56px;border-radius:10px;overflow:hidden;background:var(--soft)}
.vth img{width:100%;height:100%;object-fit:cover;display:block}
.vfoto{border-radius:14px;overflow:hidden;background:var(--soft);position:relative}
.vfoto:empty{display:none}
.vfoto img{width:100%;max-height:260px;object-fit:cover;display:block}
.vfn{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.6);color:#fff;border-radius:8px;padding:3px 8px}

/* Omnia Instala */
.nav{grid-template-columns:repeat(4,1fr)}
.chip.novo{background:var(--warnbg);color:var(--warn)}
.chip.agendado{background:var(--azulbg);color:var(--azul)}
.chip.instalado{background:var(--brand2);color:var(--brandInk)}
.chip.pago{background:var(--okbg);color:var(--ok)}
.chip.cancelado{background:var(--soft);color:var(--muted)}
.sec-t{font:700 13px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:6px 2px -4px}
.os .h small{display:block;font:500 11px var(--body);color:var(--muted)}
.prods{display:flex;flex-direction:column;gap:6px}
.prod{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--card)}
.prod .i{flex:1;min-width:0;display:flex;flex-direction:column}
.prod .i b{font-size:14px}
.prod .i span{font-size:12px;color:var(--muted)}
.prod.on{border-color:var(--brand);background:var(--brand2)}
.qtd{display:flex;align-items:center;gap:6px}
.qtd button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 18px var(--body);cursor:pointer}
.qtd input{width:56px;text-align:center;padding:7px 4px}
.opc{display:flex;gap:6px;flex-wrap:wrap}
.opc button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:8px 13px;font-size:14px;font-weight:600;cursor:pointer}
.opc button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brandTx)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.duas .c{gap:2px}
.duas small{color:var(--muted);font-size:12px}
.duas b{font:800 19px var(--display)}
.forma{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.forma button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:12px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}
.forma button b{font-size:15px}
.forma button span{font-size:12.5px;color:var(--muted)}
.forma button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand2)}
.etapas{grid-template-columns:repeat(4,minmax(0,1fr))}
.etapas div{font-size:12px}
.mapa{color:var(--brand);font-weight:600;text-decoration:none}