/* ===== Lia · 3 aparências (29/09/2026) — noturno (padrão) · grafite · claro =====
   Tudo aqui vale só DENTRO do app (#app). O site de venda não muda. */
html[data-tema] #app{
  --serif:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono:'Inter', system-ui, -apple-system, sans-serif;
  font-family:var(--serif); font-size:17px; font-variant-numeric:tabular-nums;
}
html[data-tema="noturno"] #app{
  color-scheme:dark;
  --bg:#07090D; --paper:#10151D; --card:#0C1118; --card2:#161D28; --navy:#0C1118; --soft:#161D28;
  --ink:#F1ECE1; --ink2:#D6D9DE; --muted:#9AA4B2; --muted2:#8792A1; --rule:#1D2531;
  --gold:#D4AF5F; --gold2:#F3DFA8; --bronze:#8C6A2E; --g1:#E6C27A; --g2:#C29445; --ongold:#0B0D10;
  --win:#1FA971; --wintx:#34D399; --winbg:rgba(52,211,153,.12); --loss:#DC4B4B; --losstx:#F87171; --lossbg:rgba(248,113,113,.12);
  --buy1:#1B7A55; --buy2:#115238; --sell1:#8A2A2A; --sell2:#5A1A1A;
}
html[data-tema="grafite"] #app{
  color-scheme:dark;
  --bg:#0D0E10; --paper:#17181B; --card:#121315; --card2:#1E2023; --navy:#121315; --soft:#1E2023;
  --ink:#F4F2EE; --ink2:#DADAD6; --muted:#A1A1AA; --muted2:#8B8B93; --rule:#27292E;
  --gold:#D8BC84; --gold2:#E9D5A8; --bronze:#9C8350; --g1:#F4F2EE; --g2:#E4E1DA; --ongold:#0D0E10;
  --win:#16A34A; --wintx:#22C55E; --winbg:rgba(34,197,94,.12); --loss:#DC2626; --losstx:#EF4444; --lossbg:rgba(239,68,68,.12);
  --buy1:#15803D; --buy2:#0F5A2B; --sell1:#991B1B; --sell2:#6B1414;
}
html[data-tema="claro"] #app{
  color-scheme:light;
  --bg:#F6F2E9; --paper:#FFFFFF; --card:#FBF8F2; --card2:#EFE9DD; --navy:#FBF8F2; --soft:#EFE9DD;
  --ink:#15181D; --ink2:#2B3038; --muted:#5E6470; --muted2:#6B7280; --rule:#E6DFD0;
  --gold:#A8792B; --gold2:#8A6120; --bronze:#8A6120; --g1:#1F2329; --g2:#15181D; --ongold:#F6F2E9;
  --win:#0E9F6E; --wintx:#0E9F6E; --winbg:rgba(14,159,110,.10); --loss:#D64545; --losstx:#D64545; --lossbg:rgba(214,69,69,.10);
  --buy1:#0E9F6E; --buy2:#0B7F58; --sell1:#D64545; --sell2:#B23535;
}
html[data-tema] #app{background:var(--bg);color:var(--ink)}
html[data-tema] #app .a-top, html[data-tema] #app .a-nav{background:var(--bg)}
html[data-tema] #app .wm, html[data-tema] #app .brand{font-family:var(--brand)}
html[data-tema="claro"] #app .box, html[data-tema="claro"] #app .ticket{box-shadow:0 1px 2px rgba(20,24,29,.05)}
html[data-tema="claro"] #stars{opacity:0}

/* botão principal: mesma forma nos 3 temas */
html[data-tema] #app .btn.gold{background:linear-gradient(180deg,var(--g1),var(--g2));color:var(--ongold);border:none;border-radius:14px;font-weight:600}
html[data-tema] #app .pill{border-color:transparent;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold2);font-weight:600}

/* caixas: menos moldura, cantos 14/20 */
html[data-tema] #app .box{border-radius:20px;border:1px solid var(--rule)}
html[data-tema] #app .ticket{border-radius:22px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}

