/* Páginas desenhadas: Recursos (e filhas), Vindo do Time Planner, Preços e Suporte. */


.p-tela{margin-top:52px}
.p-topo.centro .h1-centro,.h1-centro{margin-left:auto;margin-right:auto;text-align:center}
.lead-centro{margin-left:auto!important;margin-right:auto!important;text-align:center}
.trilha-centro{justify-content:center}
.ctas-centro{justify-content:center}
.centro-bloco{text-align:center;margin-left:auto;margin-right:auto}

.blocos{margin-top:40px}
.bloco h3,.bloco h2{font-size:21px;margin-top:20px}
.bloco p{color:var(--texto-2);margin-top:8px;font-size:15px}
.bloco .pequeno{font-size:14px;color:var(--texto-3)}
.cartao.link{transition:border-color .15s,background-color .15s}
.cartao.link:hover{border-color:#4a4a4a;background:var(--superficie-2)}

.destaque .lista-ok{margin-top:22px}
.destaque .sub{max-width:none}

.outros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.outros a{display:flex;flex-direction:column;gap:4px;font-family:var(--titulo);font-size:24px;font-weight:700;letter-spacing:-.02em}
.outros a small{font-family:var(--corpo);font-size:13px;font-weight:500;color:var(--texto-3);letter-spacing:0}
.outros a:hover{border-color:#4a4a4a}

.faixa-tp{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px 44px;border-radius:24px;border:1px solid var(--linha);background:linear-gradient(120deg,rgba(0,109,111,.25),rgba(9,170,100,.06) 60%),var(--superficie)}
.faixa-tp h2{font-size:30px;margin-top:8px}
.faixa-tp p:not(.sobre){color:var(--texto-2);margin-top:8px}

.aviso-topo{display:flex;gap:12px;align-items:flex-start;max-width:760px;margin-top:18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(76,254,76,.25);background:rgba(9,170,100,.08);font-size:15px;color:var(--texto-2)}
.aviso-topo svg{width:20px;height:20px;flex:none;color:var(--neon);margin-top:2px}
.cartao.aviso{border-color:rgba(242,181,68,.35);background:linear-gradient(180deg,rgba(242,181,68,.07),transparent 60%),var(--superficie)}
.ic-alerta{background:rgba(242,181,68,.12);border-color:rgba(242,181,68,.35);color:#F5C76B}
.cartao h3{font-size:21px;margin-top:20px}
.cartao>p{color:var(--texto-2);margin-top:8px;font-size:15px}
.mais-leitura{margin-top:28px;color:var(--texto-2)}
.mais-leitura a{color:var(--neon);text-decoration:underline;text-underline-offset:3px}

.sec-precos{padding-top:24px}
.sec-precos .precos{margin-top:0}
.tabela-planos{max-width:860px;margin:36px auto 0;overflow-x:auto;border:1px solid var(--linha);border-radius:18px;background:var(--superficie)}
.tabela-planos table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.tabela-planos th,.tabela-planos td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--linha-suave);vertical-align:middle}
.tabela-planos thead th{font-size:14px;color:var(--texto-3);font-weight:600}
.tabela-planos tbody th{font-weight:500;color:var(--texto)}
.tabela-planos td{color:var(--texto-2);white-space:nowrap}
.tabela-planos tfoot th,.tabela-planos tfoot td{border-bottom:0;font-weight:600;color:var(--texto);background:#151515}
.tabela-planos .selo{margin-left:6px;vertical-align:1px}

@media (max-width:980px){
  .faixa-tp{flex-direction:column;align-items:flex-start;padding:30px 26px}
  .outros{grid-template-columns:1fr}
}
@media (max-width:640px){
  .p-tela{margin-top:36px}
  .faixa-tp h2{font-size:24px}
  .faixa-tp .btn{width:100%}
  .tabela-planos table{min-width:0;font-size:14px}
  .tabela-planos th,.tabela-planos td{padding:12px 10px}
  .tabela-planos td{white-space:normal}
  .tabela-planos tfoot td{font-size:13px}
}