/* MotoPeçaCerta — site público (landing, planos, cadastro, login, orçamento do cliente) */
:root{
  --bg:#f5f6f7; --panel:#ffffff; --sunken:#eef0f2; --hover:#f0f2f4;
  --line:#e2e5e9; --line-strong:#8a929c;
  --ink:#16191d; --ink-2:#3a4047; --muted:#5f6670;
  --accent:#c2410c; --accent-hover:#9a3412; --on-accent:#ffffff; --accent-soft:#fcefe7;
  --serve:#0a6e5c; --serve-bg:#e4f3ee; --nao:#b3261e; --nao-bg:#fdecea; --conf:#7a5a00; --conf-bg:#fdf5d8; --info:#1f5a99; --info-bg:#e8f1fa;
  --focus:#c2410c; --dark:#16191d; --on-dark:#f3f4f6;
  --wa:#25d366; --wa-hover:#1fb457; --on-wa:#06210f; /* WhatsApp: verde da marca com texto escuro (8,6:1; hover 6,3:1) */
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  /* Formas no estilo Material 3 Expressive: cantos grandes, botões em pílula que "cedem" ao toque. As cores são as da marca. */
  --r-xs:8px; --r:16px; --r-lg:28px; --r-full:999px; --wrap:1160px;
  --ease:cubic-bezier(.2,0,0,1); --spring:cubic-bezier(.34,1.4,.64,1);
  --shadow:0 1px 2px rgba(22,25,29,.05),0 10px 30px rgba(22,25,29,.07);
  color-scheme:light;
}
/* Site público sempre no tema claro, igual à landing do Elementor (que não tem tema escuro).
   O app do balcão (app.css) continua seguindo o tema do sistema. */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.mc-body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
.mc-body h1,.mc-body h2,.mc-body h3,.mc-body p{margin:0}
.mc-body h1,.mc-body h2{font-weight:700;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}
.mc-body h3{font-weight:600;font-size:17px;line-height:1.4;color:var(--ink)}
.mc-body a{color:var(--accent);text-underline-offset:3px}
.mc-body img,.mc-body svg{max-width:100%}
.mc-body :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-body button,.mc-body input,.mc-body select{font:inherit;color:inherit}
.mc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mc-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--panel);padding:10px 14px;border-radius:var(--r)}
.mc-skip:focus{left:16px}
.mc-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.mc-narrow{max-width:760px}
.mc-muted{color:var(--muted)}
.mc-small{font-size:14px}
.mc-center{text-align:center;margin-top:24px}
.mc-label{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mc-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px!important}
.mc-lead{font-size:18px;line-height:1.6;color:var(--ink-2);max-width:62ch}
.mc-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Botões */
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:24px;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink)!important;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:border-radius .25s var(--spring),background-color .15s var(--ease),border-color .15s var(--ease);white-space:nowrap}
.mc-btn:hover{background:var(--hover);border-color:var(--ink)}
.mc-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)!important}
.mc-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.mc-btn-lg{min-height:56px;padding:0 28px;font-size:16px;border-radius:28px}
.mc-btn-block{width:100%}
.mc-btn:disabled{opacity:.6;cursor:wait}
.mc-btn:active{border-radius:var(--r)}
@media (prefers-reduced-motion:reduce){.mc-btn{transition:none}}

/* Cabeçalho */
.mc-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.admin-bar .mc-header{top:32px}
.mc-header-in{display:flex;align-items:center;gap:16px;min-height:68px}
/* Logotipo (skills/06, 6.1): --logo é a altura do símbolo; o nome tem 0,685 dela e o subtítulo, 0,6226 do nome, a mesma
   largura do nome na IBM Plex (justificado para fechar a sobra). As margens tiram o espaço acima da maiúscula e abaixo
   da linha de base: o topo do "M" e a base do subtítulo ficam rentes ao topo e à base do símbolo; o respiro entre as linhas
   (0,07 do nome) deixa o cedilha longe do subtítulo. */
.mc-brand,.mc-quote-head{--logo:32px}
.mc-brand{display:inline-flex;align-items:center;min-height:44px;vertical-align:top;gap:calc(var(--logo)*.3125);text-decoration:none;color:var(--ink)!important;flex:none}
.mc-wm{display:inline-grid;font-weight:600;font-size:calc(var(--logo,32px)*.685);line-height:1;letter-spacing:-.01em;white-space:nowrap;margin:-.155em 0 -.078em}
.mc-wm small{margin-top:.1124em;font-weight:400;font-size:.6226em;line-height:1;color:var(--muted);letter-spacing:.01em;text-align:justify;text-align-last:justify}
.mc-mark{display:block;flex:none;border-radius:8px}
.mc-brand .mc-mark,.mc-quote-head .mc-mark{width:var(--logo);height:var(--logo)}
.mc-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.mc-nav a{color:var(--ink-2);text-decoration:none;font-weight:500;font-size:15px;padding:10px 12px;border-radius:var(--r)}
.mc-nav a:hover{background:var(--hover);color:var(--ink)}
.mc-nav .mc-nav-cta{margin-left:8px;padding:0 16px}
.mc-menu-btn{display:none;margin-left:auto}
@media (max-width:380px){.mc-header-in{gap:12px}.mc-header .mc-brand{--logo:28px}.mc-menu-btn{padding:0 12px;gap:6px}}
@media (max-width:900px){
  .mc-menu-btn{display:inline-flex}
  .mc-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 20px 16px;box-shadow:var(--shadow)}
  .mc-nav.open{display:flex}
  .mc-nav a{padding:14px 4px;border-bottom:1px solid var(--line);border-radius:0}
  .mc-nav .mc-nav-cta{margin:12px 0 0;border-bottom:0;border-radius:24px;padding:0 16px}
}

/* Hero */
.mc-hero{padding:72px 0 56px;background:linear-gradient(180deg,var(--panel),var(--bg))}
.mc-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin-bottom:20px!important}
.mc-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mc-micro{font-size:14px;color:var(--muted);margin-top:14px!important}
@media (max-width:900px){.mc-hero{padding:40px 0}}
/* No celular, o campo de busca sobe: menos respiro e menos respiro antes dele */
@media (max-width:640px){.mc-hero{padding:24px 0 32px}.mc-hero-stack{gap:20px}.mc-hero .mc-hero-row{margin-top:12px}.mc-hero h1{margin-bottom:12px!important}}
@media (max-width:480px){.mc-cta-row .mc-btn{width:100%}}