/* menu: 5 abas */
html[data-tema] #app .a-nav{grid-template-columns:repeat(5,1fr)}
html[data-tema] #app .a-nav button{color:var(--muted2)}
html[data-tema] #app .a-nav button.on{color:var(--gold2);border-top-color:var(--gold)}
@media (min-width:1000px){ html[data-tema] #app .a-nav button{background:transparent;border-color:var(--rule)} html[data-tema] #app .a-nav button.on{background:color-mix(in srgb,var(--gold) 12%,transparent);border-color:color-mix(in srgb,var(--gold) 45%,transparent)} }

/* Ao vivo, no celular: a operação da Lia primeiro, a fala da Lia antes do gráfico, o treino por último */
@media (max-width:999px){
  html[data-tema] #app .b-tk>.ticket{order:-3}
  html[data-tema] #app .b-tk>#minhaBox{order:20}
  html[data-tema] #app .live-grid .b-feed{order:1}
  html[data-tema] #app .live-grid .b-chart{order:2}
  html[data-tema] #app .live-grid .b-hoje{order:5}
}
html[data-tema] #app .b-tk>#minhaBox{order:20;border-color:var(--rule)!important}

/* Hoje: lista (extrato) em vez de grade de caixinhas */
html[data-tema] #app .hj-g{display:flex;flex-direction:column;gap:0;max-height:none;overflow:visible}
html[data-tema] #app .hj-c{display:grid;grid-template-columns:10px 1fr auto;grid-template-areas:"d t v" "d e u";column-gap:10px;row-gap:0;align-items:center;background:none;border:0;border-top:1px solid var(--rule);border-radius:0;padding:10px 2px}
html[data-tema] #app .hj-c::before{content:"";grid-area:d;width:8px;height:8px;border-radius:50%;background:var(--muted)}
html[data-tema] #app .hj-c.w::before{background:var(--wintx)} html[data-tema] #app .hj-c.l::before{background:var(--losstx)}
html[data-tema] #app .hj-c>span:first-child{grid-area:t;font:500 15px var(--serif);color:var(--ink)}
html[data-tema] #app .hj-c>span.muted:not(:last-child){grid-area:e;font-size:13px}
html[data-tema] #app .hj-c>b{grid-area:v;text-align:right;font:600 15px var(--mono)}
html[data-tema] #app .hj-c>span:last-child{grid-area:u;text-align:right;font-size:13px;color:var(--muted)}
html[data-tema] #app .hj-c.l{background:none}
html[data-tema] #app .hj-w{color:var(--wintx);font-weight:600} html[data-tema] #app .hj-l{color:var(--losstx);font-weight:600}

/* letra mínima */
html[data-tema] #app .muted[style*="font-size:11px"], html[data-tema] #app .muted[style*="font-size:12px"]{font-size:13px!important}

/* escolha da aparência (aba Gestão) */
.tema-box{display:flex;flex-direction:column;gap:10px}
.tema-op{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tema-op button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:600 14px var(--serif);min-height:44px}
.tema-op button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.tema-op i{display:flex;width:100%;max-width:92px;height:34px;border-radius:9px;overflow:hidden;border:1px solid rgba(127,127,127,.25)}
.tema-op i b{flex:1}
/* faixa do visitante */
.visit-bar{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:5;margin:8px auto 0;max-width:460px;width:calc(100% - 24px);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--paper);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.visit-bar span{flex:1;font-size:14px;color:var(--muted)}
.visit-bar button{border:0;border-radius:12px;padding:10px 14px;min-height:44px;background:linear-gradient(180deg,var(--g1),var(--g2));color:var(--ongold);font:600 14px var(--serif);white-space:nowrap}
@media (min-width:1000px){.visit-bar{bottom:16px}}
.ajuda-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:600 16px var(--serif);min-height:52px}
html[data-tema="noturno"] #app{--amberbg:rgba(212,175,95,.14)}
html[data-tema="grafite"] #app{--amberbg:rgba(216,188,132,.12)}
html[data-tema="claro"] #app{--amberbg:rgba(168,121,43,.12)}
html[data-tema] #app .cta-lia{background:radial-gradient(120% 110% at 0% 0%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 60%),var(--paper)}
html[data-tema="claro"] #app .pill.zero{border-color:var(--loss);color:var(--loss)}
html[data-tema] #app .mov{background:color-mix(in srgb,var(--ink) 6%,transparent)}
html[data-tema] #app .pulse{box-shadow:none}
@media (min-width:1000px){.visit-bar{position:fixed;left:auto;right:24px;bottom:20px;margin:0;width:auto;max-width:none}}

