@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* Americana / patch — paleta travada no blueprint */
  --paper:#F3ECD9; --ink:#16233F; --rust:#C0472B;
  --gold:#E8A32C; --teal:#2C7A7B; --olive:#5A6E3A;
  --muted:#5A6377; --muted-2:#8B93A3; --rule:#D8CFB6;
  --barh:132px;
  --mono:'IBM Plex Mono',ui-monospace,monospace; --sans:'Archivo',system-ui,sans-serif;
  /* tokens consumed by the map figure */
  --color-bg:#F3ECD9; --color-text:#16233F; --color-accent:#8B93A3;
  --color-accent-700:#C0472B; --color-accent-900:#16233F;
  --color-neutral-200:#E4DBC3; --color-neutral-300:#D8CFB6;
  --color-neutral-500:#8B93A3; --color-neutral-700:#5A6377; --color-neutral-800:#2C3752;
  --font-heading:'Archivo',sans-serif; --font-body:'Archivo',sans-serif;
}
*{box-sizing:border-box}
html,body{background:var(--paper);color:var(--ink);margin:0}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--rust)} a:hover{color:var(--ink)}
img,svg{max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.rule-thick{height:6px;background:var(--ink)}
.rule{height:1px;background:var(--rule)}
.mono{font-family:var(--mono)}

/* masthead + tabs */
.topbar{background:var(--ink);position:sticky;top:0;z-index:30}
.mast{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:14px 0;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--paper);flex:none;min-width:0}
.mark{display:block;width:104px;height:104px;flex:none}
.word{font-weight:800;font-size:30px;letter-spacing:-.025em;text-transform:uppercase;line-height:1;color:var(--paper);white-space:nowrap}
.tagline{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:6px 0 0;display:block;white-space:nowrap}
.tabs{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.tabs a{font-family:var(--mono);font-size:15px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(243,236,217,.82);padding:6px 0;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease}
.tabs a:hover{color:var(--gold);border-color:var(--gold)}
.tabs a[aria-current="page"]{color:var(--paper);border-color:var(--rust)}
.langs{display:flex;gap:7px}
.langs a{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(243,236,217,.7);border:1px solid rgba(243,236,217,.28);padding:7px 10px}
.langs a:hover{color:var(--gold);border-color:var(--gold)}
.langs a[aria-current="page"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.goldline{height:6px;background:var(--gold)}

/* faixa em movimento — energia de sinalização de estrada */
.ticker{background:var(--paper);border-bottom:2px solid var(--ink);overflow:hidden;position:relative}
.ticker-track{display:flex;gap:0;width:max-content;animation:slide 34s linear infinite}
.ticker span{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);padding:11px 0;white-space:nowrap}
.ticker span i{color:var(--rust);font-style:normal;margin:0 22px}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){ .ticker-track{animation:none} }

/* trio de números no hero */
.hero-stats{display:flex;gap:44px;flex-wrap:wrap;margin:34px 0 0;border-top:1px solid var(--rule);padding-top:20px}
.hero-stats div{display:flex;flex-direction:column;gap:4px}
.hero-stats b{font-size:44px;line-height:.9;font-weight:800;letter-spacing:-.03em;color:var(--rust)}
.hero-stats span{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* type */
.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin:0}
h1{font-size:clamp(34px,5.4vw,76px);line-height:.94;font-weight:800;letter-spacing:-.03em;margin:14px 0 0;text-wrap:balance}
h2{font-size:clamp(26px,3.2vw,42px);line-height:1.02;font-weight:800;letter-spacing:-.02em;margin:0}
h3{font-size:23px;font-weight:800;margin:0;letter-spacing:-.01em}
.lede{font-size:18px;line-height:1.5;max-width:64ch;margin:18px 0 0;text-wrap:pretty}
.sec-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:0 0 12px}
.hero{padding:48px 0 36px;position:relative}
.hero-mark{position:absolute;right:-10px;top:26px;width:290px;height:290px;opacity:.09;pointer-events:none;user-select:none}
@media (max-width:1100px){ .hero-mark{display:none} }
.section{padding:48px 0}
.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--rule);padding:4px 8px;color:var(--muted)}

