/* Site bhmob.com.br (usuário final): só o que o site.css (o mesmo de tecnologia/) não tem. */
:root{--live:#EE7028}
.hero-copy{max-width:820px}
/* topo: chamada | baixar; abaixo, o palco com três telas */
.u-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);column-gap:clamp(32px,5vw,72px);align-items:center}
.u-hero>.stage,.u-hero>.index{grid-column:1/-1}
.u-stage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
@media (max-width:1000px){.u-hero{grid-template-columns:1fr}.u-hero .dl{margin-top:36px;max-width:560px}}
@media (max-width:760px){.u-stage{grid-template-columns:1fr 1fr}.u-stage .u-mid{display:none}}
.dl{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3vw,34px);display:grid;gap:12px;justify-items:center;text-align:center;box-shadow:0 30px 60px -36px rgba(25,20,15,.4)}
.dl-h{font-size:clamp(1.5rem,2.4vw,2rem)}
.dl-p{color:var(--muted);max-width:34ch}
.dl-note{font-size:.85rem;color:var(--muted)}
.qr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:6px}
.qr-card{display:grid;gap:12px;justify-items:center}
.qr,.store,.dl{box-sizing:border-box}
.qr{width:100%;max-width:150px;aspect-ratio:1;background:#fff;border-radius:16px;padding:12px;border:1px solid var(--line);display:grid;place-items:center}
.qr svg{width:100%;height:100%;display:block}
.qr-off{background:repeating-linear-gradient(45deg,var(--stage) 0 8px,var(--panel) 8px 16px);color:var(--muted);font-size:.8rem;font-weight:600}
.qr-off span{background:var(--panel);padding:4px 8px;border-radius:8px}
.store{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--fg);color:var(--bg);border-radius:14px;padding:9px 12px;text-decoration:none;min-height:48px;text-align:left;width:100%;max-width:170px;justify-content:center}
.store svg{width:22px;height:22px;flex:none}
.store span{display:grid;font:700 .95rem/1.1 var(--f-display);letter-spacing:-.01em}
.store small{font:500 .7rem/1.2 var(--f-body);opacity:.8;letter-spacing:0}
.store:hover{background:color-mix(in srgb,var(--fg) 86%,var(--accent))}
.store[aria-disabled=true]{opacity:.55;cursor:default}
.m-only{display:none}
@media (max-width:760px){.dl .qr{display:none}.dl-h{font-size:1.4rem}.dl .d-only{display:none}.dl .m-only{display:inline}}
@media (max-width:420px){.qr-row{grid-template-columns:1fr}.store{max-width:none}}
/* passageiro */
.u-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:clamp(40px,6vw,64px)}
@media (max-width:760px){.u-steps{grid-template-columns:1fr}}
.u-cta{margin-top:clamp(32px,5vw,48px);display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:20px 24px}
.u-cta p{font:700 clamp(1.2rem,2vw,1.5rem)/1.2 var(--f-display);letter-spacing:-.02em}
/* motorista: faixa escura */
.u-drive{background:#17140F;color:#F2F1EF;--fg:#F2F1EF;--muted:#B5B0A9;--line:#2F2B25;--panel:#211D17;--stage:#27221B;--bg:#17140F;--accent-text:#F39A63;position:relative;overflow:hidden;isolation:isolate}
.u-drive::before{content:"";position:absolute;inset:-30% -20% auto auto;width:70%;height:120%;z-index:-1;background:radial-gradient(closest-side,rgba(238,112,40,.28),transparent);pointer-events:none}
.drive{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.drive-copy{display:grid;gap:22px;align-content:start}
.req{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:8px}
.req p{color:var(--muted);font-size:.98rem}
.req-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.req h4{font-size:.9rem;margin:0 0 6px;color:inherit}.req ul{list-style:none;padding:0;margin:0;display:grid;gap:4px;color:var(--muted);font-size:.95rem}.req li::before{content:"\2022 "}@media(max-width:520px){.req-cols{grid-template-columns:1fr}}
.drive-dl{display:grid;grid-template-columns:repeat(2,minmax(0,170px));gap:16px}
.drive-dl .qr{border-color:transparent}
.drive-art{display:flex;justify-content:center;gap:clamp(12px,3vw,28px);perspective:1400px}
.drive-art .phone{--pw:min(250px,40vw)}
.drive-art .phone:first-child .phone-frame{transform:rotateY(10deg) translateY(24px)}
.drive-art .phone:last-child .phone-frame{transform:rotateY(-10deg)}
.drive-art .phone-frame{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.drive-art:hover .phone-frame{transform:none}
@media (prefers-reduced-motion:reduce){.drive-art .phone-frame{transform:none!important;transition:none}}
@media (max-width:900px){.drive{grid-template-columns:1fr}.drive-art{order:-1}}
@media (max-width:520px){.drive-dl{grid-template-columns:1fr 1fr}.drive-dl .qr{display:none}.drive-art .phone{--pw:min(200px,42vw)}}
/* contato */
.u-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.u-ch{display:grid;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:16px 18px;text-decoration:none;min-width:0}
.u-ch small{color:var(--muted);font-size:.82rem}
.u-ch b{font-weight:650;overflow-wrap:anywhere}
a.u-ch:hover{border-color:var(--line-strong)}
@media (max-width:560px){.u-channels{grid-template-columns:1fr}}
/* páginas de redirecionamento dos documentos */
.redir{min-height:70vh;display:grid;place-items:center;text-align:center;padding:48px 16px}
.redir .wrap{display:grid;gap:18px;justify-items:center;max-width:620px}
.redir p{color:var(--muted)}