/* PEXINXE v5.0 — identidade e telas das pranchas Pexinxe_App_Pranchas (paleta "Qualidade local":
   grafite, dourado, areia e bege). Carregado depois de styles.css: redefine os tokens antigos e
   traz os componentes das telas 01–25 (prefixo px-). */
:root{
  --px-bg:#FAF7F2;
  --px-surface:#FFFFFF;
  --px-ink:#1F1F1F;
  --px-text:#3B3632;
  --px-muted:#6F675E;
  --px-faint:#9A9087;
  --px-line:#EAE3D6;
  --px-gold:#D4A017;
  --px-gold-dark:#B8860B;
  --px-gold-text:#8A6400;
  --px-sand:#C9B28F;
  --px-beige:#F5EBD7;
  --px-beige-soft:#FBF6EC;
  --px-beige-line:#EDDFC3;
  --px-green:#2F6B4F;
  --px-green-soft:#E1EEE5;
  --px-sage:#7FB89A;
  --px-brown:#8E4015;
  --px-peach-soft:#F8E6DA;
  --px-peach:#E8A87C;
  --px-red:#A8322D;
  --px-red-soft:#F6E3E1;
  --px-blue:#1F4E5F;
  --px-blue-soft:#DDE9EC;
  --px-note:#EFEBE4;
  --px-note-text:#5B6480;
  --px-slate:#9AA0B4;
  --px-radius:20px;
  --px-shadow:0 1px 2px rgba(60,45,20,.04),0 6px 16px rgba(60,45,20,.05);
  /* nomes usados pelo tutorial e por telas antigas */
  --px-yellow:var(--px-gold);--px-yellow-strong:var(--px-gold-dark);--px-yellow-soft:var(--px-beige);--px-yellow-text:var(--px-gold-text);--px-dark:var(--px-ink);
  --bg:var(--px-bg);--surface:var(--px-bg);--surface-2:var(--px-note);--text:var(--px-ink);--ink:var(--px-text);--ink-strong:var(--px-ink);
  --muted:var(--px-muted);--gold:var(--px-gold);--line:var(--px-line);--radius:16px;--radius-sm:12px;
}
html,body{background:var(--px-bg);color:var(--px-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
.app-root{background:var(--px-bg);max-width:560px;margin:0 auto;width:100%;position:relative}
button{color:inherit}
svg.px-i{width:22px;height:22px;flex:0 0 auto}
svg.px-i--sm{width:17px;height:17px}
svg.px-i--xs{width:13px;height:13px}
svg.px-i--fill{fill:currentColor;stroke:none}
.px-pmark{display:block;width:96px;height:96px}

/* ---------- Telas antigas (login, busca, perfil) na identidade nova ---------- */
.card{border:1px solid var(--px-line);border-radius:16px;box-shadow:none;background:#fff}
.btn--primary{background:var(--px-ink);color:#fff;border-color:var(--px-ink)}
.btn--primary strong{color:#fff}
.eyebrow{color:var(--px-gold-text)}
.wordmark-img{display:block;height:auto;width:auto;max-width:none;object-fit:contain}
.wordmark-img--sm{height:auto;width:112px}
.wordmark-img--md{height:auto;width:150px}
.wordmark-img--lg{height:auto;width:190px;max-width:70vw}
.splash{background:var(--px-bg)}
.splash__logo .wordmark-img--lg{height:auto;width:200px}
.auth-title span{color:var(--px-gold-text)}
.toast{background:var(--px-ink);color:#fff;border-radius:14px}

/* ---------- Estrutura: cabeçalho, conteúdo, rodapé fixo e navegação ---------- */
.px-header{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 10px;background:var(--px-bg);position:sticky;top:0;z-index:5}
.px-header--blank{min-height:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:0}
.px-back{width:38px;height:38px;border-radius:12px;border:1px solid var(--px-line);background:var(--px-surface);color:var(--px-ink);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.px-back svg{width:18px;height:18px}
.px-header__titles{flex:1;min-width:0}
.px-header__title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--px-ink);line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-header__sub{font-size:12.5px;color:var(--px-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-header__right{display:flex;gap:8px;align-items:center}
.px-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--px-line);background:var(--px-surface);color:var(--px-ink);display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}
.px-icon-btn svg{width:19px;height:19px}
.px-icon-btn .px-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--px-gold);border:1.5px solid #fff}
.px-icon-plain{border:0;background:transparent;color:var(--px-muted);padding:6px;display:flex}
.px-main{padding:6px 18px 22px;flex:1;display:flex;flex-direction:column;gap:12px}
.px-main>*{margin:0}
.px-footer{position:sticky;bottom:80px;z-index:4;padding:10px 18px 12px;background:linear-gradient(180deg,rgba(250,247,242,0),var(--px-bg) 24%);display:grid;gap:8px}
.px-footer--nonav{bottom:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}
.px-nav{position:sticky;bottom:0;z-index:6;height:80px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:var(--px-surface);border-top:1px solid var(--px-line);padding:0 6px env(safe-area-inset-bottom,0px)}
.px-nav__btn{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--px-muted);padding:0}
.px-nav__icon{width:40px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#5C544A}
.px-nav__icon svg{width:20px;height:20px}
.px-nav__btn.is-active{color:var(--px-ink);font-weight:800}
.px-nav__btn.is-active .px-nav__icon{background:var(--px-beige);color:var(--px-gold)}
.px-nav__btn--cam .px-nav__icon{width:46px;height:46px;border-radius:15px;background:var(--px-ink);color:#fff;margin-top:-22px;margin-bottom:10px;box-shadow:0 0 0 4px #fff,0 6px 14px rgba(0,0,0,.18)}
.px-nav__btn--cam.is-active .px-nav__icon{background:var(--px-ink);color:#fff}
.px-error{display:flex;gap:10px;align-items:flex-start;background:var(--px-red-soft);color:var(--px-red);border-radius:14px;padding:12px 14px;font-size:13px;font-weight:600}
.px-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 10px;color:var(--px-muted);font-size:13px;text-align:center}
.px-loading strong{color:var(--px-ink);font-size:15px}
.px-spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--px-beige);border-top-color:var(--px-gold);animation:px-spin .8s linear infinite}
@keyframes px-spin{to{transform:rotate(360deg)}}

/* ---------- Tipografia e utilitários ---------- */
.px-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--px-gold-text);display:inline-flex;align-items:center;gap:7px}
.px-eyebrow--muted{color:var(--px-muted);letter-spacing:.08em}
.px-h1{font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--px-ink);margin:6px 0 0}
.px-price{font-weight:800;letter-spacing:-.02em;color:var(--px-ink);white-space:nowrap;font-size:16px}
.px-price--lg{font-size:23px}
.px-green{color:var(--px-green)!important}.px-brown{color:var(--px-brown)!important}.px-red{color:var(--px-red)!important}.px-gold{color:var(--px-gold-text)!important}
.px-center{text-align:center}.px-right{text-align:right}.px-grow{flex:1;min-width:0}
.px-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px}
.px-section-head h2,.px-section-head h3{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--px-ink)}
.px-section-head h3{font-size:13.5px;font-weight:800}
.px-section-head small{font-size:12.5px;color:var(--px-muted)}
.px-link{border:0;background:transparent;color:var(--px-gold-text);font-weight:700;font-size:13.5px;padding:2px 0;display:inline-flex;align-items:center;gap:6px}
.px-link--center{align-self:center;padding:8px 0}
.px-hint{font-size:12.5px;color:var(--px-muted);margin:0;line-height:1.45}
.px-tagline{text-align:center;font-size:13px;color:var(--px-muted);margin:auto 0 0;padding-top:18px;letter-spacing:.01em}
.px-tagline em{font-style:normal;color:var(--px-gold-text)}
.px-row{display:flex;gap:10px;align-items:center}
.px-row>.px-btn{flex:1;min-width:0}
.px-row--3>.px-btn{padding:0 6px;gap:6px;white-space:nowrap}
.px-row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}
.px-row-between>div{min-width:0}
.px-stack{display:grid;gap:12px}.px-stack--sm{display:grid;gap:8px}
.px-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.px-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.px-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--px-muted);font-size:12.5px}
.px-star{display:inline-flex;color:var(--px-peach);font-style:normal}