/* Mock da tela do produto */
.mc-mock{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;min-width:0}
.mc-mock-bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--sunken)}
.mc-mock-bar span{width:10px;height:10px;border-radius:50%;background:var(--line-strong);opacity:.5}
.mc-mock-body{padding:16px;display:flex;flex-direction:column;gap:10px}
.mc-mock-moto{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r)}
.mc-mock-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r)}
.mc-mock-row .mc-badge{grid-column:1/-1;justify-self:start}
.mc-mock-row strong{font-weight:500;overflow-wrap:anywhere}
.mc-mock-row .mc-muted{grid-column:1/2;font-size:13px;overflow-wrap:anywhere}
.mc-mock-row b{grid-column:2;grid-row:2/4;font-variant-numeric:tabular-nums}
.mc-mock-row.mc-dim strong,.mc-mock-row.mc-dim b{color:var(--muted)}
.mc-mock-total{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r);background:var(--sunken)}
.mc-mock-total b{font-size:20px;margin-right:auto;font-variant-numeric:tabular-nums}
.mc-mock-btn{background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:12px;font-weight:500;font-size:14px}
.mc-loc{font:500 12px var(--mono);background:var(--sunken);border-radius:4px;padding:1px 6px;color:var(--ink-2)}
.mc-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:18px;padding:3px 9px 3px 7px;border-radius:999px;white-space:nowrap}
.mc-badge .mc-ic{width:14px;height:14px;stroke-width:2.25}
.mc-b-serve{background:var(--serve-bg);color:var(--serve)}
.mc-b-conf{background:var(--conf-bg);color:var(--conf);border:1px dashed var(--conf)}

/* Faixa de números */
.mc-strip{background:var(--dark);color:var(--on-dark)}
.mc-strip-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:28px}
.mc-strip p{color:#c9ced4;font-size:15px}
.mc-strip b{color:#fff;font-weight:600}
@media (max-width:760px){.mc-strip-in{grid-template-columns:minmax(0,1fr);gap:14px}}

/* Seções */
.mc-section{padding:88px 0}
.mc-section-top{padding-top:56px}
.mc-section-alt{background:var(--panel);border-block:1px solid var(--line)}
.mc-section-head{max-width:720px;margin-bottom:40px}
.mc-section-head h1{font-size:clamp(30px,4vw,44px);line-height:1.12;margin-bottom:14px!important}
.mc-section-head h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin-bottom:12px!important}
@media (max-width:760px){.mc-section{padding:56px 0}}
.mc-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;min-width:0}
.mc-section-alt .mc-card{background:var(--bg)}
.mc-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1024px){.mc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.mc-grid-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.mc-grid-4{grid-template-columns:minmax(0,1fr)}}
.mc-feature{display:flex;flex-direction:column;gap:10px}
.mc-feature p{color:var(--ink-2);font-size:15px}
.mc-feature-ic{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.mc-feature .mc-tag{margin-top:auto;align-self:flex-start}
.mc-tag-pro{background:var(--accent-soft);color:var(--accent)}

/* Passos */
.mc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.mc-steps li{position:relative;padding:24px 24px 24px 76px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);min-width:0}
.mc-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:24px;top:22px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--panel);display:grid;place-items:center;font-weight:600}
.mc-steps p{color:var(--ink-2);font-size:15px;margin-top:6px!important}
.mc-alert.mc-steps-note{margin:20px 0 0}
/* Perguntas frequentes fora do site (10/10/2026): esconde também a seção que ainda existe na landing do Elementor */
#perguntas,#como-funciona{display:none!important}
.mc-alert .mc-hit-ctas + .mc-small{margin-top:10px}
.mc-lim{margin-bottom:14px}
.mc-busca-ctx{margin:0;padding:8px 14px;font-size:14px;font-weight:500;color:var(--ink-2);background:var(--sunken);border-bottom:1px solid var(--line)}
@media (max-width:900px){.mc-steps{grid-template-columns:minmax(0,1fr)}}

/* Bloco IA */
.mc-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:900px){.mc-split{grid-template-columns:minmax(0,1fr);gap:28px}}
.mc-split h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin-bottom:14px!important}
.mc-ai-demo{display:flex;flex-direction:column;gap:10px}
.mc-quote{font-family:var(--mono);font-size:14px;background:var(--sunken);padding:12px 14px;border-radius:var(--r);overflow-wrap:anywhere}

/* Listas */
.mc-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}
.mc-list li{position:relative;padding-left:28px;color:var(--ink-2)}
.mc-list li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:7px;border-left:2px solid var(--serve);border-bottom:2px solid var(--serve);transform:rotate(-45deg)}

