/* Area de membros BR (cargo plataforma, 10/11/2026): por cima do app.css do Draftcrew (mesma paleta e Work Sans). Aqui so o que muda. */
@font-face { font-family: "Work Sans"; src: url("/m/assets/work-sans.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

/* logo: arquivo oficial (capacete ›_ + engenhandocomIA), nunca refeito em fonte */
.wm img.logo { display: block; height: 26px; width: auto; max-width: 100%; }
.mh .wm img.logo { height: 24px; }
.app-login .wm img.logo, .auth-top .wm img.logo { height: 34px; }
@media (min-width: 900px) { .mh .wm img.logo { height: 28px; } }

.lead-loja { max-width: 640px; margin: -4px 0 18px; color: #453e38; font-size: 16px; line-height: 1.5; }

/* titulo de secao dentro de Meus produtos */
.secao { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 28px 0 12px; }
.secao h2 { font-size: 20px; line-height: 1.2; letter-spacing: -.02em; font-weight: 760; }
.secao a { font-size: 15px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }

/* oferta contextual: cartao largo, amarelo de destaque */
.ctx { display: grid; overflow: hidden; border: 2px solid var(--tinta); border-radius: var(--r); background: var(--branco); box-shadow: 6px 6px 0 var(--tinta); }
.ctx-img { position: relative; aspect-ratio: 16 / 10; background: var(--amarelo); overflow: hidden; }
.ctx-img img { width: 100%; height: 100%; object-fit: cover; }
.ctx-body { display: grid; gap: 10px; padding: 18px; align-content: center; }
.ctx-body .eyebrow { color: var(--tinta); }
.ctx-body h3 { font-size: 24px; line-height: 1.12; letter-spacing: -.03em; font-weight: 780; }
.ctx-body p { font-size: 15px; color: #3f3832; }
.ctx-preco { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.ctx-preco b { font-size: 28px; line-height: 1; font-weight: 800; letter-spacing: -.03em; }
.preco-de { color: var(--aux); font-size: 15px; text-decoration: line-through; }
.ctx-preco small { color: var(--aux); font-size: 13px; }
@media (min-width: 760px) { .ctx { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .ctx-img { aspect-ratio: auto; min-height: 100%; } .ctx-body { padding: 24px 26px; } }

/* preco no cartao da loja: "R$ 47,90" cabe sem quebrar */
.pricetag { font-size: 22px; min-width: 0; white-space: nowrap; }
.pricetag small { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0; text-decoration: line-through; color: var(--aux); }

/* V3 online: abrir no navegador */
.studio-card { display: grid; gap: 10px; padding: 16px 18px; border: 1.5px solid var(--tinta); border-radius: var(--r); background: #fbf6dd; }
.studio-card h3 { font-size: 18px; font-weight: 760; }

/* varios downloads no mesmo passo */
.dls { display: grid; gap: 10px; }
.vazio { padding: 18px; border: 1.5px dashed var(--linha-forte); border-radius: var(--r); color: #453e38; font-size: 15px; }