/* ---------- Botões ---------- */
.px-btn{width:100%;min-height:50px;border-radius:14px;border:0;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15px;letter-spacing:-.01em;padding:0 16px;cursor:pointer;text-decoration:none;text-align:center;line-height:1.2;transition:transform .08s ease}
.px-btn:active{transform:translateY(1px)}
.px-btn:disabled{opacity:.45;cursor:not-allowed}
.px-btn--dark{background:var(--px-ink);color:#fff;box-shadow:0 6px 14px rgba(31,31,31,.16)}
.px-btn--white{background:#fff;color:var(--px-ink)}
.px-btn--sage{background:var(--px-sage);color:var(--px-ink)}
.px-btn--peach{background:var(--px-peach);color:var(--px-ink)}
.px-btn--outline{background:var(--px-surface);color:var(--px-ink);border:1px solid var(--px-line)}
.px-btn--text{background:transparent;color:var(--px-ink);min-height:42px}
.px-btn--sm{min-height:42px;font-size:13.5px;border-radius:12px;padding:0 12px}
.px-btn--auto{width:auto}
.px-btn--square{width:50px;flex:0 0 50px!important;padding:0}
.px-btn--sm.px-btn--square{width:42px;flex:0 0 42px!important}

/* ---------- Cartões, selos e avisos ---------- */
.px-card{background:var(--px-surface);border:1px solid var(--px-line);border-radius:var(--px-radius);padding:16px;display:block;width:100%;text-align:left;position:relative}
.px-card.px-row,.px-card.px-row-between{display:flex}
.px-card b{font-weight:700}
.px-card small{display:block;font-size:12.5px;color:var(--px-muted);line-height:1.4}
.px-card__head{margin-bottom:12px;font-size:13.5px}
.px-card__title{font-size:15.5px}
.px-card__text{font-size:13.5px;line-height:1.5;margin:8px 0 6px;color:var(--px-text)}
.px-card__foot{border-top:1px solid var(--px-line);margin-top:12px;padding-top:10px;font-size:12.5px;color:var(--px-muted)}
.px-card__foot b{color:var(--px-ink)}
.px-pill{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:4px 8px;font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;background:var(--px-note);color:var(--px-note-text);align-self:flex-start}
.px-pill--peach{background:var(--px-peach);color:var(--px-ink)}
.px-pill--peach-soft{background:var(--px-peach-soft);color:var(--px-brown)}
.px-pill--warn{background:var(--px-peach-soft);color:var(--px-brown);font-size:11.5px;margin-top:8px}
.px-pill--green{background:var(--px-green-soft);color:var(--px-green)}
.px-pill--sage{background:var(--px-sage);color:var(--px-ink)}
.px-pill--red{background:var(--px-red-soft);color:var(--px-red)}
.px-pill--blue{background:var(--px-blue-soft);color:var(--px-blue)}
.px-pill--slate{background:var(--px-note);color:var(--px-note-text)}
.px-pill--plain{font-size:11.5px;letter-spacing:0;border-radius:8px;padding:5px 9px}
.px-note{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;font-size:12.5px;line-height:1.45;background:var(--px-note);color:var(--px-note-text)}
.px-note b{color:#44507A}
.px-note svg{margin-top:1px}
.px-note--peach{background:var(--px-peach-soft);color:#5C3A1E}.px-note--peach b{color:#3F2408}
.px-note--green{background:var(--px-green-soft);color:var(--px-green)}.px-note--green b{color:#1F5238}
.px-tile{width:40px;height:40px;border-radius:12px;background:var(--px-beige);color:var(--px-gold);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.px-tile svg{width:20px;height:20px}
.px-tile--sm{width:36px;height:36px;border-radius:10px}
.px-tile--lg{width:56px;height:56px;border-radius:17px;margin:0 auto}
.px-tile--lg svg{width:26px;height:26px}
.px-tile--round{width:56px;height:56px;border-radius:50%;margin:0 auto}
.px-tile--green{background:var(--px-green-soft);color:var(--px-green)}
.px-tile--blue{background:var(--px-blue-soft);color:var(--px-blue)}
.px-tile--red{background:var(--px-red-soft);color:var(--px-red)}
.px-tile--gray{background:var(--px-note);color:var(--px-note-text)}
.px-bar{height:6px;border-radius:99px;background:var(--px-note);overflow:hidden;position:relative;flex:1}
.px-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--px-sage)}
.px-bar--peach i{background:var(--px-peach)}.px-bar--gold i{background:var(--px-gold)}
.px-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#F1EAE0;border-radius:13px;padding:3px;gap:3px}
.px-seg button{border:0;background:transparent;border-radius:10px;min-height:36px;font-weight:600;font-size:13.5px;color:var(--px-muted)}
.px-seg button.is-active{background:var(--px-surface);color:var(--px-ink);font-weight:800;box-shadow:0 1px 3px rgba(60,45,20,.1)}
.px-empty{text-align:center;padding:34px 12px;color:var(--px-muted);font-size:13.5px;display:grid;gap:10px}
.px-empty h3{color:var(--px-ink);font-size:17px;margin:4px 0 0}
.px-empty p{margin:0;line-height:1.5}
.px-empty .px-btn{margin-top:8px}
.px-input{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--px-line);background:var(--px-surface);padding:0 14px;font-size:14.5px;color:var(--px-ink);outline:none;margin-top:8px;font-family:inherit}
.px-input:focus{border-color:var(--px-gold)}
textarea.px-input{padding:12px 14px;min-height:76px;resize:vertical;line-height:1.45}
.px-input--price{font-weight:800;font-size:17px}
.px-check{width:24px;height:24px;border-radius:7px;border:1.5px solid #D8CFC0;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff}
.px-check.is-on{background:var(--px-ink);border-color:var(--px-ink)}
.px-kvs>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--px-line);font-size:13.5px}
.px-kvs>div:first-child{padding-top:2px}.px-kvs>div:last-child{border-bottom:0;padding-bottom:2px}
.px-kvs span{color:var(--px-text);display:inline-flex;align-items:center;gap:8px}
.px-kvs b{font-weight:800;text-align:right}
.px-kvs s{color:var(--px-muted)}
.px-kvs--box{background:var(--px-bg);border:1px solid var(--px-line);border-radius:16px;padding:12px 14px}
.px-chips{display:flex;flex-wrap:wrap;gap:8px}
.px-chip{border:1px solid var(--px-line);background:var(--px-surface);border-radius:11px;min-height:38px;padding:0 13px;font-size:13.5px;font-weight:600;color:var(--px-ink)}
.px-chip.is-on{background:var(--px-beige);border-color:var(--px-gold);color:var(--px-gold-text);font-weight:800}

/* ---------- Painel que sobe por cima da tela ---------- */
.px-sheet-wrap{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}
.px-sheet-dim{position:absolute;inset:0;border:0;background:rgba(31,31,31,.45)}
.px-sheet{position:relative;width:100%;max-width:560px;background:#fff;border-radius:26px 26px 0 0;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px);display:grid;gap:12px;animation:px-up .22s ease;max-height:88dvh;overflow:auto}
@keyframes px-up{from{transform:translateY(30px);opacity:.4}to{transform:none;opacity:1}}
.px-sheet__grip{width:40px;height:4px;border-radius:99px;background:#E4DDD0;margin:0 auto 6px}
.px-sheet__head{display:flex;gap:12px;align-items:center}
.px-sheet__head h2{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0}
.px-sheet__head small{font-size:12.5px;color:var(--px-muted)}
.px-sheet__text{font-size:13.5px;line-height:1.5;color:var(--px-text);margin:0}
.px-sheet .px-input{margin-top:0}
.px-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--px-line);border-radius:16px;padding:13px 14px;color:var(--px-muted)}
.px-choice.is-on{border:2px solid var(--px-gold);background:var(--px-beige-soft)}
.px-choice b{display:block;font-size:15px;font-weight:700;color:var(--px-ink)}
.px-choice small{font-size:12.5px;color:var(--px-muted)}

/* ---------- 01 Boas-vindas ---------- */
.px-welcome{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 44px) 22px calc(env(safe-area-inset-bottom,0px) + 18px);text-align:center;background:var(--px-bg)}
.px-welcome__art{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.px-welcome__sun{position:absolute;inset:0;border-radius:50%;background:var(--px-beige)}
.px-welcome__dot{position:absolute;border-radius:50%}
.px-welcome__dot--green{width:62px;height:62px;background:var(--px-sage);right:4px;top:8px}
.px-welcome__dot--peach{width:42px;height:42px;background:var(--px-peach);left:0;bottom:16px}
.px-welcome__art .px-pmark{position:relative;width:116px;height:116px}
.px-welcome__title{font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:18px 0 10px}
.px-welcome__title em{font-style:normal;color:var(--px-gold-text)}
.px-welcome__text{font-size:13.5px;line-height:1.55;color:var(--px-muted);margin:0;max-width:300px}
.px-welcome__text b{color:var(--px-ink)}
.px-dots{display:flex;gap:6px;align-items:center;margin:20px 0}
.px-dots button{width:6px;height:6px;border-radius:99px;border:0;padding:0;background:#DDD5C7}
.px-dots button.is-on{width:22px;background:var(--px-ink)}
.px-welcome__foot{margin-top:auto;width:100%;display:grid;gap:8px;text-align:left}

/* ---------- 02 Home ---------- */
.px-home-head{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 10px;position:sticky;top:0;z-index:6;background:var(--px-bg)}
.px-location{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:var(--px-ink);font-weight:500;font-size:13px;padding:6px 0 0}
.px-order-top{background:var(--px-ink);color:#fff;border-radius:var(--px-radius);padding:14px;display:grid;gap:12px;cursor:pointer}
.px-order-top__row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.px-order-top__store{font-size:12px;color:#D6D2CA}
.px-order-top small{display:block;font-size:12px;color:#D6D2CA;margin-bottom:3px}
.px-order-top b{font-size:17px;font-weight:800;letter-spacing:-.01em}
.px-order-top .px-btn{width:auto;flex:0 0 auto;font-weight:800}
.px-list-card{overflow:hidden;padding:18px 16px 14px}
.px-list-card__blob{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:var(--px-beige)}
.px-list-card>:not(.px-list-card__blob){position:relative}
.px-list-card h2{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:8px 0 6px}
.px-list-card p{font-size:13px;line-height:1.45;color:var(--px-muted);margin:0 0 14px;max-width:72%}
.px-list-card__alt{display:flex;justify-content:center;gap:20px;margin-top:10px}
.px-list-card__alt button{border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--px-ink);padding:8px 2px}
.px-price-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--px-beige-soft);border:1.5px solid var(--px-beige-line);border-radius:var(--px-radius);padding:13px 14px;color:var(--px-muted)}
.px-price-card__main{flex:1;min-width:0}
.px-price-card b{display:block;font-size:14.5px;font-weight:600;color:var(--px-ink)}
.px-price-card small{font-size:12px;color:var(--px-muted)}
.px-recent{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.px-recent__item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--px-line);border-radius:16px;padding:11px 12px;text-align:left;min-width:0}
.px-recent__item b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-recent__item small{font-size:12px;color:var(--px-muted)}
.px-recent__item>span:last-child{min-width:0}
.px-row-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--px-line);border-radius:16px;padding:12px 14px;color:var(--px-muted)}
.px-row-card__main{flex:1}
.px-row-card b{display:block;font-size:14.5px;color:var(--px-ink)}
.px-row-card small{font-size:12.5px}