/* doors */
.door{display:grid;grid-template-columns:84px 1fr auto;gap:22px;align-items:baseline;padding:28px 0;border-top:1px solid var(--rule);text-decoration:none;color:inherit;cursor:pointer}
.door:last-of-type{border-bottom:1px solid var(--rule)}
.door .n{font-family:var(--mono);font-size:36px;color:var(--rust);line-height:1}
.door-t{display:block;font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.02em}
.door-p{display:block;font-size:15.5px;line-height:1.45;color:var(--muted);margin-top:8px;max-width:54ch}
.door .go{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.door:hover .door-t,.door:hover .go{color:var(--rust)}

/* offers */
.offer{display:grid;grid-template-columns:1fr 140px 210px;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--rule)}
.offer:last-of-type{border-bottom:6px solid var(--ink)}
.offer p{font-size:15px;line-height:1.45;color:var(--muted);margin:6px 0 0;max-width:58ch}
.price{font-family:var(--mono);font-size:38px;color:var(--rust);text-align:right;line-height:1}
.price small{display:block;font-size:11.5px;letter-spacing:.1em;color:var(--muted-2);margin-top:6px}
.btn{display:inline-block;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;padding:15px 20px;background:var(--ink);color:var(--paper);text-decoration:none;text-align:center;border:1px solid var(--ink);cursor:pointer}
.btn:hover{background:var(--rust);border-color:var(--rust);color:#fff}
.btn-rust{background:var(--rust);border-color:var(--rust);color:#fff}
.btn-rust:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-block{display:block;width:100%}

/* operatorx */
.ox{background:var(--ink);color:var(--paper);margin-top:16px}
.ox .wrap{padding-top:56px;padding-bottom:56px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
.ox .kicker{color:#E88A5F}
.ox h2{color:var(--paper);max-width:24ch;margin-top:12px}
.ox p{font-size:16.5px;line-height:1.5;color:rgba(246,243,234,.82);margin:16px 0 0;max-width:52ch}
.ox ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ox li{font-family:var(--mono);font-size:13.5px;color:rgba(246,243,234,.88);padding-left:18px;position:relative}
.ox li::before{content:"—";position:absolute;left:0;color:#E88A5F}
.ox .btn{background:var(--rust);border-color:var(--rust);color:#fff;font-size:13.5px;padding:18px 24px;margin-top:22px}
.ox .btn:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}

/* footer */
.foot{padding:36px 0 56px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.foot .short{font-family:var(--mono);font-size:15px;letter-spacing:.06em;margin:0}
.foot-mark{width:92px;height:92px;display:block;margin:0 0 16px;opacity:.9}
.foot .fine{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin:8px 0 0}
.foot .cta-line{font-size:17px;font-weight:700;margin:0 0 10px;max-width:48ch}
.qr{width:104px;height:104px;border:1px solid var(--ink);display:grid;place-items:center;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);padding:6px}

/* map figure */
.figure{position:relative;border:1px solid var(--ink);padding:16px;margin-top:14px;background:var(--paper)}
.map-stage{width:100vw;margin-left:calc(50% - 50vw);margin-top:8px;padding:0 0 6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.map-stage #map{width:100%;min-width:1100px;height:auto;display:block}
.corner{position:absolute;width:11px;height:11px}
.corner::before,.corner::after{content:"";position:absolute;background:var(--rust)}
.corner::before{left:0;top:5px;width:11px;height:1px}
.corner::after{top:0;left:5px;width:1px;height:11px}
.corner.tl{left:-6px;top:-6px}.corner.tr{right:-6px;top:-6px}
.corner.bl{left:-6px;bottom:-6px}.corner.br{right:-6px;bottom:-6px}
#map{width:100%;height:auto;display:block}
.state{stroke:none;cursor:pointer}
.state:hover{fill-opacity:.6}
.state.sel{stroke:var(--ink);stroke-width:2}
.label{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.04em;fill:var(--ink);text-anchor:middle;pointer-events:none}
.label.on-fill{fill:#fff}
.city-label{font-family:var(--mono);font-size:11px;fill:var(--ink);pointer-events:none;paint-order:stroke;stroke:rgba(246,243,234,.92);stroke-width:3.5px}
g.radar .city-label{opacity:0;transition:opacity .14s}
g.radar:hover .city-label,g.radar.on .city-label{opacity:1}
g.radar.on circle:nth-of-type(2){stroke-width:2.2}
.map-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-top:28px}

/* map + insights layout */
.map-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start;margin-top:8px}
.panel{border-top:6px solid var(--ink);padding-top:18px;position:sticky;top:calc(var(--barh) + 18px);z-index:1}
.panel .st{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);margin:0}
.panel h3{font-size:30px;margin:8px 0 0}
.panel .lvl{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px}
.panel .lvl i{width:22px;height:12px;border:1px solid var(--ink);display:block}
.panel .play{font-size:15.5px;line-height:1.5;margin:16px 0 0;text-wrap:pretty}
.panel .hubs{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;border-top:1px solid var(--rule);padding-top:14px}
.panel .hubs li{display:flex;align-items:center;gap:9px;font-size:15px}
.panel .hubs i{width:14px;height:14px;border:1px solid var(--ink);display:block;flex:none}
.panel .hubs .lv{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.panel .best{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--rust);margin:14px 0 0}
.panel .mixed{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin:10px 0 0}
.panel .sub-h{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin:18px 0 0;border-top:1px solid var(--rule);padding-top:12px}
.panel .hint{font-size:14.5px;line-height:1.5;color:var(--muted);margin:14px 0 0}

/* legend + tips */
.legend-title{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:30px 0 0}
.legend{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:12px;font-size:14px}
.legend>div{display:flex;gap:9px;align-items:center}
.legend .sep{width:1px;height:18px;background:var(--rule)}
.chip{width:22px;height:13px;border:1px solid var(--ink);display:block}
.swatch{width:42px;height:0;border-top:2px solid var(--ink)}
.swatch.dash{border-top:2px dashed var(--color-accent)}
.rpm{font-family:var(--mono);font-size:12.5px;color:var(--rust)}
.note{display:flex;gap:12px;align-items:baseline;margin-top:18px;font-size:15px;flex-wrap:wrap}
.note b{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}
.note.blue b{color:#1F6FD0}
.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 44px;margin-top:14px}
.tip{display:grid;grid-template-columns:36px 1fr;gap:12px;border-top:1px solid var(--rule);padding-top:12px}
.tip .num{font-family:var(--mono);font-size:19px;color:var(--rust);line-height:1}
.tip p{margin:0;font-size:14.5px;line-height:1.45;text-wrap:pretty}
.tip .em{display:block;margin-top:8px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.field-note{margin-top:26px;background:var(--ink);color:var(--paper);padding:22px 24px;display:flex;gap:22px;align-items:baseline;flex-wrap:wrap}
.field-note .t{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin:0;color:#E88A5F}
.field-note p{margin:0;font-size:14.5px;line-height:1.5;max-width:80ch}

/* mechanics */
.filters{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:24px 0 26px}
.filters select,.filters input{font-family:var(--mono);font-size:14px;line-height:1.2;padding:14px 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);height:50px;border-radius:0;-webkit-appearance:none;appearance:none}
.filters select{min-width:210px;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.filters input{flex:1 1 330px;min-width:300px}
.filters .btn{height:50px;display:flex;align-items:center;justify-content:center}
.filters .count{display:flex;align-items:center;white-space:nowrap;padding:0 4px}
.count{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.shop{display:grid;grid-template-columns:1fr 200px 180px;gap:20px;align-items:baseline;padding:20px 0;border-top:1px solid var(--rule)}
.shop .nm{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.shop h3{font-size:21px}
.shop .loc{font-family:var(--mono);font-size:13.5px;color:var(--muted);margin:6px 0 0}
.shop .tel{font-family:var(--mono);font-size:16px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--rule)}
.shop .tel:hover{color:var(--rust);border-color:var(--rust)}
.shop .map{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--rust)}
.empty{font-family:var(--mono);font-size:14px;color:var(--muted-2);padding:36px 0;border-top:1px solid var(--rule)}

/* gate modal */
.veil{position:fixed;inset:0;background:rgba(28,27,23,.72);display:none;place-items:center;padding:20px;z-index:40}
.veil.on{display:grid}
.gate{background:var(--paper);border:1px solid var(--ink);padding:30px;max-width:460px;width:100%}
.gate h3{font-size:26px}
.gate p{font-size:15px;line-height:1.45;color:var(--muted);margin:10px 0 0}
.gate label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
.gate input{width:100%;font-family:var(--mono);font-size:15px;padding:13px;border:1px solid var(--ink);background:transparent;color:var(--ink)}
.gate .row{display:flex;gap:10px;margin-top:22px}
.gate .row .btn{flex:1}
.gate .gate-once{font-family:var(--mono);font-size:11.5px;line-height:1.5;letter-spacing:.04em;color:var(--muted);margin:14px 0 0;border-top:1px solid var(--rule);padding-top:12px}
.gate .skip{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);background:none;border:none;cursor:pointer;margin-top:14px;text-decoration:underline}

[data-section]{display:none}
[data-section].on{display:block}

@media (max-width:1000px){
  .map-stage #map{min-width:860px}
  .map-grid{grid-template-columns:1fr}
  .panel{position:static}
  .ox .wrap{grid-template-columns:1fr;gap:28px}
  .offer{grid-template-columns:1fr;gap:12px}
  .price{text-align:left}
  .door{grid-template-columns:52px 1fr;gap:14px}
  .door .go{grid-column:2;margin-top:8px}
  .tips-grid{grid-template-columns:1fr}
  .shop{grid-template-columns:1fr;gap:8px}
  .foot{grid-template-columns:1fr}
}

@media print{
  @page{size:letter portrait;margin:14mm}
  .mast,.tabs,.langs,.veil,.ox,.btn,.filters{display:none !important}
  [data-section]{display:none !important}
  body.print-mech [data-section="mecanicos"]{display:block !important}
  body.print-mech .filters{display:none !important}
  .foot{display:grid !important;page-break-inside:avoid}
  .shop{break-inside:avoid}
  a{color:var(--ink);text-decoration:none}
}

/* landing */
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.fine-line{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin:16px 0 0}
.pull{border-top:6px solid var(--ink);border-bottom:1px solid var(--rule);padding:34px 0;margin:8px 0 0}
.pull p{font-size:clamp(22px,2.6vw,34px);line-height:1.22;font-weight:700;letter-spacing:-.01em;margin:0;max-width:34ch;text-wrap:pretty}
.pull .who{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin:16px 0 0}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:34px}
.trio .n{font-family:var(--mono);font-size:34px;color:var(--rust);line-height:1}
.trio h4{font-size:20px;font-weight:800;margin:12px 0 0;letter-spacing:-.01em}
.trio p{font-size:15px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.inside{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px}
.inside li{font-size:15px;line-height:1.4;padding-left:18px;position:relative;color:var(--ink)}
.inside li::before{content:"→";position:absolute;left:0;color:var(--rust);font-family:var(--mono);font-size:13px}
.anchor-note{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin:10px 0 0}
.faq{margin-top:28px;border-top:6px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule);padding:18px 0}
.faq summary{font-size:19px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--rust);font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq p{font-size:15.5px;line-height:1.55;color:var(--muted);margin:12px 0 0;max-width:70ch}
.closer{border-top:6px solid var(--ink);padding:44px 0 8px}
.closer h2{max-width:26ch}
@media (max-width:1000px){ .trio{grid-template-columns:1fr;gap:26px} }

/* quem somos */
.about{border-top:6px solid var(--ink);padding:40px 0 8px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.about h2{max-width:20ch}
.about p{font-size:16.5px;line-height:1.6;margin:16px 0 0;max-width:56ch;text-wrap:pretty}
.about .lead-line{font-size:19px;line-height:1.5;font-weight:600}
.about .sign{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:22px}
.stat{border-top:1px solid var(--rule);padding:18px 0}
.stat .big{font-family:var(--mono);font-size:44px;color:var(--rust);line-height:1}
.stat .cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:8px 0 0}
@media (max-width:1000px){ .about{grid-template-columns:1fr;gap:28px} }

/* ===== parede de placas (só na home) — esmalte colorido ===== */
.wall{margin:6px 0 0;border-top:6px solid var(--ink);padding-top:0}
.wall-label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;padding:14px 0 0}
.wall-label p{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:0}
.plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 30px;margin-top:46px;padding-bottom:8px}
.plate{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:212px;padding:22px 22px 20px;border:2.5px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease}
.plate::before{content:"";position:absolute;left:50%;top:-26px;width:2px;height:26px;background:var(--ink)}
.plate::after{content:"";position:absolute;left:8px;right:8px;top:8px;bottom:8px;border:1px solid var(--ink);opacity:.28;pointer-events:none}
.plate .screw{position:absolute;width:5px;height:5px;background:var(--ink);opacity:.55}
.plate .screw.l{left:15px;top:15px}
.plate .screw.r{right:15px;top:15px}
.plate .screw.bl{left:15px;bottom:15px}
.plate .screw.br{right:15px;bottom:15px}
.plate .p-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.plate .p-kind{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.plate .p-price{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;color:var(--rust);white-space:nowrap}
.plate .p-name{display:block;font-size:29px;font-weight:800;line-height:.98;letter-spacing:-.02em;text-transform:uppercase;margin:0;max-width:14ch;text-wrap:balance}
.plate .p-sub{display:block;font-size:14.5px;line-height:1.4;color:var(--muted);margin:10px 0 0;max-width:30ch}
.plate .p-go{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.plate:hover{transform:translateY(-5px) rotate(0deg) scale(1.012)}
.plate .p-go{transition:transform .16s ease}
.plate:hover .p-go{transform:translateX(5px)}
.plate.tilt-a{transform:rotate(-1.6deg)}
.plate.tilt-b{transform:rotate(1.4deg)}
.plate.free .p-kind{color:var(--rust)}
.plate.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.plate.solid::before{background:var(--ink)}
.plate.solid::after{border-color:var(--paper);opacity:.32}
.plate.solid .screw{background:var(--paper);opacity:.5}
.plate.solid .p-kind{color:rgba(246,243,234,.66)}
.plate.solid .p-price{color:#E88A5F}
.plate.solid .p-sub{color:rgba(246,243,234,.78)}
.plate.solid:hover{background:var(--rust);border-color:var(--rust);color:#fff}
.plate.soon{border-style:dashed;border-color:var(--muted-2);color:var(--muted-2);cursor:default;pointer-events:none}
.plate.soon::before{background:var(--muted-2)}
.plate.soon::after{border-color:var(--muted-2);opacity:.2}
.plate.soon .screw{background:var(--muted-2);opacity:.4}
.plate.soon .p-name{color:var(--muted-2)}
.plate.soon .p-sub{color:var(--muted-2)}
.plate .seal{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;border:1px solid currentColor;padding:4px 8px;align-self:flex-start}
@media (max-width:1000px){
  .plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 20px}
  .plate{min-height:180px}
  .plate .p-name{font-size:25px}
}
@media (max-width:620px){
  .plates{grid-template-columns:1fr;gap:40px}
  .plate.tilt-a,.plate.tilt-b{transform:none}
}

/* placas de esmalte: cor cheia, texto creme, mesma gramática flat */
.plate.enamel{color:var(--paper);border-color:transparent}
.plate.enamel::before{background:var(--ink)}
.plate.enamel::after{border-color:var(--paper);opacity:.34}
.plate.enamel .screw{background:var(--paper);opacity:.5}
.plate.enamel .p-kind{color:rgba(243,236,217,.7)}
.plate.enamel .p-price{color:var(--gold)}
.plate.enamel .p-sub{color:rgba(243,236,217,.82)}
.plate.enamel:hover{transform:translateY(-3px) rotate(0deg)}
.plate.e-navy{background:var(--ink)}
.plate.e-teal{background:var(--teal)}
.plate.e-rust{background:var(--rust)}
.plate.e-olive{background:var(--olive)}
.plate.e-rust .p-price{color:#FFE3A6}
.plate.enamel.e-navy:hover{background:#1E2F53}
.plate.enamel.e-teal:hover{background:#33898A}
.plate.enamel.e-rust:hover{background:#D2512F}
.plate.enamel.e-olive:hover{background:#687F44}
.plate.free .p-kind{color:var(--gold)}
.plate.enamel.free .p-kind{color:var(--gold)}

/* mural da estrada — composer + feed */
.composer{border-top:6px solid var(--ink);border-bottom:1px solid var(--rule);padding:20px 0 18px}
.composer textarea{width:100%;font-family:var(--sans);font-size:18px;line-height:1.45;color:var(--ink);background:transparent;border:none;outline:none;resize:none;padding:0;min-height:76px}
.composer textarea::placeholder{color:var(--muted-2)}
.composer textarea:focus-visible{outline:none}
.c-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;border-top:1px solid var(--rule);padding-top:14px}
.c-row input{font-family:var(--mono);font-size:13px;padding:11px 12px;border:1px solid var(--rule);background:transparent;color:var(--ink);flex:1 1 190px;max-width:320px}
.c-row input::placeholder{color:var(--muted-2)}
.c-row input:focus-visible{outline:2px solid var(--ink);outline-offset:-1px;border-color:var(--ink)}
.c-count{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:auto;flex:none}
.post-ok{display:none;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--muted);margin:14px 0 0;border-left:3px solid var(--gold);padding-left:14px}
.post-ok a{white-space:nowrap}
.feed-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 0}
.seg{display:flex}
.seg button{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:11px 15px;border:1px solid var(--rule);border-right:none;background:transparent;color:var(--muted);cursor:pointer}
.seg button:last-child{border-right:1px solid var(--rule)}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.post{padding:24px 0;border-top:1px solid var(--rule)}
.post:first-child{border-top:2px solid var(--ink)}
.p-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.p-who{font-weight:700;font-size:16px;letter-spacing:-.01em}
.p-dot,.p-when{font-family:var(--mono);font-size:12px;color:var(--muted)}
.p-badge{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);border:1px solid var(--rust);padding:2px 6px}
.p-text{font-size:17.5px;line-height:1.5;margin:10px 0 0;text-wrap:pretty;white-space:pre-wrap}
.p-meta{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 0}
.p-meta span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.feed-more{height:1px}
@media (max-width:620px){
  .c-row input{min-width:0;flex:1 1 100%}
  .c-count{margin-left:0}
  .seg{flex-wrap:wrap}
}

/* ===== patrocínios ===== */
.ad-slot{margin:44px 0}
.ad{display:grid;grid-template-columns:1fr auto;gap:14px 28px;align-items:end;text-decoration:none;color:var(--ink);border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:16px 0 18px}
.ad-label{grid-column:1/-1;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ad-body{display:block}
.ad-kicker{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:6px}
.ad-name{display:block;font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.05}
.ad-text{display:block;font-size:15px;line-height:1.45;color:var(--muted);margin-top:6px;max-width:60ch}
.ad-go{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--rust)}
.ad:hover .ad-name{color:var(--rust)}
.ad:hover .ad-go{color:var(--ink)}
.ad-open{border-top:1px dashed var(--muted-2);border-bottom:1px dashed var(--muted-2);align-items:center}
.ad-open .ad-open-t{font-family:var(--mono);font-size:13.5px;line-height:1.5;color:var(--muted);max-width:70ch}
.ad-open:hover{border-color:var(--rust)}
.ad-open:hover .ad-open-t{color:var(--ink)}
.ad-slot.in-list{margin:0}
.ad-slot.in-list .ad{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:18px 0 20px}
.ad-slot.in-list .ad-open{border-top:1px dashed var(--muted-2);border-bottom:1px dashed var(--muted-2)}
@media (max-width:700px){
  .ad{grid-template-columns:1fr}
  .ad-go{justify-self:start}
}

/* links úteis */
.linkrow{display:grid;grid-template-columns:1fr auto;gap:12px 26px;align-items:baseline;padding:16px 0;border-top:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.l-name{display:block;font-size:19px;font-weight:700;letter-spacing:-.01em}
.l-note{display:block;font-size:14.5px;line-height:1.45;color:var(--muted);margin-top:5px;max-width:62ch}
.l-url{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.linkrow:hover .l-name{color:var(--rust)}
.linkrow:hover .l-url{color:var(--rust)}
.disclaim{border-left:3px solid var(--gold);padding:2px 0 2px 16px;margin:20px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:74ch}

/* páginas legais */
.legal{max-width:76ch}
.legal h3{font-size:22px;margin:34px 0 0}
.legal h3:first-of-type{margin-top:24px}
.legal p,.legal li{font-size:15.5px;line-height:1.6;color:var(--ink)}
.legal p{margin:10px 0 0;text-wrap:pretty}
.legal ul{margin:10px 0 0;padding-left:20px}
.legal li{margin:6px 0 0}
.legal .updated{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.legal a{border-bottom:1px solid var(--rule)}

/* rodapé: social + legal */
.foot-links{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 0}
.foot-links a{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.foot-links a:hover{color:var(--rust)}

/* barra compacta em telas menores — o motorista lê no celular */
@media (max-width:1260px){
  :root{--barh:110px}
  .tagline{display:none}
  .mast{flex-wrap:wrap;padding:12px 0}
  .mark{width:82px;height:82px}
  .word{font-size:25px}
  .tabs{gap:15px;justify-content:flex-start}
  .tabs a{font-size:13.5px}
}
@media (max-width:900px){
  :root{--barh:0px}
  .topbar{position:static}
  .mast{flex-wrap:wrap;gap:12px;padding:12px 0}
  .mark{width:64px;height:64px}
  .word{font-size:23px}
  .tabs{gap:16px;justify-content:flex-start}
  .tabs a{font-size:13px}
  .langs a{font-size:11.5px;padding:5px 8px}
  .ticker span{font-size:11.5px;padding:9px 0}
  .hero-stats{gap:26px;margin-top:26px}
  .hero-stats b{font-size:34px}
}

/* placa cujo produto ainda não abriu: mantém preço e nome, só o rótulo muda */
.plate-soon{filter:saturate(.72)}
.plate-soon .p-go{opacity:.75;font-size:11px}

/* oferta ainda sem checkout: honesto, não morto */
.btn-soon{background:transparent;color:var(--muted);border:1px dashed var(--muted-2);box-shadow:none}
.btn-soon:hover{background:transparent;color:var(--rust);border-color:var(--rust);box-shadow:none;transform:none}