/* Planos */
.mc-billing{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--sunken);margin-bottom:24px;flex-wrap:wrap}
.mc-seg{border:0;background:none;padding:8px 18px;border-radius:999px;font-weight:500;color:var(--muted);cursor:pointer;min-height:44px}
.mc-seg[aria-pressed="true"]{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.mc-save{font-size:12px;color:var(--serve);margin-left:4px}
.mc-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
@media (max-width:900px){.mc-plans{grid-template-columns:minmax(0,1fr)}}
.mc-plans-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){.mc-plans-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mc-plans-4{grid-template-columns:minmax(0,1fr)}}
.mc-fair{list-style:none;margin:48px 0 0;padding:24px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;color:var(--ink-2);font-size:14px;line-height:20px}
.mc-fair li{position:relative;padding-left:20px}
.mc-fair li::before{content:"";position:absolute;left:4px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--line-strong)}
@media (max-width:640px){.mc-fair{grid-template-columns:minmax(0,1fr)}}
.mc-plan{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;min-width:0}
.mc-section-alt .mc-plan{background:var(--bg)}
.mc-plan-hl{border:2px solid var(--ink);box-shadow:var(--shadow)}
.mc-ribbon{position:absolute;top:-13px;left:24px;background:var(--ink);color:var(--panel);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.mc-plan h3,.mc-plan h4{font-size:20px;margin:0}
.mc-plans-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:18px;margin:40px 0 16px!important;scroll-margin-top:96px}
.mc-plans-group:first-of-type{margin-top:4px!important}
.mc-plans-group span{font-size:14px;font-weight:400;color:var(--muted)}
.mc-plans-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.mc-plans-3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Módulo avulso (Gestão da Oficina) embaixo dos cartões: uma linha, sem disputar com os planos */
.mc-plans-addon{margin:28px 0 0;font-size:15px;color:var(--ink-2)}
.mc-plans-addon a{font-weight:600}
@media (max-width:1000px){.mc-plans-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mc-plans-2,.mc-plans-3{grid-template-columns:minmax(0,1fr)}}
.mc-plan-tag{color:var(--muted);font-size:15px;min-height:3em}
.mc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;margin:6px 0!important}
.mc-cur{font-size:18px;font-weight:500;letter-spacing:0}
.mc-per{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:4px}
.mc-from{width:100%;font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0}
.mc-price-note{font-size:14px;color:var(--muted);min-height:1.5em}
.mc-plan .mc-btn{margin:8px 0}
.mc-plan .mc-list{margin-top:8px}
.mc-list li.mc-list-lead{font-weight:600;color:var(--ink)}
.mc-plan-next{margin-top:auto!important;padding-top:14px;border-top:1px dashed var(--line);font-size:14px;color:var(--muted)}
.mc-plans-cross{margin:16px 0 0!important;font-size:16px;color:var(--ink-2)}
.mc-plans-foot{color:var(--muted);font-size:14px;margin-top:20px!important}
/* Planos em construção (MVP só com a consulta): contorno tracejado, sem botão, marcador neutro no lugar do check verde. */
.mc-plan.mc-plan-soon{border:1px dashed var(--line-strong);background:var(--panel);box-shadow:none}
.mc-plans-group .mc-tag{font-weight:500;color:var(--ink-2)}
.mc-alert.mc-plans-soon-note{margin:0 0 16px}
.mc-soon-price{margin:6px 0!important;font-size:15px;color:var(--ink-2)}
.mc-plans-1{display:grid;grid-template-columns:minmax(0,560px)}
/* Página de texto corrido (política de privacidade) */
.mc-texto > *{max-width:68ch}
.mc-texto .mc-section-head{margin-bottom:24px}
.mc-texto h2{font-size:clamp(22px,2.6vw,26px);line-height:1.3;margin:32px 0 8px}
.mc-texto p{margin:0 0 12px}
.mc-texto .mc-list{margin:0 0 12px}
.mc-espera{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mc-espera-linha{display:flex;flex-wrap:wrap;gap:8px}
.mc-espera-linha{align-items:flex-start}
.mc-espera-linha .mc-input{flex:1 1 220px;width:auto}
.mc-espera-linha .mc-btn{margin:0;min-height:48px;flex:1 1 auto}
#mc-espera,#mc-espera-ok,#mc-espera-email{scroll-margin-top:96px}
.mc-espera-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mc-soon-price b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.mc-list.mc-list-soon li::before{left:6px;top:.62em;width:6px;height:6px;border:0;border-radius:50%;background:var(--line-strong);transform:none}
/* Diagrama "disponível hoje / em construção" da landing (templates/landing.php) */
.mc-road{display:flex;flex-direction:column;gap:12px;min-width:0;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.mc-road-now{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid var(--ink);border-radius:var(--r)}
.mc-road-now div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-road-now .mc-feature-ic{flex:none}
.mc-road-now strong{font-weight:600;color:var(--ink)}
.mc-road-now div span{font-size:14px;line-height:1.45;color:var(--ink-2)}
.mc-road-link{align-self:center;width:0;height:20px;border-left:2px dashed var(--line-strong)}
.mc-road-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mc-road-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:14px 8px;border:1px dashed var(--line-strong);border-radius:var(--r);color:var(--ink-2);font-size:14px;text-align:center}
.mc-road-item .mc-ic{color:var(--muted)}
@media (max-width:400px){.mc-road{padding:16px}.mc-road-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Comparativo: tabela no computador, cartões no celular */
.mc-compare-wrap{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.mc-compare{width:100%;border-collapse:collapse;font-size:15px}
.mc-compare th,.mc-compare td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.mc-compare thead th{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:500;background:var(--panel)}
.mc-compare tbody th{font-weight:500}
.mc-compare tr:last-child th,.mc-compare tr:last-child td{border-bottom:0}
.mc-compare td{width:20%;color:var(--ink-2)}
.mc-yes{color:var(--serve)} .mc-yes .mc-ic{width:20px;height:20px;stroke-width:2.25}
.mc-no{color:var(--line-strong)}
@media (max-width:900px){
  .mc-compare thead{display:none}
  .mc-compare,.mc-compare tbody,.mc-compare tr,.mc-compare th,.mc-compare td{display:block;width:100%}
  .mc-compare tr{padding:14px 16px;border-bottom:1px solid var(--line)}
  .mc-compare tbody th{padding:0 0 8px;border:0}
  .mc-compare td{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border:0;text-align:right}
  .mc-compare td::before{content:attr(data-plan);color:var(--muted);text-align:left}
}
.mc-addons{margin-top:32px}
.mc-addons h3{font-size:18px}

/* Perguntas */
.mc-faq{display:flex;flex-direction:column;gap:10px}
.mc-faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:0 18px}
.mc-section-alt .mc-faq details{background:var(--bg)}
.mc-faq summary{cursor:pointer;font-weight:500;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.mc-faq summary::-webkit-details-marker{display:none}
.mc-faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--muted)}
.mc-faq details[open] summary::after{content:"–"}
.mc-faq details p{padding-bottom:16px;color:var(--ink-2)}

/* Chamada final e rodapé */
.mc-final{background:var(--dark);color:var(--on-dark);padding:clamp(96px,11vw,144px) 0;position:relative;isolation:isolate;overflow:hidden}
/* Foto de fundo da chamada final, decorativa: fica atrás de uma camada escura forte, para o texto branco continuar legível.
   Sem a foto (ainda carregando ou bloqueada), vale o fundo escuro. */
.mc-final-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:55% 50%;pointer-events:none}
/* Com o parallax ligado (site.js), a foto é 30% mais alta que a seção, para andar sem mostrar borda (o JS move até 13% da seção) */
.mc-final-bg.mc-parallax{top:-15%;bottom:auto;height:130%}
@media (prefers-reduced-motion:reduce){.mc-final-bg.mc-parallax{transform:none!important}}
.mc-final :focus-visible{outline-color:#fff} /* sobre a foto, o contorno laranja some */
@media (forced-colors:active){.mc-final-bg{display:none}} /* alto contraste tira a camada escura: tira a foto também */
.mc-final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,25,29,.84) 0%,rgba(22,25,29,.90) 100%)}
.mc-final-in{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.mc-final h2{color:#fff;font-size:clamp(26px,3.6vw,38px);line-height:1.2;text-wrap:balance} /* uma linha no computador; no celular quebra em linhas equilibradas */
.mc-final p{color:#c9ced4}
.mc-footer{background:var(--panel);border-top:1px solid var(--line);padding:40px 0}
.mc-footer-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
.mc-footer p{color:var(--muted);font-size:14px;margin-top:10px!important}
.mc-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:flex-end}
.mc-footer nav a{color:var(--ink-2);text-decoration:none;font-size:15px;padding:6px 0}
.mc-footer-legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}
@media (max-width:760px){.mc-footer-in{grid-template-columns:minmax(0,1fr)}.mc-footer nav{justify-content:flex-start}}

/* Cadastro e login */
.mc-auth{padding:48px 0 72px}
.mc-auth-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:start}
.mc-auth-single{grid-template-columns:minmax(0,480px);justify-content:center}
@media (max-width:900px){.mc-auth-in{grid-template-columns:minmax(0,1fr)}.mc-auth-side{order:2}}
.mc-auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow);min-width:0}
@media (max-width:480px){.mc-auth-card{padding:22px 18px}.mc-auth{padding-top:24px}}
.mc-auth-card p.mc-small>a:only-child{display:inline-flex;align-items:center;min-height:44px}
.mc-auth-card h1{font-size:28px;line-height:1.2;margin-bottom:6px!important}
.mc-auth-side{padding:8px 0}
.mc-auth-side h2{font-size:22px;line-height:1.3}
.mc-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.mc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.mc-field label{font-weight:500;font-size:15px}
.mc-input{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--panel);padding:10px 12px;font-size:16px}
.mc-input:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:transparent}
.mc-has-err .mc-input{border-color:var(--nao)}
.mc-hint{font-size:14px;color:var(--muted)}
.mc-err{font-size:14px;color:var(--nao);font-weight:500}
.mc-fieldset{border:0;padding:0;margin:0}
.mc-fieldset legend{font-weight:500;font-size:15px;margin-bottom:8px}
.mc-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mc-choice-row.mc-choice-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.mc-choice-row.mc-choice-3{grid-template-columns:minmax(0,1fr)}}
.mc-choice{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer}
.mc-choice:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.mc-choice input{margin-top:4px;accent-color:var(--ink)}
.mc-choice span{display:flex;flex-direction:column;line-height:1.3}
.mc-choice small{color:var(--muted);font-size:13px}
.mc-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2);cursor:pointer}
.mc-check input{margin-top:5px;width:18px;height:18px;accent-color:var(--ink);flex:none}
/* Avisos: um padrão só para o site (skills/06, 6.5). Sem modificador é neutro; -info, -ok, -warn e -err
   mudam cor e ícone. O ícone vem do CSS: basta a classe. */