/* ---------- 03 Câmera única ---------- */
.px-camera{min-height:100dvh;background:#0A0F1F;color:#fff;display:flex;flex-direction:column}
.px-camera__head{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 12px;background:#0A0F1F}
.px-camera__head h1{font-size:16px;font-weight:600;margin:0}
.px-camera__btn{width:40px;height:40px;border-radius:12px;background:#1E2331;border:0;color:#fff;display:flex;align-items:center;justify-content:center}
.px-camera__btn.is-on{background:var(--px-gold-dark)}
.px-camera__stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#3A342C,#14120F 75%);overflow:hidden;min-height:380px}
.px-camera__stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.px-camera__pill{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;background:var(--px-sage);color:var(--px-ink);font-weight:700;font-size:12.5px;border-radius:99px;padding:7px 13px;white-space:nowrap;z-index:2}
.px-camera__frame{position:relative;width:76%;max-width:320px;aspect-ratio:5/8;max-height:72%;z-index:1;display:flex;align-items:center;justify-content:center}
.px-camera__frame>i{position:absolute;width:30px;height:30px;border-color:var(--px-gold-dark);border-style:solid;border-width:0}
.px-camera__frame>i:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}
.px-camera__frame>i:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}
.px-camera__frame>i:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}
.px-camera__frame>i:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}
.px-camera__ghost{width:82%;aspect-ratio:3/4;background:#FBFAF6;border-radius:4px;transform:rotate(-2deg);box-shadow:0 14px 34px rgba(0,0,0,.45);background-image:repeating-linear-gradient(180deg,transparent 0 23px,#DDE2EC 23px 24px);display:flex;flex-direction:column;gap:9px;padding:18px 16px;color:#23305E;font-family:Georgia,serif;font-weight:700;font-size:11.5px}
.px-camera__ghost b{font-family:inherit;font-size:11px;letter-spacing:.02em;margin-bottom:2px}
.px-camera__foot{background:#0A0F1F;padding:14px 18px calc(env(safe-area-inset-bottom,0px) + 22px);display:grid;gap:16px}
.px-camera__modes{display:flex;justify-content:center;gap:8px}
.px-camera__modes button{border:0;background:#222735;color:#fff;border-radius:99px;height:34px;padding:0 14px;font-size:13px;font-weight:500}
.px-camera__modes button.is-on{background:#fff;color:var(--px-ink);font-weight:700}
.px-camera__controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center}
.px-camera__side{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;color:#C9CCD6;font-size:11.5px}
.px-camera__side span{width:46px;height:46px;border-radius:13px;background:#1E2331;display:flex;align-items:center;justify-content:center;color:#fff}
.px-shutter{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:transparent;padding:4px;display:flex}
.px-shutter span{flex:1;border-radius:50%;background:var(--px-gold-dark)}

/* ---------- 04 Leitura / 06 Foto ilegível ---------- */
.px-scan{position:relative;height:172px;border-radius:var(--px-radius);overflow:hidden;background:linear-gradient(90deg,#EFE6D6,#F6F0E4 45%,#EDE3D1);display:flex;justify-content:center}
.px-scan img{height:112%;width:auto;max-width:60%;object-fit:cover;box-shadow:0 6px 16px rgba(0,0,0,.12);transform:rotate(-2deg)}
.px-scan__ghost{width:38%;height:112%;background:#FBFAF6;background-image:repeating-linear-gradient(180deg,transparent 0 17px,#DDE2EC 17px 18px);transform:rotate(-2deg);box-shadow:0 6px 16px rgba(0,0,0,.1)}
.px-scan__line{position:absolute;left:0;right:0;height:3px;background:var(--px-gold-dark);box-shadow:0 0 22px 12px rgba(212,160,23,.25);animation:px-scan 2.2s ease-in-out infinite alternate}
@keyframes px-scan{from{top:18%}to{top:82%}}
.px-scan--failed{background:#3A342C;align-items:center}
.px-scan--failed img{height:100%;max-width:100%;width:100%;transform:none;filter:blur(3px) brightness(.55);box-shadow:none}
.px-scan--failed .px-pill{position:absolute;left:12px;bottom:12px;font-size:11.5px}
.px-progress{height:6px;border-radius:99px;background:var(--px-note);overflow:hidden}
.px-progress i{display:block;height:100%;background:var(--px-gold);border-radius:99px;transition:width .6s ease}
.px-steps{padding:4px 16px}
.px-step{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--px-line)}
.px-step:last-child{border-bottom:0}
.px-step__icon{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.px-step--done .px-step__icon{background:var(--px-green-soft);color:var(--px-green)}
.px-step--run .px-step__icon{border:3px solid var(--px-beige);border-top-color:var(--px-gold-dark);animation:px-spin 1s linear infinite}
.px-step--wait .px-step__icon{border:1.5px dashed #C9C0B2}
.px-step b{display:block;font-size:14.5px;font-weight:600}
.px-step--wait b{color:var(--px-faint)}
.px-tips{padding:4px 16px}
.px-tips>div{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--px-line);font-size:14px;color:var(--px-ink)}
.px-tips>div:last-child{border-bottom:0}
.px-tips svg{color:var(--px-gold-text);width:20px;height:20px}

/* ---------- 05 Lista confirmada + preferências ---------- */
.px-item{background:var(--px-surface);border:1px solid var(--px-line);border-radius:18px;padding:13px 13px 12px}
.px-item--warn{background:#FFFAF1;border:1.5px solid #F5C888}
.px-item__top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.px-item__main{min-width:0}
.px-item__main b{display:block;font-size:14.5px;font-weight:600;line-height:1.25;word-break:break-word}
.px-item__main small{display:block;font-size:12.5px;color:var(--px-muted);margin-top:3px}
.px-item__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.px-item__picks{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.px-item__tools{display:flex;gap:4px;flex:0 0 auto}
.px-item__tools button{border:0;background:transparent;color:#5C544A;padding:6px;display:flex}
.px-pick{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--px-line);background:#fff;border-radius:11px;height:36px;padding:0 11px;font-size:13px;font-weight:600;color:var(--px-ink)}
.px-pick.is-on{background:var(--px-beige);border-color:var(--px-beige-line);color:var(--px-gold-text)}
.px-pick select{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px}
.px-stepper{display:flex;align-items:center;border:1px solid var(--px-line);border-radius:12px;height:36px;flex:0 0 auto;background:#fff}
.px-stepper button{width:32px;height:34px;border:0;background:transparent;color:var(--px-ink);display:flex;align-items:center;justify-content:center}
.px-stepper b{min-width:20px;text-align:center;font-size:14px;font-weight:700}
.px-item-edit{display:grid;gap:0;margin-top:4px}
.px-item-edit .px-btn{margin-top:8px}
.px-more{border:0;background:transparent;width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--px-muted);font-weight:500;font-size:13px;padding:6px 4px}

/* ---------- 07 Resultado ---------- */
.px-reco{border:2px solid var(--px-gold);display:grid;gap:10px;box-shadow:var(--px-shadow)}
.px-reco__main b{font-size:16.5px;font-weight:700}
.px-reco__main small{margin-top:3px}
.px-cov{display:flex;align-items:center;gap:10px;font-size:12.5px}
.px-cov b{font-weight:700;white-space:nowrap}
.px-reco__why{font-size:12.5px;color:var(--px-muted);margin:0}
.px-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--px-line);border-radius:16px;padding:13px 12px 13px 14px;color:#B5AB9C}
.px-opt__main{flex:1;min-width:0}
.px-opt b{display:block;font-size:14.5px;font-weight:600;color:var(--px-ink)}
.px-opt small{display:block;font-size:12px;color:var(--px-muted);margin-top:2px}
.px-opt__price{text-align:right}
.px-opt__price b{font-weight:800;font-size:15.5px;white-space:nowrap}
.px-opt__price small{font-weight:700}
.px-nopartner{padding:22px 18px}
.px-nopartner h2{font-size:18px;font-weight:800;margin:14px 0 6px}
.px-nopartner p{font-size:13px;line-height:1.5;color:var(--px-muted);margin:0}

/* ---------- 08 Loja / 21 Histórico: linhas ---------- */
.px-frac{font-size:19px;font-weight:800;font-style:italic}
.px-lines{padding:2px 16px}
.px-line{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;border-bottom:1px solid var(--px-line);padding:11px 0}
.px-line:last-child{border-bottom:0}
.px-line__main{flex:1;min-width:0}
.px-line__main b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.px-line__right{text-align:right;flex:0 0 auto}
.px-line__right b{display:block;font-size:14px;font-weight:800;white-space:nowrap}
.px-line__right small{white-space:nowrap}
.px-mark{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.px-mark--ok{background:var(--px-green-soft);color:var(--px-green)}
.px-mark--swap{background:var(--px-peach-soft);color:var(--px-brown)}
.px-mark--no{background:var(--px-red-soft);color:var(--px-red)}

/* ---------- 09 Comparar lojas ---------- */
.px-store{background:#fff;border:1px solid var(--px-line);border-radius:var(--px-radius);padding:14px;width:100%;text-align:left;display:block}
.px-store__top{display:flex;gap:12px;align-items:center}
.px-store__top b{font-size:15px;font-weight:600}
.px-store__top small{display:block;font-size:12.5px;color:var(--px-muted)}
.px-store__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--px-line)}
.px-store__foot small{font-size:12.5px;color:var(--px-muted)}
.px-missing{display:flex;align-items:center;gap:12px;border:1.5px dashed #E3C98E;background:var(--px-beige-soft);border-radius:var(--px-radius);padding:14px}
.px-missing b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.px-missing small{font-size:12.5px;color:var(--px-muted)}
.px-table-wrap{overflow-x:auto;border:1px solid var(--px-line);border-radius:16px;background:#fff}
.px-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:420px}
.px-table th,.px-table td{padding:10px;border-bottom:1px solid var(--px-line);text-align:right;white-space:nowrap}
.px-table th:first-child,.px-table td:first-child{text-align:left;white-space:normal;min-width:140px}
.px-table th{font-size:11px;color:var(--px-muted);font-weight:700}
.px-table td.is-best{color:var(--px-green);font-weight:800}
.px-map{height:380px;border-radius:var(--px-radius);overflow:hidden;border:1px solid var(--px-line);background:var(--px-note)}

/* ---------- 10 Preço da loja x comunidade ---------- */
.px-offer{border-radius:var(--px-radius);overflow:hidden;background:#fff;border:1px solid var(--px-line)}
.px-offer header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:11.5px;font-weight:800;letter-spacing:.02em}
.px-offer header span{display:inline-flex;align-items:center;gap:7px}
.px-offer header .px-plain{font-weight:500;letter-spacing:0;font-size:12px}
.px-offer--partner{border:2px solid #BCD9C8}
.px-offer--partner header{background:var(--px-green-soft);color:var(--px-green)}
.px-offer--community header{background:var(--px-blue-soft);color:var(--px-blue)}
.px-offer__body{padding:14px;display:grid;gap:10px}
.px-offer__body b{font-size:16px;font-weight:600}
.px-offer__body small{display:block;font-size:12.5px;color:var(--px-muted)}
.px-ask{background:var(--px-bg);border-radius:14px;padding:12px}
.px-ask>b{display:block;font-size:13px;font-weight:500;margin-bottom:10px}
.px-ask .px-pill{align-self:center}

/* ---------- 12 Negociar em uma tela ---------- */
.px-checks{display:grid}
.px-checkrow{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;background:transparent;border-bottom:1px solid var(--px-line);padding:11px 0;font-size:14.5px}
.px-checkrow:first-child{padding-top:0}.px-checkrow:last-child{border-bottom:0;padding-bottom:0}
.px-checkrow b{font-weight:600;white-space:nowrap}
.px-checkrow .px-grow b{display:block;white-space:normal;font-size:15px}
.px-checkrow small{font-size:12.5px;color:var(--px-muted);display:block}
.px-checkrow--top{align-items:flex-start;border:0;padding:0}
.px-checkrow--top b{font-weight:700;font-size:13.5px!important}
.px-quote{font-size:12.5px;line-height:1.5;color:var(--px-muted);margin:12px 0 0}
.px-hours{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.px-hours button{height:40px;border-radius:11px;border:1px solid var(--px-line);background:#fff;font-weight:700;font-size:13.5px}
.px-hours button.is-on{background:var(--px-ink);color:#fff;border-color:var(--px-ink)}

/* ---------- 13 Negociações e pedidos ---------- */
.px-neg{position:relative;background:#fff;border:1px solid var(--px-line);border-radius:var(--px-radius);padding:14px 14px 14px 18px;overflow:hidden;width:100%;text-align:left;display:grid;gap:8px}
.px-neg::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--px-slate)}
.px-neg--new::before{background:var(--px-sage)}
.px-neg--wait::before{background:var(--px-peach)}
.px-neg--closed{opacity:.75}
.px-neg small{font-size:12.5px;color:var(--px-muted)}
.px-neg__store{font-size:15.5px;font-weight:600}
.px-neg__price{display:flex;align-items:baseline;gap:8px}
.px-neg__price s{font-size:12px;color:var(--px-muted)}
.px-neg__price b{font-size:19px;font-weight:800;letter-spacing:-.01em}
.px-neg__until{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--px-ink)!important}

/* ---------- 15 Chat da negociação ---------- */
.px-chat{display:flex;flex-direction:column;gap:10px}
.px-msg{align-self:flex-start;max-width:82%;background:#fff;border:1px solid var(--px-line);border-radius:14px;border-top-left-radius:4px;padding:11px 13px;font-size:13.5px;line-height:1.5}
.px-msg p{margin:0;white-space:pre-wrap;word-break:break-word}
.px-msg small{display:block;text-align:right;font-size:11px;margin-top:6px;opacity:.75}
.px-msg--mine{align-self:flex-end;background:var(--px-ink);border-color:var(--px-ink);color:#fff;border-radius:14px;border-top-right-radius:4px}
.px-mask{background:var(--px-note);color:var(--px-muted);border-radius:6px;padding:1px 7px;white-space:nowrap}
.px-prop{align-self:flex-start;width:92%;background:#fff;border:2px solid #BCD9C8;border-radius:18px;padding:14px;display:grid;gap:8px}
.px-prop--mine{align-self:flex-end;border-color:var(--px-beige-line);width:78%}
.px-prop small{font-size:12.5px;color:var(--px-muted)}
.px-prop .px-neg__price b{font-size:22px}
.px-prop__actions{display:grid;grid-template-columns:1.1fr 1.2fr auto;gap:8px;margin-top:4px}
.px-prop__actions .px-btn{font-size:12.5px;padding:0 6px;font-weight:700}
.px-prop__actions .px-btn--sage{font-size:14px}
.px-compose{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--px-line);border-radius:99px;padding:5px 5px 5px 16px}
.px-compose input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;min-width:0;color:var(--px-ink)}
.px-compose button{width:38px;height:38px;border-radius:50%;border:0;background:var(--px-ink);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}

/* ---------- 17 Pedido · aguardando conclusão ---------- */
.px-order-hero{background:var(--px-ink);color:#fff;border-radius:var(--px-radius);padding:14px 16px 16px;display:grid;gap:10px}
.px-order-hero small{display:flex;align-items:center;gap:6px;font-size:12px;color:#D6D2CA;margin-bottom:4px}
.px-order-hero .px-right small{justify-content:flex-end}
.px-order-hero__time{font-size:27px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.px-order-hero__total{font-size:21px;font-weight:800}
.px-order-hero p{margin:0;font-size:12.5px;color:#D6D2CA}
.px-qr-card{display:flex;align-items:center;gap:16px}
.px-qr{width:124px;height:124px;border:1px solid var(--px-line);border-radius:14px;padding:10px;background:#fff;flex:0 0 auto;box-shadow:var(--px-shadow)}
.px-qr svg{width:100%;height:100%;display:block}
.px-code{display:block;font-size:21px;font-weight:800;letter-spacing:.06em;margin:4px 0 6px}
.px-qr-card small.px-green{display:flex;align-items:center;gap:5px;font-weight:600}
.px-timeline{display:grid}
.px-tl{display:flex;gap:12px;position:relative;padding-bottom:14px}
.px-tl:last-child{padding-bottom:0}
.px-tl::before{content:'';position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--px-line)}
.px-tl--done::before{background:var(--px-sage)}
.px-tl:last-child::before{display:none}
.px-tl>span{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.px-tl--done>span{background:var(--px-sage);color:var(--px-ink)}
.px-tl--now>span{background:var(--px-ink);color:#fff;box-shadow:0 0 0 4px var(--px-beige)}
.px-tl--todo>span{border:2px solid #D8CFC0;background:#fff}
.px-tl b{display:block;font-size:14.5px;font-weight:600}
.px-tl--todo b{color:var(--px-faint)}

/* ---------- 19 Cancelado / 20 Compra concluída ---------- */
.px-closed{padding:24px 18px}
.px-closed h2{font-size:19px;font-weight:700;margin:14px 0 8px}
.px-closed p{font-size:13px;line-height:1.55;color:var(--px-muted);margin:0 0 14px}
.px-done{text-align:center;padding:4px 0 4px}
.px-done__check{width:66px;height:66px;border-radius:50%;background:var(--px-sage);color:var(--px-ink);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.px-done__check svg{width:30px;height:30px;stroke-width:2.6}
.px-done h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}
.px-done p{margin:0;color:var(--px-muted);font-size:13px}
.px-stat{padding:12px 14px}
.px-stat b{display:block;font-size:19px;font-weight:800;margin-top:3px}
.px-stat b.px-stat__sm{font-size:14.5px}
.px-review__title{font-size:15.5px;font-weight:600!important}
.px-review__row{padding:7px 0;font-size:14px}
.px-rate{display:flex;gap:3px}
.px-rate button{border:0;background:transparent;padding:0;color:#D6CDBE;display:flex}
.px-rate button.is-on{color:var(--px-gold)}
.px-rate svg{width:23px;height:23px}
.px-yesno{display:flex;gap:8px}
.px-yesno button{min-height:40px;border-radius:11px;border:1px solid var(--px-line);background:#fff;font-weight:700;font-size:13.5px;padding:0 14px;display:flex;align-items:center;gap:7px}
.px-yesno button.is-on{background:var(--px-beige);border:1.5px solid var(--px-gold);color:var(--px-gold-text)}

/* ---------- 21 Meu histórico ---------- */
.px-saved{background:var(--px-ink);color:#fff;border-radius:var(--px-radius);padding:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.px-saved small{display:block;font-size:12.5px;color:#D6D2CA;margin-bottom:4px}
.px-saved b{font-size:29px;font-weight:800;letter-spacing:-.02em;color:var(--px-sage)}
.px-saved span{font-size:12.5px;color:#D6D2CA;text-align:right;line-height:1.4}

/* ---------- 22 Contribuição por etiqueta ---------- */
.px-shot{position:relative;height:158px;border-radius:var(--px-radius);overflow:hidden;background:#2A2520;display:flex;align-items:center;justify-content:center}
.px-shot img{width:100%;height:100%;object-fit:cover}
.px-shot .px-pill{position:absolute;left:12px;bottom:12px;font-size:12px}
.px-fields{padding:4px 16px}
.px-field{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--px-line)}
.px-field:last-child{border-bottom:0}
.px-field__icon{color:var(--px-gold);padding-top:2px}
.px-field b{display:block;font-size:14.5px;font-weight:600;line-height:1.35;margin-top:2px}
.px-field>button{border:0;background:transparent;color:#5C544A;padding:6px;display:flex}

/* ---------- 23 Contribuição por cupom fiscal ---------- */
.px-section-head--tight{margin-top:2px}
.px-rlines{padding:2px 16px}
.px-rline{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px 10px;padding:11px 0;border-bottom:1px solid var(--px-line)}
.px-rline:last-child{border-bottom:0}
.px-rline.is-off{opacity:.45}
.px-rline__main{border:0;background:transparent;text-align:left;padding:0;min-width:0}
.px-rline code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--px-muted);letter-spacing:.02em}
.px-rline b{display:block;font-size:14px;font-weight:600;margin-top:2px}
.px-rline__price b{font-weight:800;white-space:nowrap}
.px-rline__price .px-input{width:86px;margin:0;text-align:right;min-height:38px;padding:0 8px}
.px-rline>.px-input{grid-column:1/-1;grid-row:2;margin-top:4px}
.px-rline__mark{border:0;background:transparent;padding:4px;display:flex;color:var(--px-faint)}

/* ---------- 24 Conta · Confiança e colaboração ---------- */
.px-trust-hero{position:relative;overflow:hidden;background:var(--px-ink);color:#fff;border:0;border-radius:var(--px-radius);padding:16px 18px 18px;text-align:left;width:100%;display:block}
.px-trust-hero__blob{position:absolute;right:-34px;bottom:-56px;width:150px;height:150px;border-radius:50%;background:var(--px-sage)}
.px-trust-hero--limited .px-trust-hero__blob{background:var(--px-peach)}
.px-trust-hero--search .px-trust-hero__blob{background:#C8605A}
.px-trust-hero>:not(.px-trust-hero__blob){position:relative}
.px-trust-hero .px-eyebrow{color:var(--px-sage)}
.px-trust-hero__score{display:flex;align-items:baseline;gap:8px;margin:4px 0 6px}
.px-trust-hero__score b{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.px-trust-hero__score span{font-size:16px;color:#D6D2CA;font-weight:500}
.px-trust-hero p{margin:0;font-size:13px;line-height:1.45;color:#E4E0D8;max-width:68%}
.px-mini{background:var(--px-bg);border-radius:13px;padding:11px 10px}
.px-mini b{display:block;font-size:18px;font-weight:800}
.px-mini small{font-size:12px;line-height:1.3}
.px-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:11px 13px;font-size:12.5px;margin-top:10px;width:100%;border:0;text-align:left;line-height:1.45}
.px-strip span{display:inline-flex;align-items:center;gap:6px}
.px-strip--peach{background:var(--px-peach-soft);color:#5C3A1E}
.px-strip--peach b{color:var(--px-brown);font-weight:800}
.px-strip--gold{background:var(--px-beige);color:var(--px-gold-text);justify-content:flex-start}
.px-strip--gold span{display:inline}
.px-menu{padding:2px 16px}
.px-menu__item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;border-bottom:1px solid var(--px-line);padding:15px 0;font-size:15px;font-weight:500;color:var(--px-ink);text-align:left}
.px-menu__item:last-child{border-bottom:0}
.px-menu__item span{flex:1}
.px-menu__item svg:last-child{color:#B5AB9C}

/* ---------- 25 Confiança reduzida + missões ---------- */
.px-trust{display:grid;gap:10px}
.px-trust--limited{border:2px solid #F5C888;background:#FFFAF1}
.px-trust--search{border:2px solid #E8B4AF;background:#FFF7F6}
.px-trust__score{display:flex;align-items:baseline;gap:6px}
.px-trust__score b{font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--px-green)}
.px-trust--limited .px-trust__score b{color:var(--px-brown)}
.px-trust--search .px-trust__score b{color:var(--px-red)}
.px-trust__score span{font-size:13px;color:var(--px-muted)}
.px-trust__bar{position:relative;height:9px;border-radius:99px;background:linear-gradient(90deg,#E0A5A1 0 40%,#F7D58E 40% 70%,#B5D5C3 70% 100%);margin-top:4px}
.px-trust__bar i{position:absolute;top:-4px;width:4px;height:17px;border-radius:2px;background:var(--px-ink);transform:translateX(-50%)}
.px-trust__scale{position:relative;display:flex;justify-content:space-between;font-size:12px;color:var(--px-muted);height:16px}
.px-trust__scale span[style]{position:absolute;transform:translateX(-50%)}
.px-trust p{margin:0;font-size:12.5px;line-height:1.5;color:var(--px-brown)}
.px-trust p b{color:#5E2A0C}
.px-trust:not(.px-trust--limited):not(.px-trust--search) p{color:var(--px-muted)}
.px-events{margin:10px 0 6px}
.px-events>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13.5px}
.px-events small{display:inline;color:var(--px-muted)}
.px-events b{font-weight:800}
.px-mission{display:flex;align-items:center;gap:13px}
.px-mission b{font-size:14.5px;font-weight:600}
.px-mission__bar{display:flex;align-items:center;gap:10px;margin-top:9px}
.px-mission__bar small{font-weight:700;color:var(--px-muted)}
.px-chart{width:100%;height:130px;display:block;margin-top:10px}
.px-chart-x{display:flex;justify-content:space-between;font-size:12px;color:var(--px-muted);margin-top:4px}

@media (max-width:360px){
  .px-main{padding-left:14px;padding-right:14px}
  .px-price--lg{font-size:20px}
  .px-order-hero__time{font-size:23px}
  .px-prop__actions{grid-template-columns:1fr 1fr auto}
}

/* Tutorial na identidade nova */
.pxt-next{background:var(--px-ink)!important;color:#fff!important}
.px-pill{justify-self:start}
.px-row--3>.px-btn{font-size:12.5px}
.px-card.px-center{text-align:center}
.px-rline code{background:none;padding:0;border-radius:0}