/* ===== Computador (≥1000px): menu na lateral, gráfico à esquerda, "A Lia diz" à direita ===== */
@media (min-width:1000px){
  html[data-tema] #app .app{max-width:1440px;display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}
  html[data-tema] #app .a-nav{grid-column:1;grid-row:1 / span 2;order:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:22px 14px 20px;border:0;border-right:1px solid var(--rule);background:var(--paper)}
  html[data-tema] #app .a-nav button{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;padding:11px 14px;border:0!important;border-radius:12px;background:transparent;font-size:15px;min-height:44px;box-shadow:none}
  html[data-tema] #app .a-nav button svg{width:20px;height:20px}
  html[data-tema] #app .a-nav button.on{background:color-mix(in srgb,var(--gold) 14%,transparent)!important;color:var(--gold2);font-weight:600}
  html[data-tema] #app .a-nav button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
  html[data-tema] #app .nav-logo{display:flex;align-items:center;gap:10px;padding:2px 10px 22px;font:500 20px var(--brand);color:var(--ink);letter-spacing:.06em;cursor:pointer}
  html[data-tema] #app .nav-logo img{height:26px}
  html[data-tema] #app .nav-sp{flex:1}
  html[data-tema] #app .nav-foot{display:flex;flex-direction:column;gap:10px;padding:0 6px}
  html[data-tema] #app .nav-foot .muted{font-size:14px}
  html[data-tema] #app .a-top{grid-column:2;grid-row:1;order:0;position:sticky;top:0;padding:18px 32px;border-bottom:0;justify-content:flex-end}
  html[data-tema] #app .a-top .lock{display:none}
  html[data-tema] #app .a-top .t-tit{margin-right:auto;font:600 22px var(--serif);color:var(--ink)}
  html[data-tema] #app .a-body{grid-column:2;grid-row:2;padding:4px 32px 48px}
  html[data-tema] #app .visit-bar{display:none}

  html[data-tema] #app .live-grid.lv2{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"top top" "main side";gap:20px;align-items:start}
  html[data-tema] #app .lv2 .b-top{grid-area:top}
  html[data-tema] #app .lv2 .b-side{display:none}
  html[data-tema] #app .lv2-main{grid-area:main;display:flex;flex-direction:column;gap:20px;min-width:0}
  html[data-tema] #app .lv2-side{grid-area:side;display:flex;flex-direction:column;gap:18px;position:sticky;top:84px}
  html[data-tema] #app .lv2 .b-chart, html[data-tema] #app .lv2 .b-feed{grid-area:auto;margin-top:0;position:static}
  html[data-tema] #app .lv2 .b-tk{display:flex;flex-direction:column;gap:14px}
  html[data-tema] #app .lv2 .b-tk>.ticket{order:-3} html[data-tema] #app .lv2 .b-tk>.cta-lia{order:-2}
  html[data-tema] #app .lv2 .b-chart{padding:18px!important;border-radius:20px}
  html[data-tema] #app .lv2 .lv-chart{height:440px}

  /* Hoje em tabela */
  html[data-tema] #app .lv2 .hj-c{grid-template-columns:10px minmax(120px,1fr) minmax(0,1fr) auto 110px;grid-template-areas:"d t e v u";padding:12px 4px}
  html[data-tema] #app .lv2 .hj-c>span:last-child{font-size:14px}
  html[data-tema] #app .lv2 .hj-c>span.muted:not(:last-child){font-size:14px}
}
/* Sua gestão (lado direito, computador) */
.gest-card .gr{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--rule);font-size:15px}
.gest-card .gr span{color:var(--muted)} .gest-card .gr b{font-weight:600}
.gest-card .gr b.l{color:var(--losstx)} .gest-card .gr b.w{color:var(--wintx)}
.gest-card button{margin-top:8px;min-height:44px;border-radius:12px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:600 14px var(--serif)}
@media (min-width:1000px){
  html[data-tema] #app .lv2 .hj-c{grid-template-columns:10px minmax(0,1fr) minmax(0,1fr) auto 180px}
  html[data-tema] #app .lv2 .hj-c>span:last-child, html[data-tema] #app .lv2 .hj-c>b{white-space:nowrap}
  html[data-tema] #app .lv2 .b-top{justify-content:flex-start}
}

