/* ═════════ o site na linguagem do app (Cofre 1.10+) ═════════
   Carregada depois de estilo.css em todas as páginas. É o tema CLARO do app: fundo cinza-claro,
   cartões brancos, destaque verde-limão com texto grafite, títulos e números em Outfit,
   objetos grafite (como a lateral e o painel de detalhes do app) e ícones em vidro prateado. */

@font-face { font-family: "Outfit"; font-weight: 300; font-display: swap; src: url(/fontes/outfit-latin-300-normal.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 400; font-display: swap; src: url(/fontes/outfit-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 500; font-display: swap; src: url(/fontes/outfit-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 600; font-display: swap; src: url(/fontes/outfit-latin-600-normal.woff2) format("woff2"); }

.papel{
  --canvas:#ECEEF1;
  --tinta:#17191E; --suave:#5C636E; --fraca:#888E98;
  --linha:rgba(20,22,28,.09);
  --fundo:#FFFFFF; --superficie:#FFFFFF; --elevado:#F4F5F7;
  --limao:#C6EF4E; --limao-forte:#B4E23A; --oliva:#588400;
  --verde:var(--limao); --verde-escuro:#EEF8D0;
  --grafite:#181A1F; --grafite-cartao:linear-gradient(180deg,#2A2D35,#21242A);
  --display:'Outfit','Inter',system-ui,sans-serif;
  --sombra:0 1px 2px rgba(20,22,28,.04), 0 12px 30px -16px rgba(20,22,28,.18);
  background:var(--canvas); color:var(--tinta);
}

/* objetos grafite: pedaços do app pousados na página */
.papel .janela,
.papel .lado.bom,
.papel .final,
.papel .barra{
  --tinta:#F2F4F7; --suave:#9EA4AE; --fraca:#6E747E;
  --linha:rgba(255,255,255,.08);
  --fundo:#181A1F; --superficie:#24272E; --elevado:#2E323A;
  color:var(--tinta);
}

.papel::after{mix-blend-mode:multiply; opacity:.03}
.papel :focus-visible{outline-color:var(--oliva)}

/* ───────── tipografia ───────── */
.papel h1,.papel h2,.papel h3{font-family:var(--display)}
.papel h1{font-weight:500; letter-spacing:-.045em}
.papel h2{font-weight:500; letter-spacing:-.04em}
.papel h3{font-weight:500; letter-spacing:-.015em}
.papel .ponto,.papel .verde,.papel .preco-sub{color:var(--oliva)}
.papel .olho{color:var(--suave)}
.papel .olho::before{background:var(--limao); box-shadow:0 0 0 3px rgba(198,239,78,.25)}
.papel .grifo::before{background:var(--limao); border-radius:.22em}
.papel .grifo.on{color:var(--tinta)}
@media (prefers-reduced-motion:reduce){ .papel .grifo{color:var(--tinta)} }

/* ───────── botões: pílulas como no app ───────── */
.papel .btn{border-radius:999px}
.papel .btn-verde{background:var(--limao); color:#17191E; box-shadow:0 12px 26px -12px rgba(150,190,20,.75)}
.papel .btn-verde:hover{background:var(--limao-forte); box-shadow:0 18px 34px -12px rgba(150,190,20,.85)}
.papel .btn-linha{background:#FFFFFF; box-shadow:inset 0 0 0 1px var(--linha), 0 6px 16px -12px rgba(20,22,28,.3)}
.papel .btn-linha:hover{background:#F7F8FA}
.papel .final .btn-linha{background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}

/* ───────── topo ───────── */
.papel .nav.rolou{background:rgba(236,238,241,.86); box-shadow:0 1px 0 var(--linha)}
.papel .nav::after{background:var(--limao); box-shadow:none}
.papel .nav-links a{padding:.35rem .8rem; border-radius:999px; transition:background .2s,color .2s}
.papel .nav-links a:hover{background:#FFFFFF; color:var(--tinta)}

/* ───────── herói ───────── */
.papel .hero::before{background:radial-gradient(ellipse 50% 44% at 50% 55%,rgba(198,239,78,.35),transparent 70%)}
.papel .hero::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,30%),rgba(198,239,78,.14),transparent 65%)}
.papel .caderno-leve{background-image:none}
.papel .tarja{background:var(--grafite); border-color:transparent; color:#F2F4F7}
.papel .tarja::before{background:var(--limao); box-shadow:0 0 8px rgba(198,239,78,.8)}
.papel .selos li{background:#FFFFFF; border-color:var(--linha); color:var(--suave); border-radius:999px; box-shadow:0 4px 12px -10px rgba(20,22,28,.4)}
.papel .disco{color:rgba(20,22,28,.2)}
.papel .disco .num{fill:rgba(20,22,28,.4)}
.papel .disco .chave{fill:var(--oliva)}
.papel .notebook{filter:drop-shadow(0 40px 50px rgba(20,22,28,.3))}

/* ───────── faixa e divisores ───────── */
.papel .faixa{background:#FFFFFF}
.papel .faixa strong{font-family:var(--display); font-weight:300; font-size:clamp(1.6rem,3vw,2.2rem); letter-spacing:-.03em}
.papel .faixa .verde{color:var(--tinta)}
.papel .faixa .verde::after{content:""; display:block; width:28px; height:4px; margin:.45rem auto 0; border-radius:999px; background:var(--limao)}
.papel .marcas{background-image:repeating-linear-gradient(90deg,rgba(20,22,28,.16) 0 1px,transparent 1px 22px)}

/* ───────── seções ───────── */
.papel .local{background:#FFFFFF}
.papel .claro:not(.caderno){background:var(--canvas)}
.papel .caderno{background:#FFFFFF; background-image:none}
.papel .sec.malha::after{display:none}
.papel .sec.brilho::before{background:radial-gradient(760px 420px at var(--bx,15%) var(--by,0%),rgba(198,239,78,.18),transparent 68%)}

/* cartões brancos com a sombra dos cartões do app */
.papel .detalhe,.papel .lado.ruim,.papel .passos li,.papel .instalar-passos,.papel .tres,.papel .smart,
.papel .tema-cartao,.papel .cartao-preco,.papel .autor-foto{border-radius:24px; box-shadow:var(--sombra)}
.papel .local .detalhe,.papel .local .lado.ruim,.papel .local .passos li{background:var(--canvas); box-shadow:none}
.papel .detalhe::after{background:radial-gradient(320px circle at var(--x,50%) var(--y,50%),rgba(198,239,78,.2),transparent 60%)}
.papel .detalhe b{color:var(--oliva)}
.papel .passos span{background:var(--limao); color:#17191E; font-family:var(--display); font-weight:500}
.papel .instalar-passos code{background:rgba(20,22,28,.06)}

/* ícones em vidro prateado, iguais aos selos do app */
.papel .tres .icone,
.papel .instalar-passos b{
  position:relative; overflow:hidden; border-radius:999px; color:#262A31;
  background:linear-gradient(150deg,#FDFDFE 0%,#DFE3E8 28%,#AEB6BF 56%,#E6E9ED 80%,#C2C9D0 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.95), inset 0 -3px 6px rgba(40,46,56,.22), 0 6px 14px -8px rgba(20,22,28,.45);
}
.papel .tres .icone::after,
.papel .instalar-passos b::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(120% 70% at 25% 0%,rgba(255,255,255,.75),transparent 55%)}
.papel .tres .icone svg{position:relative; z-index:1}

/* vitrine de telas */
.papel .aba{border-radius:20px}
.papel .aba[aria-selected="true"]{background:#FFFFFF; box-shadow:var(--sombra); border-color:transparent}
.papel .aba .carga{background:var(--limao); height:3px}
.papel .janela{background:var(--grafite); border-color:transparent; border-radius:22px;
  box-shadow:0 50px 80px -40px rgba(20,22,28,.55), 0 0 0 1px rgba(20,22,28,.2)}
.papel .janela-barra b{color:var(--limao)}

/* duelo: o Cofre é o lado grafite, como o painel de detalhes do app */
.papel .lado.ruim h3{color:var(--suave)}
.papel .lado.bom{background:radial-gradient(120% 80% at 100% 0%,rgba(198,239,78,.16),transparent 55%),var(--grafite-cartao);
  border-color:rgba(198,239,78,.3); border-radius:24px; box-shadow:0 40px 70px -40px rgba(20,22,28,.7)}
.papel .lado.bom .valor{color:var(--limao); font-family:var(--display); font-weight:300}
.papel .lado.bom li::before{background:rgba(198,239,78,.15); color:var(--limao)}

/* aviso do Windows */
.papel .smart{background:linear-gradient(180deg,rgba(245,185,62,.12),#FFFFFF 55%); border-color:rgba(200,130,20,.3)}
.papel .smart-janela{border-radius:14px; box-shadow:0 16px 34px -20px rgba(20,22,28,.5); border:1px solid rgba(20,22,28,.08)}
.papel .smart-botoes .fantasma{border-color:var(--oliva); box-shadow:0 0 0 2px rgba(198,239,78,.6)}
.papel .smart-como{background:rgba(198,239,78,.2); border-color:rgba(88,132,0,.25); border-radius:16px}
.papel .smart-conf a{color:var(--oliva)}
.papel .preco-prazo{color:var(--suave); background:rgba(245,185,62,.12); border-color:rgba(200,130,20,.3); border-radius:16px}

/* preço: cartão branco com o valor em Outfit fino, como os números do app */
.papel .cartao-preco{background:#FFFFFF; border-color:transparent;
  box-shadow:0 40px 90px -50px rgba(20,22,28,.45), inset 0 0 0 1px var(--linha)}
.papel .preco-num{font-weight:300; letter-spacing:-.05em}
.papel .preco-num sup{color:var(--fraca); font-weight:400}
.papel .cartao-preco li::before{color:var(--oliva)}
.papel .carimbo{color:#17191E; border-color:transparent; background:var(--limao); box-shadow:0 8px 20px -10px rgba(150,190,20,.8)}
.papel .mostrador{color:rgba(20,22,28,.55)}
.papel .mostrador::before{border-top-color:var(--oliva)}
.papel .mostrador svg .chave{fill:var(--oliva)}
.papel .segredo-nota b{color:var(--oliva)}

/* dúvidas e fecho */
.papel .faq details{border-color:var(--linha)}
.papel .faq summary::after{color:var(--oliva)}
.papel .final{background:radial-gradient(520px 260px at 50% 0%,rgba(198,239,78,.18),transparent 70%),var(--grafite-cartao);
  border-color:transparent; border-radius:28px; box-shadow:0 40px 80px -40px rgba(20,22,28,.7)}

/* rodapé e barra do celular (pílula grafite, como a lateral do app) */
.papel .rodape{background:#FFFFFF}
.papel .barra{background:rgba(24,26,31,.94); border-color:rgba(255,255,255,.08); border-radius:999px;
  box-shadow:0 20px 40px -20px rgba(20,22,28,.6)}

/* páginas internas: licença e termos */
.papel .pagina .ok{color:var(--oliva)}
.papel .painel{background:#FFFFFF; border-radius:24px; box-shadow:var(--sombra)}
.papel .campo,.papel .chave{border-radius:14px}
.papel .girando{border-color:rgba(198,239,78,.35); border-top-color:var(--oliva)}

/* ═════════ app no celular: em breve ═════════ */
.papel .celular{background:#FFFFFF; overflow:hidden}
.celular-grade{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,6vw,5rem); align-items:center}
.celular-lista{list-style:none; padding:0; margin:1.6rem 0 0; display:grid; gap:.7rem; color:var(--suave); font-size:.98rem}
.celular-lista li{display:flex; gap:.7rem; align-items:flex-start}
.celular-lista li::before{content:"✓"; flex:none; display:grid; place-items:center; width:22px; height:22px; margin-top:1px;
  border-radius:999px; background:var(--limao); color:#17191E; font-size:12px; font-weight:700}
.aviso-form{display:flex; gap:.5rem; margin-top:2rem; padding:.4rem; max-width:520px; border-radius:999px;
  background:var(--canvas); box-shadow:inset 0 0 0 1px var(--linha)}
.aviso-form input[type=email]{flex:1; min-width:0; border:0; background:transparent; padding:0 1.1rem; font:inherit; font-size:1rem; color:var(--tinta); outline:none}
.aviso-form .btn{min-height:48px; flex:none}
.aviso-form:focus-within{box-shadow:inset 0 0 0 2px var(--oliva)}
.aviso-form .isca{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.aviso-msg{margin:.8rem 0 0 1.2rem; font-size:.86rem; color:var(--fraca)}
.aviso-msg.ok{color:var(--oliva); font-weight:600}
.aviso-msg.erro{color:#C0392B}
.celular-depois{margin:1.4rem 0 0; font-size:.86rem; color:var(--fraca)}

.celular-palco{position:relative; display:grid; place-items:center; padding:2rem 0}
.celular-palco::before{content:""; position:absolute; width:78%; aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle,rgba(198,239,78,.55),transparent 68%); filter:blur(10px)}
.fone{position:relative; width:min(300px,78vw); aspect-ratio:9/19; padding:11px; border-radius:46px; background:#0E0F12;
  box-shadow:0 50px 80px -40px rgba(20,22,28,.7), inset 0 0 0 2px #2A2D35, 0 0 0 1px rgba(20,22,28,.3); rotate:4deg}
.fone-tela{position:relative; height:100%; overflow:hidden; border-radius:36px; padding:14px 16px;
  background:radial-gradient(120% 60% at 100% 0%,rgba(198,239,78,.14),transparent 55%),#181A1F; color:#F2F4F7;
  font-family:var(--texto); font-size:11px; display:flex; flex-direction:column}
.fone-status{display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:10.5px; padding:0 6px}
.fone-status i{width:74px; height:20px; border-radius:999px; background:#000}
.fone-topo{display:flex; align-items:center; gap:8px; margin-top:14px}
.fone-avatar{display:grid; place-items:center; width:30px; height:30px; border-radius:50%; font-family:var(--display); font-size:11px;
  color:#3b2a00; background:linear-gradient(145deg,#fff1b8,#f5c542 38%,#c98a12 72%,#f7d774)}
.fone-oi{flex:1; font-weight:600; font-size:11.5px; line-height:1.2}
.fone-oi small{display:block; font-weight:400; color:#9EA4AE; font-size:9.5px}
.fone-sino{width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.fone-rotulo{margin:16px 0 0; color:#9EA4AE; font-size:10px}
.fone-saldo{margin:2px 0 0; font-family:var(--display); font-weight:300; font-size:30px; letter-spacing:-.04em; line-height:1.1; display:flex; align-items:baseline; gap:2px}
.fone-saldo small{font-size:.5em; opacity:.65; letter-spacing:0}
.fone-saldo b{margin-left:8px; align-self:center; font-family:var(--texto); font-size:9.5px; font-weight:700; letter-spacing:0;
  padding:3px 7px; border-radius:999px; background:var(--limao); color:#17191E}
.fone-acoes{display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:14px}
.fone-acoes span{display:grid; justify-items:center; gap:4px; padding:8px 0 7px; border-radius:16px; font-size:8.5px; color:#C9CDD3;
  background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.fone-acoes span:first-child{background:var(--limao); color:#17191E; box-shadow:none}
.fone-acoes i{font-style:normal; font-size:13px; line-height:1}
.fone-cartao{position:relative; margin-top:14px; height:88px; padding:11px 12px; border-radius:18px; overflow:hidden;
  background:radial-gradient(120% 95% at 100% 0%,#ff7a00d9,transparent 58%),linear-gradient(145deg,#2e323a,#14161a);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.fone-cartao-nome{display:block; font-family:var(--display); font-size:12px; font-weight:500}
.fone-cartao-valor{position:absolute; left:12px; bottom:17px; font-family:var(--display); font-weight:300; font-size:16px}
.fone-cartao-valor small{display:block; font-family:var(--texto); font-size:8px; color:rgba(255,255,255,.6); text-transform:uppercase; letter-spacing:.08em}
.fone-cartao-barra{position:absolute; left:12px; right:12px; bottom:9px; height:3px; border-radius:9px; background:rgba(255,255,255,.15)}
.fone-cartao-barra i{display:block; width:44%; height:100%; border-radius:9px; background:var(--limao)}
.fone-secao{display:flex; justify-content:space-between; margin:14px 2px 6px; font-weight:600; font-size:11px}
.fone-secao em{font-style:normal; font-weight:400; color:#9EA4AE; font-size:9.5px}
.fone-linha{display:flex; align-items:center; gap:8px; padding:7px 8px; border-radius:14px; font-size:10px}
.fone-linha + .fone-linha{margin-top:4px}
.fone-secao + .fone-linha{background:#F2F4F7; color:#17191E}
.fone-linha span:nth-child(2){flex:1; font-weight:500; line-height:1.2}
.fone-linha small{display:block; font-weight:400; opacity:.6; font-size:8.5px}
.fone-linha b{font-weight:600; font-size:10px}
.fone-meta{display:flex; align-items:center; gap:8px; padding:7px 8px; border-radius:14px; font-size:10px;
  background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.fone-meta span:nth-child(2){flex:1; font-weight:500}
.fone-meta i{display:block; height:4px; margin-top:5px; border-radius:9px; background:rgba(255,255,255,.12)}
.fone-meta u{display:block; height:100%; border-radius:9px; background:var(--limao)}
.fone-meta b{font-weight:600; font-size:10px; color:var(--limao)}
.fone-selo{width:24px; height:24px; border-radius:50%; flex:none;
  background:linear-gradient(150deg,#fdfdfe,#dfe3e8 28%,#aeb6bf 56%,#e6e9ed 80%,#c2c9d0);
  box-shadow:inset 0 1px 1px #fff, inset 0 -2px 4px rgba(40,46,56,.3)}
.fone-nav{margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:4px; padding:6px; border-radius:999px;
  background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); color:#9EA4AE; font-size:11px}
.fone-nav span{display:grid; place-items:center; min-width:30px; height:30px; border-radius:999px}
.fone-nav .ativo{padding:0 12px; background:var(--limao); color:#17191E; font-weight:600; font-size:10px}
.fone-nav .mais{background:#F2F4F7; color:#17191E; font-size:14px}
.fone-selo-breve{position:absolute; left:50%; bottom:-1.2rem; translate:-50% 0; padding:.55rem 1rem; border-radius:999px; rotate:-6deg;
  font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  background:var(--grafite); color:#F2F4F7; box-shadow:0 14px 30px -14px rgba(20,22,28,.7); white-space:nowrap}
.fone-selo-breve::before{content:""; display:inline-block; width:7px; height:7px; margin-right:.55rem; border-radius:50%;
  background:var(--limao); box-shadow:0 0 8px rgba(198,239,78,.9); vertical-align:1px}
@media (max-width:900px){
  .celular-grade{grid-template-columns:1fr}
  .celular-palco{order:-1}
}
@media (max-width:560px){
  .aviso-form{flex-direction:column; border-radius:24px; padding:.5rem}
  .aviso-form input[type=email]{min-height:48px}
}

/* ═════════ Cofre Plus: a página /plus e a chamada na home ═════════ */
.plus-hero{padding-bottom:clamp(3.5rem,8vw,6rem)}
.plus-retorno{display:flex; gap:1rem; align-items:flex-start; max-width:620px; margin:0 auto 2.2rem; padding:1.15rem 1.35rem;
  text-align:left; border-radius:24px; color:#F2F4F7; outline:none;
  background:radial-gradient(120% 90% at 100% 0%,rgba(198,239,78,.22),transparent 60%),var(--grafite-cartao);
  box-shadow:0 30px 60px -30px rgba(20,22,28,.7), inset 0 0 0 1px rgba(198,239,78,.35)}
.plus-retorno p{margin:0; color:#C9CDD3; font-size:.97rem}
.plus-retorno strong{color:#F2F4F7}
.plus-retorno .plus-retorno-titulo{margin:0 0 .3rem; color:#F2F4F7; font-family:var(--display); font-size:1.2rem; font-weight:500}
.plus-retorno-selo{flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:999px;
  background:var(--limao); color:#17191E; font-weight:700; box-shadow:0 0 0 5px rgba(198,239,78,.18)}

.plus-nota{margin:1.8rem 0 0; color:var(--suave); font-size:.95rem; max-width:70ch}
.plus-nota.centro{margin-inline:auto}
.plus-nota a,.plus-brinde-agora a,.detalhe p a{color:var(--oliva)}
.plus-codigo{margin-top:clamp(2rem,4vw,2.8rem); max-width:820px}
.plus-codigo h3{margin-top:0}

.planos{display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:920px; margin:clamp(2.5rem,5vw,3.5rem) auto 0; text-align:left}
.planos .cartao-preco{margin:0; max-width:none; display:flex; flex-direction:column}
.planos .preco-num small{font-family:var(--texto); font-size:.24em; font-weight:500; letter-spacing:0; color:var(--suave); margin-left:.25em}
.planos .cartao-preco ul{margin:1.4rem 0}
.papel .plano-anual{box-shadow:0 40px 90px -50px rgba(20,22,28,.45), inset 0 0 0 2px var(--limao)}
.plus-economia{margin:.9rem 0 0; padding:.7rem .95rem; border-radius:16px; font-size:.9rem; color:var(--suave); background:rgba(198,239,78,.22)}
.plus-economia strong{color:var(--tinta)}
.plus-como{margin:auto 0 0; padding-top:1rem; border-top:1px solid var(--linha); color:var(--fraca); font-size:.88rem}

.plus-assinar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.2rem 2rem; max-width:920px;
  margin:18px auto 0; padding:clamp(1.4rem,3vw,2rem); text-align:left; border-radius:24px; background:#FFFFFF; box-shadow:var(--sombra)}
.plus-assinar > div:first-child{flex:1 1 380px}
.plus-assinar p{margin:.55rem 0 0; color:var(--suave); font-size:.97rem}
.plus-assinar p strong{color:var(--tinta)}
.plus-assinar .acoes{margin:0}

.plus-brinde{margin-top:0}
.plus-brinde h3{max-width:26ch; margin-inline:auto}
.plus-brinde .olho{color:var(--suave)}
.plus-brinde .intro strong{color:var(--tinta)}
.plus-brinde-agora{margin:1.4rem auto 0; max-width:56ch; padding:.75rem 1rem; border-radius:16px; font-size:.92rem;
  color:#C9CDD3; background:rgba(198,239,78,.1); box-shadow:inset 0 0 0 1px rgba(198,239,78,.25)}
.papel .plus-brinde-agora a{color:var(--limao)}

/* chamada na home */
.papel .plus-chamada{background:var(--canvas)}
.plus-grade{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,6vw,5rem); align-items:center}
.plus-cartao{--tinta:#F2F4F7; --suave:#9EA4AE; --linha:rgba(255,255,255,.08);
  padding:clamp(1.6rem,3vw,2.2rem); border-radius:28px; color:var(--tinta);
  background:radial-gradient(120% 80% at 100% 0%,rgba(198,239,78,.18),transparent 55%),var(--grafite-cartao);
  box-shadow:0 40px 70px -40px rgba(20,22,28,.7)}
.plus-cartao .rotulo-preco{color:var(--suave)}
.plus-cartao-precos{display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:1rem 0 0; border-radius:18px; overflow:hidden; background:var(--linha)}
.plus-cartao-precos div{padding:1rem 1.1rem; background:#24272E}
.plus-cartao-precos small{display:block; color:var(--suave); font-size:.82rem}
.plus-cartao-precos strong{display:block; margin-top:.2rem; font-family:var(--display); font-weight:300; font-size:1.7rem; letter-spacing:-.03em; color:var(--limao)}
.plus-cartao-precos em{font-style:normal; font-size:.82rem; color:var(--suave)}
.plus-cartao p{margin:1rem 0 0; color:var(--suave); font-size:.92rem}
.plus-cartao .btn{margin-top:1.4rem; width:100%}

@media (max-width:900px){
  .plus-grade{grid-template-columns:1fr}
}
@media (max-width:760px){
  .planos{grid-template-columns:1fr}
  .planos .plano-anual{order:-1}
  .plus-assinar .acoes,.plus-assinar .btn{width:100%}
}
@media (max-width:420px){
  .plus-cartao-precos{grid-template-columns:1fr}
}