.mc-alert{--al:var(--muted);--al-bg:var(--sunken);--al-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20zM12 6.25a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5zM11 10.5h2v7h-2z'/%3E%3C/svg%3E");position:relative;margin:0;padding:12px 14px 12px 44px;border:1px solid var(--line);border-color:color-mix(in srgb,var(--al) 30%,var(--al-bg));border-radius:var(--r);background:var(--al-bg);color:var(--ink);font-size:15px;line-height:1.5;text-align:left;overflow-wrap:break-word}
.mc-alert::before{content:"";position:absolute;left:14px;top:13px;width:20px;height:20px;background:var(--al);-webkit-mask:var(--al-ic) center/contain no-repeat;mask:var(--al-ic) center/contain no-repeat}
.mc-alert p{margin:0}
.mc-alert b,.mc-alert strong{font-weight:600}
.mc-alert a:not(.mc-btn){color:inherit;font-weight:600;text-decoration:underline}
.mc-alert .mc-hit-ctas{margin-top:10px}
.mc-alert-info{--al:var(--info);--al-bg:var(--info-bg)}
.mc-alert-ok{--al:var(--serve);--al-bg:var(--serve-bg);--al-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20zM10.6 13.8l-2.3-2.3-1.4 1.4 3.7 3.7 6.5-6.5-1.4-1.4z'/%3E%3C/svg%3E")}
.mc-alert-warn{--al:var(--conf);--al-bg:var(--conf-bg);--al-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.5L1.5 21h21zM11 9.5h2v6h-2zM11 17h2v2h-2z'/%3E%3C/svg%3E")}
.mc-alert-err{--al:var(--nao);--al-bg:var(--nao-bg);--al-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20zM8.5 7.1L7.1 8.5 10.6 12l-3.5 3.5 1.4 1.4 3.5-3.5 3.5 3.5 1.4-1.4-3.5-3.5 3.5-3.5-1.4-1.4-3.5 3.5z'/%3E%3C/svg%3E")}
.mc-alert:focus{outline:none}
.mc-auth-card .mc-alert,.mc-auth-card .mc-alert + p{margin-top:16px}
@media (forced-colors:active){.mc-alert::before{background:CanvasText}}
.mc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Confirmação de saída (templates/sair.php) */
.mc-logout .mc-brand{margin-bottom:22px}
.mc-logout p{margin:2px 0 0}
.mc-logout-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.mc-logout .mc-small{margin-top:16px}

/* Página sem loja */
.mc-empty-page{max-width:520px;margin:64px auto;padding-inline:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.mc-empty-page h1{font-size:26px}

/* Orçamento do cliente */
.mc-quote-page{max-width:560px;margin:0 auto;padding:24px 16px 56px;display:flex;flex-direction:column;gap:18px}
.mc-quote-head{display:flex;align-items:flex-start;gap:calc(var(--logo)*.3125)}
.mc-quote-card{display:flex;flex-direction:column;gap:14px}
.mc-quote-card h1{font-size:26px;line-height:1.2}
.mc-quote-items{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--r)}
.mc-quote-items li{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mc-quote-items li:last-child{border-bottom:0}
.mc-quote-line{display:flex;justify-content:space-between;gap:12px;width:100%;font-variant-numeric:tabular-nums}
.mc-quote-total{display:flex;justify-content:space-between;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
#mc-approve-box{display:flex;flex-direction:column;gap:12px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Blocos embutidos em páginas do Elementor ([motocerta_precos], [motocerta_comparativo]).
   Sempre no tema claro, igual à landing, e com a tipografia do design system. */
.mc-embed{
  --bg:#f5f6f7; --panel:#ffffff; --sunken:#eef0f2; --hover:#f0f2f4; --line:#e2e5e9; --line-strong:#8a929c;
  --ink:#16191d; --ink-2:#3a4047; --muted:#5f6670; --accent:#c2410c; --accent-hover:#9a3412; --on-accent:#ffffff; --accent-soft:#fcefe7;
  --serve:#0a6e5c; --serve-bg:#e4f3ee; --nao:#b3261e; --nao-bg:#fdecea; --conf:#7a5a00; --conf-bg:#fdf5d8; --info:#1f5a99; --info-bg:#e8f1fa; --focus:#c2410c;
  color-scheme:light; font:400 16px/1.6 var(--sans); color:var(--ink); text-align:left; width:100%;
}
.mc-embed h3{margin:0;font:600 20px/1.3 var(--sans);color:var(--ink)}
.mc-embed p,.mc-embed ul{margin:0}
.mc-embed .mc-billing{display:flex;width:max-content;max-width:100%;margin-inline:auto}
.mc-embed .mc-plans-foot{text-align:center}
.mc-embed .mc-compare-wrap{background:var(--panel)}

/* ---------- Consulta: busca com autocompletar (templates/consulta.php + site.js) ---------- */
.mc-lookup{background:var(--panel);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:16px;text-align:left;color:var(--ink)}
.mc-lookup-title{font-size:20px;line-height:1.3;margin:0}
.mc-busca [hidden]{display:none!important}
.mc-busca-form{display:flex;flex-direction:column;gap:8px}
.mc-busca-label{font-weight:500;color:var(--ink)}
/* Busca: um campo só (peça, moto, ano ou código) */
.mc-busca-form > .mc-busca-label{scroll-margin-top:84px}
.mc-busca-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
select.mc-input{appearance:auto;cursor:pointer}
.mc-btn-quiet{border-color:transparent;background:transparent;color:var(--ink-2)!important}
.mc-btn-quiet:hover{background:var(--hover);border-color:var(--line)}
.mc-btn-sm{min-height:44px;padding:0 16px;font-size:14px;border-radius:22px}
.mc-input-sm{min-height:44px;width:auto;max-width:100%;font-size:16px}
/* Resultados: etiquetas Original genuína/Compatível, filtros e cartões */
/* Etiquetas neutras: as cores de compatibilidade (serve, info) ficam só para o selo */
.mc-tag.mc-tag-ori{border-color:transparent;background:var(--serve-bg);color:var(--serve);font-weight:600}
.mc-tag.mc-tag-comp{border-color:transparent;background:var(--info-bg);color:var(--info);font-weight:600}
/* Código original anotado para o ano da busca: contorno neutro, porque o verde é só do selo "Original genuína" */
.mc-tag.mc-tag-ano{border-color:var(--ink);background:transparent;color:var(--ink);font-weight:600;white-space:nowrap}
.mc-res-grp{margin:10px 0 0;font:500 13px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
/* Resultado: filtros ao lado (no celular, recolhidos em cima) e a lista */
.mc-res-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
@media (min-width:960px){.mc-res-corpo{grid-template-columns:240px minmax(0,1fr);align-items:start}.mc-res-lado .mc-res-ver{display:none}}
.mc-res-corpo.mc-res-corpo-so{grid-template-columns:minmax(0,1fr)}
/* Busca sem resultado: pedido de aviso por e-mail */
.mc-pedido{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--r);background:var(--bg)}
.mc-pedido p{margin:0}
.mc-pedido [data-pedido-st]:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Linha dos dados da peça: fatos à esquerda e "Compartilhar no WhatsApp" à direita, na mesma altura */
.mc-pick-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.mc-pick-row .mc-facts{margin:8px 0 0}
.mc-zap{flex:none}
.mc-zap .mc-ic{width:20px;height:20px}
/* Compartilhar no WhatsApp: ação principal da peça aberta, na cor do WhatsApp (texto escuro para o contraste) */
.mc-body .mc-btn-wa,.mc-btn-wa{background:var(--wa);border-color:var(--wa);color:var(--on-wa)!important;font-weight:600}
.mc-btn-wa:hover{background:var(--wa-hover);border-color:var(--wa-hover)}
@media (max-width:640px){.mc-pick-row .mc-zap{width:100%;justify-content:center}}
/* Painel dos códigos da peça aberta: tonal, uma linha por código, ação principal em texto e o resto recolhido */
.mc-codp{display:flex;flex-direction:column;margin-top:12px;padding:0 16px;border-radius:var(--r);background:var(--bg)}
.mc-codr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:12px 0}
.mc-codr + .mc-codr,.mc-codr-obs + .mc-codr,.mc-codr-fonte + .mc-codr{border-top:1px solid var(--line)}
.mc-codr-id{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-codr-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mc-codr-k .mc-tag{letter-spacing:0;text-transform:none}
.mc-codr-v{display:flex;align-items:center;gap:2px;min-width:0}
.mc-codr-v .mc-mono{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--ink);letter-spacing:.02em;overflow-wrap:anywhere}
.mc-codr-n{font-size:15px;line-height:1.45;color:var(--ink-2)}
.mc-codr-nome .mc-codr-n{font-size:14px;color:var(--muted)}
.mc-codr-obs{margin:0;padding:0 0 12px;font-size:14px;color:var(--ink-2)}
.mc-body .mc-copy,.mc-copy{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--r-full);background:transparent;color:var(--muted);cursor:pointer;transition:border-radius .25s var(--spring),background-color .15s var(--ease)}
.mc-copy .mc-ic{width:18px;height:18px}
.mc-copy:hover{background:var(--hover);color:var(--ink)}
.mc-codp .mc-copy:hover{background:var(--line)} /* sobre o painel, o --hover quase não aparece */
.mc-copy:active{border-radius:var(--r)}
.mc-copy.is-ok{color:var(--serve)}
.mc-copy:focus-visible,.mc-loja1:focus-visible,.mc-mais summary:focus-visible,.mc-loja2:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-codr-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px}
.mc-loja1,.mc-mais summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:var(--r-full);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-radius .25s var(--spring),background-color .15s var(--ease)}
.mc-body a.mc-loja1,.mc-loja1{color:var(--accent)}
.mc-loja1 .mc-ic,.mc-loja2 .mc-ic{width:15px;height:15px;flex:none}
.mc-mais{position:relative}
.mc-mais summary{list-style:none;color:var(--ink-2);font-weight:500}
.mc-mais summary::-webkit-details-marker{display:none}
.mc-mais summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
.mc-mais[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
@media (hover:hover){.mc-loja1:hover{background:var(--accent-soft);color:var(--accent-hover)}.mc-mais summary:hover{background:var(--line);color:var(--ink)}}
.mc-loja1:active,.mc-mais summary:active{border-radius:var(--r)}
.mc-mais-l{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;min-width:180px;padding:6px;border-radius:var(--r);background:var(--panel);box-shadow:0 8px 24px rgba(22,25,29,.16),0 0 0 1px var(--line)}
.mc-body a.mc-loja2,.mc-loja2{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--r-xs);color:var(--ink);font-size:15px;text-decoration:none}
.mc-loja2:hover{background:var(--hover)}
.mc-codp-aviso{margin:8px 0 0}
/* Fonte do código original (onde foi conferido): uma linha discreta, com o ícone de conferido */
.mc-cod-fonte{display:inline-flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.4;color:var(--ink-2)}
.mc-cod-fonte .mc-ic{width:16px;height:16px;flex:none;margin-top:1px;color:var(--ink-2)}
.mc-pc-cods .mc-cod-fonte{padding:8px 0 10px;border-top:1px solid var(--line)}
.mc-pc-cods .mc-cod-fonte + .mc-cod{border-top:1px solid var(--line)}
.mc-codr-fonte{margin:0;padding:0 0 12px}
@media (max-width:640px){
  .mc-codp{padding:0 14px}
  .mc-codr{grid-template-columns:minmax(0,1fr)}
  .mc-codr-act{justify-content:flex-start;margin-left:-12px}
  .mc-mais-l{right:auto;left:0}
}
@media (prefers-reduced-motion:reduce){.mc-copy,.mc-loja1,.mc-mais summary{transition:none}}
/* Últimas buscas (guardadas só no aparelho) */
.mc-busca-rec{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.mc-busca-rec .mc-label{margin:0}
.mc-rec-l{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.mc-busca .mc-rec{min-height:44px;max-width:100%;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--panel);color:var(--ink);font:inherit;font-size:15px;overflow-wrap:anywhere;cursor:pointer;transition:border-radius .25s var(--spring)}
.mc-busca .mc-rec:active{border-radius:var(--r)}
.mc-busca .mc-rec:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-busca .mc-rec:hover{border-color:var(--ink)}
.mc-res-lado{border:0;border-radius:var(--r);background:var(--bg);padding:0 14px;min-width:0}
.mc-res-lado[open]{padding-bottom:14px}
.mc-res-lado summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.mc-res-lado summary::-webkit-details-marker{display:none}
.mc-res-lado summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);flex:none;margin-right:4px}
.mc-res-lado[open] summary::after{transform:rotate(-135deg)}
.mc-res-lado summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-res-lado fieldset{border:0;margin:0 0 12px;padding:0;min-width:0}
.mc-res-lado legend{padding:0;margin:0 0 4px}
.mc-res-lado .mc-input-sm{width:100%}
.mc-res-lado .mc-btn{margin-top:12px}
/* No celular, os filtros abrem por cima da lista (folha), com "Ver N peças" fixo embaixo. Fica depois das regras do painel para valer sobre elas. */
@media (max-width:959px){
  html.mc-sheet{overflow:hidden}
  .mc-res-lado[open]{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:60;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:96px;border-radius:0;background:var(--panel);padding:8px 20px calc(96px + env(safe-area-inset-bottom))}
  .mc-res-lado[open] .mc-fmarcas{max-height:none}
  .mc-res-lado[open] .mc-res-ver{position:fixed;left:20px;right:20px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:61;margin:0}
}
.mc-fmarcas{display:flex;flex-direction:column;max-height:268px;overflow-y:auto}
.mc-fcheck{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;color:var(--ink-2);cursor:pointer}
.mc-fcheck input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:0}
.mc-ftipos{position:relative}
.mc-fcheck .mc-chip-n{margin-left:auto}
.mc-res-lista{display:flex;flex-direction:column;gap:8px;min-width:0}
/* Ajuda recolhida: como achar a peça certa */
.mc-ajuda{border:0;border-radius:var(--r);background:var(--bg);padding:0 14px;min-width:0}
.mc-ajuda[open]{padding-bottom:12px}
.mc-ajuda summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.mc-ajuda summary::-webkit-details-marker{display:none}
.mc-ajuda summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);flex:none;margin-right:4px}
.mc-ajuda[open] summary::after{transform:rotate(-135deg)}
.mc-ajuda summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-ajuda ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.mc-ajuda b{color:var(--ink);font-weight:600}
/* Cartão da peça na lista: etiqueta e nome (o cartão inteiro abre a peça), a marca, e a caixa dos códigos com a busca na loja */
.mc-alt.mc-pc{align-items:flex-start;cursor:pointer}
@media (hover:hover){.mc-alt.mc-pc:hover:not(:has(a:hover)){background:var(--sunken)}}
.mc-pc-ir{flex:none;display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
.mc-pc-ir .mc-ic{width:20px;height:20px}
.mc-pc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}
.mc-pc-tit{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1}
.mc-pc-cods{display:flex;flex-direction:column;width:100%;margin-top:4px;padding:2px 12px;border-radius:12px;background:var(--panel)}
.mc-pc-cods .mc-cod{padding:6px 0}
.mc-pc-cods .mc-cod + .mc-cod{border-top:1px solid var(--line)}
.mc-cod-acoes{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:auto}
.mc-lojas a .mc-ic{width:15px;height:15px;margin-left:6px;flex:none;color:var(--muted)}
@media (max-width:640px){
  .mc-pc .mc-alt-main{align-self:stretch}
  .mc-cod-acoes{margin-left:0;flex-basis:100%}
  .mc-cod-acoes > .mc-lojas{flex:1 1 100%}
  .mc-cod-acoes > .mc-lojas a{flex:1;justify-content:center;white-space:normal;padding-block:6px}
}
/* Códigos da peça e links de busca em outras lojas */
.mc-alt.mc-card{border-color:transparent}
.mc-pc .mc-nomebtn{display:block;background:none;border:0;padding:10px 0;margin:0;line-height:1.5;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.mc-nomebtn:hover{text-decoration:underline;text-underline-offset:3px}
.mc-nomebtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-cods{display:flex;flex-direction:column;gap:8px}
.mc-cod{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;line-height:1.4;color:var(--muted);min-width:0}
.mc-cod .mc-mono{font-family:var(--mono);font-weight:500;color:var(--ink);overflow-wrap:anywhere;min-width:0}
.mc-cod-n{color:var(--ink-2)}
.mc-lojas{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.mc-lojas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:border-radius .25s var(--spring),border-color .15s var(--ease)}
.mc-lojas a:hover{border-color:var(--ink)}
.mc-lojas a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-chip-n{font-variant-numeric:tabular-nums;opacity:.8}
.mc-card .mc-alt-main{gap:6px;align-items:flex-start;flex:1}
.mc-lojas a:active{border-radius:var(--r)}
/* Na lista, a busca na loja é botão de texto (sem contorno): cor de destaque, peso 600 e o ícone de abrir fora do site.
   O fundo suave ao tocar ou passar o mouse mostra a área do botão. Na peça aberta, as lojas ficam no painel dos códigos (.mc-codp). */
.mc-pc-cods .mc-lojas a{border-color:transparent;background:transparent;color:var(--accent);font-weight:600;margin-right:-12px;transition:border-radius .25s var(--spring),background-color .15s var(--ease)}
.mc-pc-cods .mc-lojas a .mc-ic{color:currentColor}
@media (hover:hover){.mc-pc-cods .mc-lojas a:hover{background:var(--accent-soft);color:var(--accent-hover)}}
.mc-pc-cods .mc-lojas a:active{background:var(--accent-soft)}
@media (max-width:640px){.mc-pc-cods .mc-cod-acoes > .mc-lojas a{justify-content:flex-start;margin:0 -12px}}
@media (prefers-reduced-motion:reduce){.mc-lojas a,.mc-pc-cods .mc-lojas a{transition:none}}
@media (max-width:640px){.mc-alt.mc-card{flex-direction:column;align-items:flex-start;gap:8px}}
/* Peça: voltar e seções */
.mc-back{margin:0}
.mc-link{border:0;background:none;padding:0;min-height:44px;font:inherit;font-weight:500;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mc-busca-box{position:relative}
.mc-busca-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.mc-busca .mc-busca-q{min-height:56px;padding:12px 100px 12px 46px;font-size:17px;-webkit-appearance:none;appearance:none;border-radius:var(--r-full);background:var(--sunken)}
.mc-busca-q::-webkit-search-cancel-button{display:none}
.mc-busca-q::placeholder{color:var(--muted);opacity:1}
.mc-busca .mc-busca-q:focus-visible{background:var(--panel)}
.mc-busca-mic,.mc-busca-clear,.mc-busca-go{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--r-full);background:transparent;color:var(--muted);cursor:pointer}
.mc-busca-mic:hover,.mc-busca-clear:hover{background:var(--hover);color:var(--ink)}
/* Com texto: o X de apagar e, na ponta, a lupa "Buscar peças" (ação principal, preenchida). Vazio: só o microfone. */
.mc-busca .mc-busca-clear{right:52px}
.mc-busca .mc-busca-q:placeholder-shown{padding-right:56px}
.mc-busca .mc-busca-go{background:var(--accent);color:var(--on-accent);transition:border-radius .25s var(--spring),background-color .15s var(--ease)}
.mc-busca .mc-busca-go:hover{background:var(--accent-hover);color:var(--on-accent)}
.mc-busca .mc-busca-go:active{border-radius:var(--r)}
.mc-busca .mc-busca-go:focus-visible,.mc-busca-mic:focus-visible,.mc-busca-clear:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-busca .mc-busca-go .mc-ic{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){.mc-busca .mc-busca-go{transition:none}}
/* Campo da busca sem a lupa da esquerda: a lupa é o botão de buscar, na ponta; enquanto busca, o giro aparece nele */
form.mc-busca-form .mc-busca-q{padding-left:20px}
form.mc-busca-form .mc-busca-spin{left:auto;right:19px;z-index:2;pointer-events:none}
form.mc-busca-form:has(.mc-busca-go:not([hidden])) .mc-busca-spin{border-color:rgba(255,255,255,.45);border-top-color:var(--on-accent)}
form.mc-busca-form .mc-busca-spin:not([hidden]) ~ .mc-busca-go .mc-ic{visibility:hidden}
/* Dica "Buscar peças" ao passar o mouse ou focar pelo teclado (no celular não há "passar o mouse") */
@media (hover:hover){
  .mc-busca .mc-busca-go::after{content:attr(data-tip);position:absolute;bottom:100%;right:0;padding:6px 10px;border-bottom:8px solid transparent;background-clip:padding-box;border-radius:var(--r-xs);background-color:var(--dark);color:var(--on-dark);font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s var(--ease),transform .15s var(--ease)}
  .mc-busca .mc-busca-go:hover::after,.mc-busca .mc-busca-go:focus-visible::after{opacity:1;transform:none;pointer-events:auto}
}
@media (hover:hover) and (prefers-reduced-motion:reduce){.mc-busca .mc-busca-go::after{transition:none;transform:none}}
.mc-busca-mic.is-on{background:var(--accent-soft);color:var(--accent-hover);box-shadow:0 0 0 0 rgba(194,65,12,.35);animation:mc-ouvindo 1.4s ease-out infinite}
@keyframes mc-ouvindo{to{box-shadow:0 0 0 10px rgba(194,65,12,0)}}
@media (prefers-reduced-motion:reduce){.mc-busca-mic.is-on{animation:none;box-shadow:0 0 0 2px var(--accent)}}
.mc-busca-spin{position:absolute;left:15px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:mc-spin .7s linear infinite}
@keyframes mc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-busca-spin{animation-duration:2s}}
.mc-busca-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px rgba(22,25,29,.14);overflow:hidden}
.mc-busca-list{list-style:none;margin:0;padding:6px;max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}
.mc-op{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:8px 12px;border-radius:12px;cursor:pointer}
.mc-op[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.mc-op-main{display:flex;flex-direction:column;min-width:0}
.mc-op-name{font-size:15px;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}
.mc-op-name mark{background:none;color:inherit;font-weight:600}
.mc-busca b{font-weight:600}
.mc-op-meta{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.mc-op-meta .mc-mono{font-family:var(--mono);color:var(--ink-2)}
.mc-hit-code .mc-mono,.mc-alt-code .mc-mono{min-width:0;overflow-wrap:anywhere}
.mc-op-meta mark,.mc-alt-code mark{background:none;color:var(--ink-2);font-weight:600}
.mc-op-all{justify-content:flex-start;gap:10px;font-weight:600;color:var(--accent);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;margin-bottom:4px}
.mc-op-all .mc-ic{width:18px;height:18px;flex:none}
.mc-busca-foot{margin:0;padding:0 18px 12px;font-size:14px;color:var(--muted)}
.mc-busca-foot:empty{display:none}
.mc-busca-list:empty + .mc-busca-foot{padding-top:14px}
.mc-res{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:18px}
.mc-res-moto{font-size:20px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.mc-res-moto:focus{outline:none}
.mc-res-head p{margin:2px 0 0}
.mc-hit-code{margin:0;font-size:14px;color:var(--ink-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mc-hit-code .mc-mono{font-family:var(--mono);color:var(--ink)}
.mc-apps,.mc-alts{display:flex;flex-direction:column;gap:8px}
.mc-apps h4,.mc-alts h4{font-size:17px;line-height:1.4;margin:0}
/* Peça escolhida: título → fatos (marca, anos, motos) → seções separadas por linha. */
.mc-pick{gap:18px}
.mc-pick-head{display:flex;flex-direction:column;gap:6px}
.mc-pick .mc-res-moto{font-size:22px;line-height:1.25}
.mc-facts,.mc-embed .mc-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:8px 0 0}
.mc-facts div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-facts dt{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mc-facts dd{margin:0;font-size:16px;font-weight:500;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mc-pick > section,.mc-pick-foot{padding-top:18px;border-top:1px solid var(--line)}
.mc-pick-foot{display:flex;flex-direction:column;gap:12px}
.mc-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--sunken);color:var(--ink-2);font-size:14px;font-weight:500;vertical-align:1px;font-variant-numeric:tabular-nums}
.mc-apps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mc-apps-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.mc-apps-list li:last-child{border-bottom:0}
.mc-apps-moto{min-width:0;overflow-wrap:anywhere}
.mc-apps-moto b{font-weight:600}
.mc-apps-anos{margin-left:6px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.mc-alt-name.mc-alt-title{font-size:16px;font-weight:500;color:var(--ink)}
.mc-alt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mc-alt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg);color:inherit;font:inherit;text-align:left;cursor:pointer}
button.mc-alt:hover{border-color:var(--ink-2);background:var(--panel)}
.mc-alt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mc-alt-mine{border-color:var(--ink);background:var(--panel);cursor:default}
[aria-busy="true"]{opacity:.6;transition:opacity .2s}
.mc-alt-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-alt-brand{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.mc-alt-name{font-size:15px;color:var(--ink-2);overflow-wrap:anywhere}
.mc-alt-name mark{background:none;color:inherit;font-weight:600}
.mc-alt-code{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;color:var(--muted)}
.mc-alt-code .mc-mono{font-family:var(--mono);color:var(--ink)}
.mc-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--r-xs);border:1px solid var(--line-strong);font-size:14px;font-weight:500;color:var(--ink-2)}
.mc-res-wait{margin:0;padding-top:18px;border-top:1px solid var(--line)}
.mc-res-src{margin:0}
.mc-hit-ctas{display:flex;flex-wrap:wrap;gap:8px}
.mc-res-up{background:var(--accent-soft);border-radius:var(--r);padding:14px 16px}
.mc-res-up p{margin:0 0 10px}
.mc-busca-off .mc-busca-box{cursor:pointer}
.mc-busca-off .mc-busca-q{pointer-events:none;padding-right:48px}
.mc-busca-lock{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.mc-lookup-out:empty{display:none}
.mc-busca-off .mc-busca-q:disabled{background:var(--sunken);border-color:var(--line-strong);color:var(--muted);cursor:pointer;opacity:1}
.mc-gate{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:var(--r);background:var(--accent-soft)}
.mc-gate p{margin:0;color:var(--ink)}
@media (max-width:640px){
  .mc-lookup{padding:18px}
  .mc-op{align-items:flex-start}
  .mc-alt{align-items:flex-start}
}
@media (max-width:400px){
  .mc-lookup{padding:14px}
  .mc-busca-q::placeholder{font-size:14px}
  .mc-busca-ic{left:12px}
  .mc-busca .mc-busca-q{padding-left:40px}
  form.mc-busca-form .mc-busca-q{padding-left:16px}
}

/* ---------- Landing com a consulta no centro (templates/landing.php) ---------- */
.mc-hero-lookup{min-width:0;width:100%;scroll-margin-top:96px}
.mc-who-quote{font-weight:600;color:var(--ink)!important}
.mc-plan h4{font-weight:600}
.mc-embed h2,.mc-embed h3,.mc-embed h4,.mc-embed h5{font-family:var(--sans);font-weight:600;color:var(--ink)}
.mc-embed button,.mc-embed select,.mc-embed input{font:inherit}
.mc-hero-stack{display:flex;flex-direction:column;align-items:stretch;gap:32px}
.mc-hero-stack > .mc-hero-copy{max-width:none}
.mc-hero-copy .mc-lead{max-width:none}
.mc-hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
.mc-hero-stack > .mc-hero-lookup{max-width:none}

/* ---------- Cadastro conforme o plano escolhido (templates/cadastro.php) ---------- */
.mc-steps-mini{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:4px 0 0;padding:0;font-size:14px;color:var(--muted)}
.mc-steps-mini li{display:inline-flex;align-items:center;gap:8px}
.mc-steps-mini span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-strong);font-weight:600;font-size:14px}
.mc-steps-mini [aria-current="step"]{color:var(--ink);font-weight:600}
.mc-steps-mini [aria-current="step"] span{background:var(--ink);border-color:var(--ink);color:var(--panel)}
.mc-pick-plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:8px}
.mc-pick-plan h2{font-size:24px;margin:0}
.mc-pick-plan .mc-label{margin:0}
.mc-pick-plan .mc-list{margin-top:4px}
.mc-pick-price{margin:4px 0 0;font-size:28px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.mc-pick-price span{font-size:15px;font-weight:400;color:var(--muted)}
.mc-fair-side{grid-template-columns:minmax(0,1fr);margin:20px 0 0;padding-top:16px}
.mc-auth-side .mc-plan-next{margin-top:16px!important}
.mc-plan-inline{display:none;margin:0;font-weight:600;color:var(--ink)}
@media (max-width:900px){.mc-plan-inline{display:block}}
.mc-choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.mc-choice small{font-size:14px}
@media (max-width:400px){.mc-choice-row{grid-template-columns:minmax(0,1fr)}}