/* ===== "A Lia diz" — cartão da operação (29/09, aprovado pelo dono) ===== */
.lia-hero{order:-4;background:var(--paper);border:1px solid var(--rule);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:0;color:var(--ink);font-family:var(--serif);font-variant-numeric:tabular-nums}
.lh-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
.lh-tag{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px}
.lh-tag.w{color:var(--wintx);background:var(--winbg)} .lh-tag.l{color:var(--losstx);background:var(--lossbg)} .lh-tag.o{color:var(--gold2);background:var(--amberbg)}
.lh-dir{font-size:34px;font-weight:700;letter-spacing:-.01em;margin:8px 0 14px;line-height:1.1}
.lh-lv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lh-lv div{cursor:pointer} .lh-lv small{display:block;font-size:13px;color:var(--muted)} .lh-lv b{font-size:17px;font-weight:700}
.lh-track{position:relative;height:6px;border-radius:6px;background:var(--rule);margin:22px 4px 8px}
.lh-track .f{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--wintx)}
.lh-track.neg .f{background:var(--losstx)}
.lh-track i{position:absolute;top:-4px;width:2px;height:14px;background:var(--muted);opacity:.55;transform:translateX(-1px)}
.lh-track .me{position:absolute;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:3px solid var(--wintx);transform:translateX(-10px)}
.lh-track.neg .me{border-color:var(--losstx)}
.lh-tl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.lh-alerta{margin-top:14px;padding:12px;border-radius:14px;background:var(--amberbg);font-size:15px;display:flex;flex-direction:column;gap:10px}
.lh-alerta button{min-height:44px;border:0;border-radius:12px;background:var(--wintx);color:#07130D;font:600 15px var(--serif)}
.lh-acct{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:16px 0 14px;padding-top:14px;border-top:1px solid var(--rule)}
.lh-acct span{color:var(--muted);font-size:15px} .lh-acct b{font-size:28px;font-weight:700}
.lh-acct b.w{color:var(--wintx)} .lh-acct b.l{color:var(--losstx)}
.lh-cta{width:100%;min-height:52px;border:0;border-radius:16px;background:linear-gradient(180deg,var(--g1),var(--g2));color:var(--ongold);font:600 17px var(--serif)}
.lh-more{margin-top:10px;background:none;border:0;color:var(--muted);font:500 14px var(--serif);text-decoration:underline;min-height:36px}
.ticket.tk-old{display:none!important}
.b-tk>.lia-hero{order:-4}
.lh-acct span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lh-acct b{white-space:nowrap;font-size:26px}
@media (max-width:380px){.lh-acct b{font-size:22px}.lh-dir{font-size:30px}}
.lh-acct span{white-space:normal;overflow:visible} .lh-acct small{display:block;font-size:13px;opacity:.8}

/* ===== 30/09: cor no topo ===== */
.cor-bt{width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:transparent;color:var(--gold2);display:flex;align-items:center;justify-content:center;padding:0}
html[data-tema] #app .a-top{position:sticky}
.cor-pop{position:absolute;right:16px;top:calc(100% - 4px);z-index:30;width:300px;max-width:calc(100vw - 32px);background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.cor-pop>b{font-size:15px}
.cor-pop .tema-op button, .tema-op button{color:var(--ink)}
.cor-pop .tema-op button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}

/* ===== ao vivo: "Pedir leitura" em cima na coluna da direita; metas saem do Ao vivo no computador ===== */
html[data-tema] #app .b-tk>.cta-lia, html[data-tema] #app .b-tk>[data-ler]{order:-6}
@media (min-width:1000px){ html[data-tema] #app .lv2 .gam-topo{display:none} }
@media (max-width:999px){ html[data-tema] #app .b-tk>.gam-topo{order:15} }

/* ===== menu lateral: metas + recolher ===== */
@media (min-width:1000px){
  html[data-tema] #app .a-nav .nav-metas span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
  html[data-tema] #app .a-nav .nav-metas small{font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
  html[data-tema] #app .nav-min-bt{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--muted);font:500 13px var(--serif);padding:8px 4px;min-height:40px;cursor:pointer}
  html[data-tema] #app .nav-min-bt svg{width:18px;height:18px}
  html[data-tema] #app .app.nav-min{grid-template-columns:76px minmax(0,1fr)}
  html[data-tema] #app .nav-min .a-nav{padding:22px 10px 20px}
  html[data-tema] #app .nav-min .a-nav button>span, html[data-tema] #app .nav-min .nav-logo{font-size:0}
  html[data-tema] #app .nav-min .a-nav button{justify-content:center;padding:11px 0}
  html[data-tema] #app .nav-min .nav-logo{justify-content:center;padding:2px 0 22px}
  html[data-tema] #app .nav-min .nav-foot .muted, html[data-tema] #app .nav-min #navJoin{display:none}
  html[data-tema] #app .nav-min .nav-min-bt{justify-content:center} html[data-tema] #app .nav-min .nav-min-bt svg{transform:rotate(180deg)}
  html[data-tema] #app .nav-min .nav-min-bt span{display:none}
}
@media (max-width:999px){ .nav-metas,.nav-min-bt{display:none!important} }

/* ===== páginas sem caixa sobre caixa (Leitura, Gestão, Mais, Ajuda) ===== */
html[data-tema] #app .a-body.flat .box:not(#pBox):not(#gRes):not(#trazeBox):not(#temaBox):not(.ticket):not(.lia-hero){background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0;padding:22px 2px;box-shadow:none}
html[data-tema] #app .a-body.flat .box .box{border-top:0;padding:8px 0}
html[data-tema] #app .a-body.flat #pBox, html[data-tema] #app .a-body.flat #gRes, html[data-tema] #app .a-body.flat #trazeBox{border:1px solid var(--rule)!important;border-radius:20px;background:var(--paper)}

/* Mais: lista de produtos */
html[data-tema] #app .mais-lista{gap:0!important}
html[data-tema] #app .mais-lista>.box:first-child{border-top:0!important;padding-top:4px!important}
html[data-tema] #app .mais-lista .box.prod{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "f b" "t b";column-gap:18px;row-gap:4px;align-items:center}
html[data-tema] #app .mais-lista .box.prod>div:first-child{grid-area:h} html[data-tema] #app .mais-lista .box.prod>b{grid-area:f;font-size:15px!important} html[data-tema] #app .mais-lista .box.prod>span.muted{grid-area:t;font-size:14px!important}
html[data-tema] #app .mais-lista .box.prod>button{grid-area:b;min-height:44px!important;padding:0 18px;border-radius:12px;font-size:14px!important;white-space:nowrap;text-transform:none}
@media (max-width:560px){ html[data-tema] #app .mais-lista .box.prod{grid-template-columns:1fr;grid-template-areas:"h" "f" "t" "b"} html[data-tema] #app .mais-lista .box.prod>button{width:100%} }

/* ===== compra ===== */
html[data-tema] #app #pBox{gap:12px!important;border-style:solid!important}
.p-passo{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold2);margin-top:6px}
.p-dados{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--rule)}
html[data-tema] #app #pBox .chip{border-radius:12px}
html[data-tema] #app #pBox [data-cxd].chip.on{background:color-mix(in srgb,var(--gold) 12%,transparent)!important;color:var(--ink)!important;border:2px solid var(--gold)!important}
html[data-tema] #app #pBox [data-cxd].chip.on *{color:inherit}
html[data-tema] #app #pBox [data-cxt].chip.on{background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)!important}
.p-avulsa{border-top:1px solid var(--rule);padding-top:10px}
.p-avulsa summary{cursor:pointer;color:var(--muted);font-size:15px;min-height:40px;display:flex;align-items:center}
.p-avulsa>div{margin-top:8px}
html[data-tema] #app .nav-min .a-nav button small{display:none}
/* 30/09: comparação dos planos na compra + link do Indique e ganhe */
#app .p-compara{border-top:1px solid var(--rule);padding-top:8px}
#app .p-compara summary{cursor:pointer;font-size:14px;color:var(--gold2);list-style:none;padding:4px 0}
#app .p-compara summary::-webkit-details-marker{display:none}
#app .p-compara summary::after{content:' ▾';opacity:.7}
#app .p-compara:not([open]) summary::after{content:' ▸'}
#app .p-compara table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.35;margin-top:4px;table-layout:fixed}
#app .p-compara th,#app .p-compara td{padding:8px 6px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;font-weight:400}
#app .p-compara thead td{font-weight:700;font-size:14px}
#app .p-compara tbody th{color:var(--muted,#9aa3ad);width:28%}
#app .p-compara td.on{color:var(--gold2);background:color-mix(in srgb,var(--gold) 8%,transparent)}
#app .p-compara thead td.on{border-bottom:2px solid var(--gold)}
#app .ind-link{font-size:14px;color:var(--gold2);text-decoration:none;border-top:1px solid var(--rule);padding-top:10px;margin-top:2px}
#app .ind-link:hover{text-decoration:underline}
/* 30/09: prova e aviso na compra */
#app .p-prova{font-size:13px;color:var(--gold2);text-decoration:none;line-height:1.4}
#app .p-prova:hover{text-decoration:underline}
#app .p-depois{font-size:13px;text-align:center;opacity:.75;line-height:1.4}