/* ========================================================================== Painel do Corretor — Imóveis Elegantes App próprio (fora do wp-admin), nas mesmas cores/fontes do site público. As variáveis --imv-cor-* / --imv-fonte-* são injetadas via Imv_Customizer::generate_css_vars() logo antes deste arquivo, no do painel — então qualquer ajuste feito no Personalizar do site (cores, fontes) já reflete aqui automaticamente. ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } html.imv-painel-html, body.imv-painel-body { margin: 0; padding: 0; background: var(--imv-cor-cinza-claro, #F7F7F7); color: var(--imv-cor-primaria, #1A1A1A); font-family: var(--imv-fonte-corpo, 'Montserrat', sans-serif); font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; } .imv-p a { color: inherit; } .imv-p h1, .imv-p h2, .imv-p h3 { font-family: var(--imv-fonte-titulos, 'Playfair Display', serif); font-weight: 600; margin: 0 0 6px; letter-spacing: -.01em; } .imv-p img { max-width: 100%; display: block; } .imv-p button { font-family: inherit; } /* ---------- Tela de login ---------- */ .imv-p-login { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; background: radial-gradient(circle at 15% 20%, rgba(201,152,99,.10), transparent 45%), radial-gradient(circle at 85% 85%, rgba(201,152,99,.08), transparent 45%), var(--imv-cor-primaria, #1A1A1A); } .imv-p-login__card { width: 100%; max-width: 380px; background: var(--imv-cor-branco, #fff); border-radius: 18px; padding: 40px 36px 34px; box-shadow: 0 24px 60px rgba(0,0,0,.35); } .imv-p-login__marca { text-align: center; margin-bottom: 28px; } .imv-p-login__marca img { max-height: 56px; margin: 0 auto 14px; } .imv-p-login__marca strong { display: block; font-family: var(--imv-fonte-titulos); font-size: 20px; } .imv-p-login__marca span { display: block; margin-top: 2px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--imv-cor-destaque, #C99863); } .imv-p-login__erro { background: #FBEAEA; color: #A23B3B; border: 1px solid #F0C6C6; border-radius: 10px; padding: 10px 14px; font-size: 13.5px; margin-bottom: 18px; } .imv-p-field { margin-bottom: 16px; } .imv-p-field label { display: block; font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--imv-cor-texto, #555); margin-bottom: 6px; } .imv-p-field input[type=text], .imv-p-field input[type=email], .imv-p-field input[type=password], .imv-p-field input[type=number], .imv-p-field input[type=url], .imv-p-field select, .imv-p-field textarea { width: 100%; border: 1.5px solid var(--imv-cor-linha, #E8E6E2); border-radius: 10px; padding: 11px 13px; font-size: 14.5px; font-family: inherit; color: var(--imv-cor-primaria); background: #fff; transition: border-color .15s ease; } .imv-p-field input:focus, .imv-p-field select:focus, .imv-p-field textarea:focus { outline: none; border-color: var(--imv-cor-destaque, #C99863); box-shadow: 0 0 0 3px rgba(201,152,99,.18); } .imv-p-btn:focus-visible, .imv-p-nav a:focus-visible, .imv-p-icon-btn:focus-visible, .imv-p-check input:focus-visible { outline: 2px solid var(--imv-cor-destaque, #C99863); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .imv-p * { transition-duration: .001ms !important; animation-duration: .001ms !important; } } .imv-p-field textarea { resize: vertical; min-height: 90px; } .imv-p-field small { display: block; margin-top: 6px; font-size: 12px; color: var(--imv-cor-texto); opacity: .8; } .imv-p-check { display: flex; align-items: center; gap: 8px; font-size: 14px; } .imv-p-check input { width: 16px; height: 16px; accent-color: var(--imv-cor-destaque); } .imv-p-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: none; cursor: pointer; text-decoration: none; border-radius: 999px; padding: 12px 22px; font-size: 13.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease; } .imv-p-btn:active { transform: translateY(1px); } .imv-p-btn--primario { background: var(--imv-cor-primaria); color: #fff; } .imv-p-btn--primario:hover { box-shadow: 0 8px 20px rgba(0,0,0,.18); } .imv-p-btn--ouro { background: var(--imv-cor-destaque, #C99863); color: #fff; } .imv-p-btn--ouro:hover { box-shadow: 0 8px 20px rgba(201,152,99,.35); } .imv-p-btn--fantasma { background: transparent; color: var(--imv-cor-primaria); border: 1.5px solid var(--imv-cor-linha); } .imv-p-btn--fantasma:hover { border-color: var(--imv-cor-primaria); } .imv-p-btn--perigo { background: #FBEAEA; color: #A23B3B; } .imv-p-btn--perigo:hover { background: #F5D9D9; } .imv-p-btn--bloco { width: 100%; } .imv-p-btn[disabled] { opacity: .55; cursor: not-allowed; } /* ---------- Estrutura geral (sidebar + topo + conteúdo) ---------- */ .imv-p-app { display: flex; min-height: 100vh; } .imv-p-sidebar { width: 258px; flex: 0 0 258px; background: var(--imv-cor-primaria, #1A1A1A); color: #fff; padding: 26px 20px; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; } .imv-p-sidebar__marca { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; padding: 0 4px; } .imv-p-sidebar__marca img { max-height: 34px; width: auto; } .imv-p-sidebar__marca span { font-family: var(--imv-fonte-titulos); font-size: 16px; line-height: 1.2; } .imv-p-nav { list-style: none; margin: 0; padding: 0; flex: 1; } .imv-p-nav li { margin-bottom: 2px; } .imv-p-nav a { display: flex; align-items: center; gap: 11px; padding: 11px 14px; border-radius: 10px; color: rgba(255,255,255,.68); text-decoration: none; font-size: 14px; font-weight: 500; transition: background .15s ease, color .15s ease; } .imv-p-nav a:hover { background: rgba(255,255,255,.06); color: #fff; } .imv-p-nav a.is-ativo { background: var(--imv-cor-destaque, #C99863); color: #fff; } .imv-p-nav svg { width: 18px; height: 18px; flex: 0 0 auto; opacity: .9; } .imv-p-nav__divisor { height: 1px; background: rgba(255,255,255,.12); margin: 14px 4px; } .imv-p-sidebar__rodape { border-top: 1px solid rgba(255,255,255,.12); padding-top: 16px; margin-top: 16px; } .imv-p-sidebar__usuario { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .imv-p-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--imv-cor-destaque); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex: 0 0 auto; text-transform: uppercase; } .imv-p-sidebar__usuario div strong { display: block; font-size: 13.5px; color: #fff; } .imv-p-sidebar__usuario div span { display: block; font-size: 11.5px; color: rgba(255,255,255,.55); } .imv-p-sidebar__sair { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.55); text-decoration: none; font-size: 13px; } .imv-p-sidebar__sair:hover { color: #fff; } .imv-p-topbar { display: none; /* só aparece no mobile */ align-items: center; justify-content: space-between; background: var(--imv-cor-branco); border-bottom: 1px solid var(--imv-cor-linha); padding: 14px 18px; position: sticky; top: 0; z-index: 20; } .imv-p-topbar__marca { display: flex; align-items: center; gap: 8px; font-family: var(--imv-fonte-titulos); font-size: 15px; } .imv-p-topbar__marca img { max-height: 26px; } .imv-p-hamburguer { background: none; border: none; cursor: pointer; padding: 6px; } .imv-p-hamburguer span { display: block; width: 22px; height: 2px; background: var(--imv-cor-primaria); margin: 4px 0; border-radius: 2px; } .imv-p-main { flex: 1; min-width: 0; padding: 38px 44px 60px; } .imv-p-cabecalho { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 26px; } .imv-p-cabecalho h1 { font-size: 27px; } .imv-p-cabecalho p { margin: 4px 0 0; color: var(--imv-cor-texto); font-size: 14px; } .imv-p-flash { border-radius: 12px; padding: 13px 18px; font-size: 14px; margin-bottom: 22px; } .imv-p-flash--sucesso { background: #EAF6EE; color: #2C6E3F; border: 1px solid #CDEAD6; } .imv-p-flash--erro { background: #FBEAEA; color: #A23B3B; border: 1px solid #F0C6C6; } /* ---------- Cards / painel branco genérico ---------- */ .imv-p-card { background: var(--imv-cor-branco); border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,.05); padding: 26px 28px; margin-bottom: 22px; } .imv-p-card h2 { font-size: 17px; } .imv-p-card > p.imv-p-card__intro { color: var(--imv-cor-texto); font-size: 13.5px; margin: 0 0 18px; } /* ---------- KPIs rápidos no topo da listagem ---------- */ .imv-p-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-bottom: 26px; } .imv-p-kpi { background: var(--imv-cor-branco); border-radius: 14px; padding: 18px 20px; box-shadow: 0 4px 20px rgba(0,0,0,.05); } .imv-p-kpi strong { display: block; font-family: var(--imv-fonte-titulos); font-size: 26px; } .imv-p-kpi span { font-size: 12.5px; color: var(--imv-cor-texto); text-transform: uppercase; letter-spacing: .05em; } /* ---------- Tabela de imóveis ---------- */ .imv-p-tabela-wrap { background: var(--imv-cor-branco); border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,.05); overflow: hidden; } .imv-p-tabela { width: 100%; border-collapse: collapse; } .imv-p-tabela th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--imv-cor-texto); padding: 14px 18px; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-tabela td { padding: 12px 18px; border-bottom: 1px solid var(--imv-cor-linha); font-size: 14px; vertical-align: middle; } .imv-p-tabela tr:last-child td { border-bottom: none; } .imv-p-tabela__foto { width: 58px; height: 46px; border-radius: 8px; object-fit: cover; background: var(--imv-cor-cinza-claro); } .imv-p-tabela__titulo { font-weight: 600; } .imv-p-tabela__titulo span { display: block; font-weight: 400; font-size: 12px; color: var(--imv-cor-texto); margin-top: 2px; } .imv-p-tabela__acoes { display: flex; gap: 8px; justify-content: flex-end; white-space: nowrap; } .imv-p-icon-btn { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border: 1.5px solid var(--imv-cor-linha); color: var(--imv-cor-primaria); text-decoration: none; background: #fff; cursor: pointer; } .imv-p-icon-btn:hover { border-color: var(--imv-cor-primaria); } .imv-p-icon-btn--perigo:hover { border-color: #A23B3B; color: #A23B3B; } .imv-p-icon-btn svg { width: 15px; height: 15px; } .imv-p-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .imv-p-pill--publicado { background: #EAF6EE; color: #2C6E3F; } .imv-p-pill--pendente { background: #FBF2E3; color: #9C6B10; } .imv-p-pill--rascunho { background: #F0F0F0; color: #666; } .imv-p-pill--rejeitado { background: #FBEAEA; color: #A23B3B; } /* ---------- Ranking (Agenda de Visitas: imóveis mais visitados) ---------- */ .imv-p-ranking { display: flex; flex-direction: column; gap: 10px; } .imv-p-ranking__item { display: grid; grid-template-columns: 26px minmax(0,1.4fr) minmax(0,1fr) auto; align-items: center; gap: 14px; text-decoration: none; color: var(--imv-cor-primaria); padding: 8px 10px; border-radius: 10px; transition: background .15s ease; } .imv-p-ranking__item:hover { background: var(--imv-cor-cinza-claro, #F7F7F7); } .imv-p-ranking__pos { width: 26px; height: 26px; border-radius: 50%; background: var(--imv-cor-cinza-claro, #F0F0F0); color: var(--imv-cor-texto); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .imv-p-ranking__item:nth-child(1) .imv-p-ranking__pos { background: var(--imv-cor-destaque); color: #fff; } .imv-p-ranking__nome { font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-ranking__barra { height: 8px; border-radius: 999px; background: var(--imv-cor-cinza-claro, #F0F0F0); overflow: hidden; } .imv-p-ranking__barra span { display: block; height: 100%; background: var(--imv-cor-destaque); border-radius: 999px; } .imv-p-ranking__qtd { font-size: 12.5px; color: var(--imv-cor-texto); white-space: nowrap; } @media (max-width: 640px) { .imv-p-ranking__item { grid-template-columns: 22px 1fr auto; } .imv-p-ranking__barra { display: none; } } .imv-p-vazio { text-align: center; padding: 70px 20px; color: var(--imv-cor-texto); } .imv-p-vazio svg { width: 44px; height: 44px; margin: 0 auto 14px; opacity: .35; } /* ---------- Formulário de imóvel ---------- */ .imv-p-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .imv-p-form-grid--2 { grid-template-columns: repeat(2, 1fr); } .imv-p-field--full { grid-column: 1 / -1; } .imv-p-checklist { max-height: 230px; overflow-y: auto; border: 1.5px solid var(--imv-cor-linha); border-radius: 10px; padding: 12px 14px; } .imv-p-checklist ul { list-style: none; margin: 0; padding-left: 18px; } .imv-p-checklist > ul { padding-left: 0; } .imv-p-checklist li { margin: 3px 0; } .imv-p-checklist label { display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 400; text-transform: none; letter-spacing: 0; cursor: pointer; } .imv-p-checklist input { width: 15px; height: 15px; accent-color: var(--imv-cor-destaque); } .imv-p-galeria-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 12px; margin-bottom: 16px; } .imv-p-galeria-item { position: relative; border-radius: 10px; overflow: hidden; border: 1.5px solid var(--imv-cor-linha); } .imv-p-galeria-item img { width: 100%; height: 92px; object-fit: cover; } .imv-p-galeria-item__capa { position: absolute; top: 6px; left: 6px; background: var(--imv-cor-destaque); color: #fff; font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 3px 7px; border-radius: 999px; } .imv-p-galeria-item__rodape { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.55); padding: 5px 7px; display: flex; align-items: center; justify-content: space-between; gap: 6px; } .imv-p-galeria-item__rodape label { display: flex; align-items: center; gap: 4px; color: #fff; font-size: 10px; cursor: pointer; } .imv-p-galeria-item__rodape input[type=checkbox] { width: 13px; height: 13px; } .imv-p-galeria-item__rodape .imv-p-radio-capa { display: flex; align-items: center; gap: 3px; color: #fff; font-size: 10px; cursor: pointer; } .imv-p-upload { border: 1.5px dashed var(--imv-cor-linha); border-radius: 12px; padding: 26px; text-align: center; cursor: pointer; transition: border-color .15s ease, background .15s ease; position: relative; } .imv-p-upload:hover { border-color: var(--imv-cor-destaque); background: var(--imv-cor-cinza-claro); } .imv-p-upload input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .imv-p-upload svg { width: 26px; height: 26px; margin: 0 auto 8px; opacity: .5; } .imv-p-upload strong { font-size: 13.5px; } .imv-p-upload small { display: block; margin-top: 4px; color: var(--imv-cor-texto); font-size: 12px; } #imv-p-preview-novas { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; margin-top: 14px; } #imv-p-preview-novas img { width: 100%; height: 70px; object-fit: cover; border-radius: 8px; } .imv-p-form-rodape { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 6px; flex-wrap: wrap; } .imv-p-form-rodape__esquerda { display: flex; gap: 10px; } .imv-p-aviso { background: var(--imv-cor-cinza-claro); border-left: 3px solid var(--imv-cor-destaque); border-radius: 0 10px 10px 0; padding: 12px 16px; font-size: 13px; color: var(--imv-cor-texto); margin-bottom: 20px; } /* ---------- Usuários ---------- */ .imv-p-usuario-linha { display: flex; align-items: center; gap: 12px; } .imv-p-usuario-linha div span { display: block; font-size: 12px; color: var(--imv-cor-texto); } .imv-p-badge-papel { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px; border-radius: 999px; background: var(--imv-cor-cinza-claro); color: var(--imv-cor-primaria); font-weight: 600; } .imv-p-senha-gerada { display: flex; gap: 8px; align-items: stretch; } .imv-p-senha-gerada input { flex: 1; font-family: monospace; letter-spacing: .04em; } /* ---------- Modal de confirmação (excluir) ---------- */ .imv-p-modal-fundo { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 100; align-items: center; justify-content: center; padding: 20px; } .imv-p-modal-fundo.is-aberto { display: flex; } .imv-p-modal { background: #fff; border-radius: 16px; padding: 28px; max-width: 380px; width: 100%; text-align: center; } .imv-p-modal svg { width: 34px; height: 34px; color: #A23B3B; margin: 0 auto 12px; } .imv-p-modal h3 { font-size: 17px; margin-bottom: 8px; } .imv-p-modal p { font-size: 13.5px; color: var(--imv-cor-texto); margin: 0 0 20px; } .imv-p-modal__acoes { display: flex; gap: 10px; } .imv-p-modal__acoes .imv-p-btn { flex: 1; } @media (max-width: 980px) { .imv-p-sidebar { position: fixed; left: 0; top: 0; z-index: 30; transform: translateX(-100%); transition: transform .25s ease; box-shadow: 20px 0 60px rgba(0,0,0,.25); } .imv-p-sidebar.is-aberta { transform: translateX(0); } .imv-p-topbar { display: flex; } .imv-p-main { padding: 26px 18px 50px; } .imv-p-form-grid, .imv-p-form-grid--2 { grid-template-columns: 1fr; } .imv-p-tabela thead { display: none; } .imv-p-tabela, .imv-p-tabela tbody, .imv-p-tabela tr, .imv-p-tabela td { display: block; width: 100%; } .imv-p-tabela tr { padding: 14px 16px; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-tabela td { border-bottom: none; padding: 3px 0; } .imv-p-tabela__acoes { justify-content: flex-start; margin-top: 10px; } .imv-p-cabecalho h1 { font-size: 22px; } } .imv-p-overlay-mobile { display: none; } @media (max-width: 980px) { .imv-p-overlay-mobile.is-aberto { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 25; } } /* ========================================================================== Avaliação Comparativa de Mercado ========================================================================== */ .no-print { } .only-print { display: none; } .imv-p-aval-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 22px; } .imv-p-aval-toolbar .imv-p-btn { padding: 9px 16px; font-size: 12.5px; text-transform: none; letter-spacing: 0; } #statusText { font-size: 12px; color: var(--imv-cor-texto); margin-left: auto; } .imv-p-aval-layout { display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 1080px) { .imv-p-aval-layout { grid-template-columns: 250px 1fr; align-items: start; } } .imv-p-aval-sidebar { position: sticky; top: 20px; } .imv-p-aval-sidebar h3 { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--imv-cor-texto); margin: 0 0 10px; } .imv-p-aval-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; padding: 9px 10px; border-radius: 10px; cursor: pointer; border: 1px solid transparent; margin-bottom: 3px; } .imv-p-aval-item:hover { background: var(--imv-cor-cinza-claro); } .imv-p-aval-item.is-ativo { background: var(--imv-cor-cinza-claro); border-color: var(--imv-cor-destaque); } .imv-p-aval-item .info { min-width: 0; flex: 1; } .imv-p-aval-item .nome { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-aval-item .meta { font-size: 11px; color: var(--imv-cor-texto); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-aval-del { background: none; border: none; color: var(--imv-cor-texto); cursor: pointer; font-size: 14px; padding: 2px 4px; opacity: .6; } .imv-p-aval-del:hover { opacity: 1; color: #A23B3B; } .imv-p-aval-vazio-lista { color: var(--imv-cor-texto); font-size: 12.5px; padding: 8px; } .imv-p-aval-tabela-wrap { overflow-x: auto; margin: 0 -4px; } .imv-p-aval-tabela { width: 100%; border-collapse: collapse; min-width: 760px; } .imv-p-aval-tabela thead th { text-align: left; font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--imv-cor-texto); font-weight: 700; padding: 0 8px 8px; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-aval-tabela tbody td { padding: 5px 6px; border-bottom: 1px solid var(--imv-cor-cinza-claro); vertical-align: middle; } .imv-p-aval-tabela tbody tr:last-child td { border-bottom: none; } .imv-p-aval-tabela input, .imv-p-aval-tabela select { width: 100%; font-family: inherit; font-size: 13px; color: var(--imv-cor-primaria); padding: 7px 8px; border: 1px solid var(--imv-cor-linha); border-radius: 8px; background: var(--imv-cor-cinza-claro); } .imv-p-aval-tabela input:focus, .imv-p-aval-tabela select:focus { outline: none; border-color: var(--imv-cor-destaque); background: #fff; } .imv-p-aval-tabela td.ratio-cell { font-weight: 700; white-space: nowrap; color: var(--imv-cor-destaque); font-size: 13px; } .imv-p-aval-tabela .link-btn { background: none; border: 1px solid var(--imv-cor-linha); border-radius: 8px; padding: 6px 10px; font-size: 12px; cursor: pointer; color: var(--imv-cor-texto); } .imv-p-aval-tabela .link-btn:hover { border-color: var(--imv-cor-destaque); color: var(--imv-cor-destaque); } .imv-p-aval-tabela .row-del { background: none; border: none; color: var(--imv-cor-texto); font-size: 17px; cursor: pointer; padding: 2px 6px; opacity: .6; } .imv-p-aval-tabela .row-del:hover { opacity: 1; color: #A23B3B; } .imv-p-aval-vazio-linha { color: var(--imv-cor-texto); font-size: 12.5px; padding: 10px 8px !important; } .imv-p-aval-dica { background: var(--imv-cor-cinza-claro); border: 1px solid var(--imv-cor-linha); border-radius: 12px; padding: 13px 16px; margin-bottom: 20px; font-size: 13px; } .imv-p-aval-dica summary { cursor: pointer; font-weight: 600; color: var(--imv-cor-destaque); list-style: none; } .imv-p-aval-dica summary::-webkit-details-marker { display: none; } .imv-p-aval-dica p { margin: 10px 0 0; color: var(--imv-cor-texto); line-height: 1.6; } .imv-p-aval-bairro-table td, .imv-p-aval-bairro-table th { padding: 8px 10px; } .imv-p-aval-stat-row { display: flex; flex-wrap: wrap; gap: 22px; margin-bottom: 20px; } .imv-p-aval-stat { font-size: 12.5px; color: var(--imv-cor-texto); } .imv-p-aval-stat b { display: block; font-size: 16px; color: var(--imv-cor-primaria); font-weight: 700; margin-top: 2px; } .imv-p-aval-ladder { border-top: 1px solid var(--imv-cor-linha); padding-top: 16px; } .imv-p-aval-ladder-row { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; border-bottom: 1px dashed var(--imv-cor-linha); } .imv-p-aval-ladder-row:last-child { border-bottom: none; } .imv-p-aval-ladder-label { font-size: 12.5px; color: var(--imv-cor-texto); } .imv-p-aval-ladder-label .pct { color: var(--imv-cor-destaque); font-weight: 600; } .imv-p-aval-ladder-val { font-weight: 600; font-size: 14.5px; color: var(--imv-cor-primaria); text-align: right; } .imv-p-aval-ladder-val small { display: block; font-weight: 400; color: var(--imv-cor-texto); font-size: 11.5px; } .imv-p-aval-final { margin-top: 10px; padding: 20px 22px; background: var(--imv-cor-cinza-claro); border: 1px solid var(--imv-cor-destaque); border-radius: 14px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } .imv-p-aval-final-label { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--imv-cor-destaque); font-weight: 700; } .imv-p-aval-final-price { font-family: var(--imv-fonte-titulos); font-weight: 700; font-size: clamp(24px,3.4vw,32px); color: var(--imv-cor-primaria); } .imv-p-aval-final-sub { font-size: 12px; color: var(--imv-cor-texto); } .imv-p-aval-adj-row { display: flex; gap: 18px; margin-top: 16px; flex-wrap: wrap; align-items: flex-end; } .imv-p-aval-adj-field { width: 180px; } .imv-p-aval-input-pct { position: relative; } .imv-p-aval-input-pct input { padding-right: 26px; } .imv-p-aval-input-pct span { position: absolute; right: 10px; top: 10px; color: var(--imv-cor-texto); font-size: 13px; } .imv-p-aval-print-header, .imv-p-aval-print-footer { display: none; } /* -------- impressão / "Exportar PDF" (via diálogo de impressão do navegador) -------- */ @media print { body * { visibility: hidden; } .imv-p-aval-area, .imv-p-aval-area * { visibility: visible; } .imv-p-aval-area { position: absolute; left: 0; top: 0; width: 100%; } .imv-p-sidebar, .imv-p-topbar, .imv-p-aval-sidebar, .imv-p-aval-toolbar, .imv-p-aval-dica, .imv-p-aval-adj-row, .no-print { display: none !important; } .imv-p-aval-layout { display: block; } .imv-p-main { padding: 0; } .imv-p-card { box-shadow: none; border: 1px solid #ccc; break-inside: avoid; border-radius: 0; } .imv-p-aval-tabela input, .imv-p-aval-tabela select { border: none; background: transparent; padding: 2px 0; } .only-print { display: block; } .imv-p-aval-tabela td.only-print { display: table-cell; } .imv-p-aval-link-print { color: var(--imv-cor-destaque); text-decoration: underline; font-size: 12px; } .imv-p-aval-final { background: #fff; border: 1px solid var(--imv-cor-destaque); } .imv-p-aval-print-header { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 2px solid var(--imv-cor-destaque); } .imv-p-aval-print-header img { max-height: 46px; } .imv-p-aval-print-header .nome-imob { font-family: var(--imv-fonte-titulos); font-size: 18px; } .imv-p-aval-print-header .titulo-doc { margin-left: auto; text-align: right; font-size: 12px; color: var(--imv-cor-texto); } .imv-p-aval-print-header .titulo-doc strong { display: block; font-size: 15px; color: var(--imv-cor-primaria); } .imv-p-aval-print-footer { display: block; margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--imv-cor-linha); font-size: 11.5px; color: var(--imv-cor-texto); text-align: center; line-height: 1.7; } } /* ========================================================================== Central de Certidões ========================================================================== */ .imv-p-cert-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 22px; } .imv-p-cert-toolbar select { flex: 1; min-width: 220px; border: 1.5px solid var(--imv-cor-linha); border-radius: 10px; padding: 10px 12px; font-size: 13.5px; background: #fff; color: var(--imv-cor-primaria); } .imv-p-cert-toolbar .imv-p-btn { padding: 9px 16px; font-size: 12.5px; text-transform: none; letter-spacing: 0; } .imv-p-cert-owner-block { border: 1px dashed var(--imv-cor-linha); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; background: var(--imv-cor-cinza-claro); } .imv-p-cert-owner-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .imv-p-cert-owner-head .tag { font-size: 11px; font-weight: 700; color: var(--imv-cor-destaque); text-transform: uppercase; letter-spacing: .05em; } .imv-p-cert-remove-owner { background: none; border: none; color: #A23B3B; font-size: 12px; cursor: pointer; font-weight: 600; } .imv-p-cert-city-toggle { display: flex; gap: 8px; margin-top: 4px; flex-wrap: wrap; } .imv-p-cert-city-pill { padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--imv-cor-linha); background: #fff; font-size: 12.5px; font-weight: 600; cursor: pointer; color: var(--imv-cor-texto); } .imv-p-cert-city-pill.is-ativo { background: var(--imv-cor-primaria); color: #fff; border-color: var(--imv-cor-primaria); } .imv-p-cert-progress-wrap { padding: 4px 0 18px; } .imv-p-cert-progress-bg { height: 8px; background: var(--imv-cor-cinza-claro); border-radius: 6px; overflow: hidden; } .imv-p-cert-progress-fill { height: 100%; background: linear-gradient(90deg, var(--imv-cor-destaque), #ddb37f); border-radius: 6px; transition: width .3s ease; } .imv-p-cert-progress-label { font-size: 12px; color: var(--imv-cor-texto); margin-top: 6px; display: flex; justify-content: space-between; } .imv-p-cert-item { background: #fff; border: 1px solid var(--imv-cor-linha); border-radius: 16px; margin-bottom: 16px; overflow: hidden; } .imv-p-cert-item-head { padding: 18px 20px 12px; display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; } .imv-p-cert-item-num { font-family: var(--imv-fonte-titulos); font-weight: 700; font-size: 12px; color: #fff; background: var(--imv-cor-primaria); width: 24px; height: 24px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; margin-right: 9px; flex-shrink: 0; } .imv-p-cert-item-title-row { display: flex; align-items: center; } .imv-p-cert-item-title { font-size: 15px; font-weight: 700; color: var(--imv-cor-primaria); margin: 0; font-family: var(--imv-fonte-titulos); } .imv-p-cert-item-sub { font-size: 12px; color: var(--imv-cor-texto); margin: 4px 0 0 33px; line-height: 1.5; } .imv-p-cert-note { margin: 10px 20px 4px; padding: 10px 13px; background: var(--imv-cor-cinza-claro); border-left: 3px solid var(--imv-cor-destaque); border-radius: 0 8px 8px 0; font-size: 12px; color: var(--imv-cor-texto); line-height: 1.55; } .imv-p-cert-steps { font-size: 11.5px; font-weight: 700; color: var(--imv-cor-primaria); margin-bottom: 6px; } .imv-p-cert-item-body { padding: 4px 20px 16px; } .imv-p-cert-owner-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 11px 0; border-top: 1px solid var(--imv-cor-cinza-claro); } .imv-p-cert-owner-row:first-child { border-top: none; } .imv-p-cert-owner-name { font-size: 12.5px; font-weight: 700; color: var(--imv-cor-primaria); min-width: 110px; } .imv-p-cert-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--imv-cor-cinza-claro); border-radius: 8px; padding: 5px 8px 5px 11px; font-size: 12px; color: var(--imv-cor-primaria); } .imv-p-cert-chip .lbl { color: var(--imv-cor-texto); font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; } .imv-p-cert-chip button { border: none; background: var(--imv-cor-primaria); color: #fff; border-radius: 6px; width: 20px; height: 20px; cursor: pointer; font-size: 11px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .imv-p-cert-status { margin-left: auto; border-radius: 8px; border: 1.5px solid var(--imv-cor-linha); padding: 6px 8px; font-size: 12px; font-weight: 600; } .imv-p-cert-status.st-pendente { background: var(--imv-cor-cinza-claro); color: var(--imv-cor-texto); } .imv-p-cert-status.st-solicitada { background: #FBF2E3; color: #9C6B10; } .imv-p-cert-status.st-emitida { background: #EAF6EE; color: #2C6E3F; } .imv-p-cert-requerente-block { margin: 10px 20px 0; padding: 11px 13px; background: var(--imv-cor-cinza-claro); border: 1px solid var(--imv-cor-linha); border-radius: 10px; } .imv-p-cert-requerente-label { font-size: 10px; font-weight: 700; color: var(--imv-cor-destaque); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; } .imv-p-cert-chips-row { display: flex; flex-wrap: wrap; gap: 8px; } .imv-p-cert-fixed-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 20px 14px; } .imv-p-cert-fields-form { padding: 12px 20px 18px; } .imv-p-cert-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: var(--imv-cor-primaria); color: #fff; padding: 10px 18px; border-radius: 999px; font-size: 12.5px; font-weight: 600; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; z-index: 100; } .imv-p-cert-toast.is-visivel { opacity: 1; transform: translateX(-50%) translateY(-4px); } @media (max-width: 640px) { .imv-p-cert-item-sub { margin-left: 0; } .imv-p-cert-owner-name { min-width: 100%; } } /* ========================================================================== Agenda de Conteúdo ========================================================================== */ .imv-p-pill--info { background: #E7F0FB; color: #2C5C9C; } .imv-p-kpi--urgente strong { color: #A23B3B; } .imv-p-dica { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: var(--imv-cor-branco); border: 1px solid #F0DCC0; border-left: 4px solid var(--imv-cor-destaque); border-radius: 12px; padding: 16px 18px; margin-bottom: 18px; } .imv-p-dica svg { width: 26px; height: 26px; flex-shrink: 0; color: var(--imv-cor-destaque); } .imv-p-dica > div { flex: 1; min-width: 200px; } .imv-p-dica strong { display: block; font-size: 14.5px; } .imv-p-dica span { display: block; font-size: 13px; color: var(--imv-cor-texto); margin-top: 2px; } .imv-p-checkgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px 16px; } .imv-p-checkgrid .imv-p-check { border: 1.5px solid var(--imv-cor-linha); border-radius: 10px; padding: 10px 12px; text-transform: none; letter-spacing: 0; font-weight: 400; cursor: pointer; } .imv-p-checkgrid .imv-p-check:has(input:checked) { border-color: var(--imv-cor-destaque); background: rgba(201,152,99,.08); } .imv-p-checkgrid .imv-p-check svg { flex-shrink: 0; opacity: .75; } .imv-p-icones-tipo { display: flex; gap: 6px; flex-wrap: wrap; } .imv-p-icone-tipo { display: inline-flex; color: var(--imv-cor-primaria); opacity: .8; } .imv-p-icone-plataforma { display: inline-flex; color: #C9C6C0; } .imv-p-icone-plataforma.is-postado { color: var(--imv-cor-destaque); } .imv-p-check-ok { color: #2C6E3F; font-weight: 700; } .imv-p-check-pendente { color: #9C6B10; } .imv-p-prioridade { font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; } .imv-p-prioridade--urgente { color: #A23B3B; } .imv-p-prioridade--atencao { color: #9C6B10; } .imv-p-prioridade--normal { color: var(--imv-cor-texto); } /* ========================================================================== Board Kanban de Leads ========================================================================== */ /* ---------- Leads que precisam de atenção ---------- */ .imv-p-leads-atencao__lista { display: flex; flex-direction: column; gap: 4px; } .imv-p-leads-atencao__item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; background: none; border: none; cursor: pointer; padding: 9px 8px; border-radius: 10px; font: inherit; color: var(--imv-cor-primaria); } .imv-p-leads-atencao__item:hover { background: var(--imv-cor-cinza-claro, #F7F7F7); } .imv-p-leads-atencao__item svg { width: 17px; height: 17px; flex: 0 0 auto; color: #A23B3B; } .imv-p-leads-atencao__info { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .imv-p-leads-atencao__nome { font-weight: 600; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-leads-atencao__obs { font-size: 12px; color: var(--imv-cor-texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ---------- Barra de busca + botão Filtros ---------- */ .imv-p-leads-toolbar { display: flex; gap: 12px; align-items: center; margin-bottom: 20px; flex-wrap: wrap; } .imv-p-leads-busca { flex: 1; min-width: 220px; display: flex; align-items: center; gap: 9px; background: var(--imv-cor-branco); border: 1.5px solid var(--imv-cor-linha); border-radius: 11px; padding: 10px 16px; } .imv-p-leads-busca svg { width: 17px; height: 17px; color: var(--imv-cor-texto); flex: 0 0 auto; } .imv-p-leads-busca input { border: none; outline: none; flex: 1; font-size: 14px; background: transparent; } .imv-p-leads-btn-filtros { position: relative; white-space: nowrap; } .imv-p-leads-btn-filtros__bolinha { position: absolute; top: 6px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--imv-cor-destaque); } /* ---------- Board ---------- */ .imv-p-leads-board { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 26px; scroll-snap-type: x proximity; } .imv-p-leads-col { flex: 0 0 280px; scroll-snap-align: start; background: var(--imv-cor-cinza-claro, #F7F6F4); border-radius: 14px; display: flex; flex-direction: column; max-height: 74vh; } .imv-p-leads-col__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; font-weight: 700; font-size: 13.5px; border-top: 3px solid var(--imv-cor-linha); border-radius: 14px 14px 0 0; position: sticky; top: 0; background: var(--imv-cor-cinza-claro, #F7F6F4); } .imv-p-leads-col__head b { font-weight: 700; color: var(--imv-cor-texto); font-size: 13px; } .imv-p-leads-col__head--recente { border-top-color: #8C8C8C; } .imv-p-leads-col__head--reativado { border-top-color: #9C2B2B; } .imv-p-leads-col__head--follow_up { border-top-color: #A65C11; } .imv-p-leads-col__head--ja_fez_visita { border-top-color: #1C4E80; } .imv-p-leads-col__head--comprou { border-top-color: #1E6B3A; } .imv-p-leads-col__head--alugou { border-top-color: #0F7C7C; } .imv-p-leads-col__body { flex: 1; overflow-y: auto; padding: 4px 12px 14px; display: flex; flex-direction: column; gap: 10px; } .imv-p-leads-col__vazio { font-size: 12.5px; color: var(--imv-cor-texto); opacity: .7; text-align: center; padding: 18px 6px; } /* ---------- Cartão de lead ---------- */ .imv-p-lead-card { background: var(--imv-cor-branco); border-radius: 12px; padding: 13px 14px; box-shadow: 0 2px 10px rgba(0,0,0,.05); display: flex; flex-direction: column; gap: 8px; } .imv-p-lead-card__top { display: flex; align-items: flex-start; gap: 8px; position: relative; } .imv-p-lead-card__icone { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 1px; } .imv-p-lead-card__icone svg { width: 100%; height: 100%; } .imv-p-lead-card__icone--recente { color: #8C8C8C; } .imv-p-lead-card__icone--reativado { color: #9C2B2B; } .imv-p-lead-card__icone--follow_up { color: #A65C11; } .imv-p-lead-card__icone--ja_fez_visita { color: #1C4E80; } .imv-p-lead-card__icone--comprou { color: #1E6B3A; } .imv-p-lead-card__icone--alugou { color: #0F7C7C; } .imv-p-lead-card__nome { flex: 1; text-align: left; background: none; border: none; cursor: pointer; padding: 0; font: inherit; font-weight: 700; font-size: 13.5px; color: var(--imv-cor-primaria); } .imv-p-lead-card__nome:hover { text-decoration: underline; } .imv-p-lead-card__tempo { font-size: 11px; color: var(--imv-cor-texto); opacity: .75; white-space: nowrap; flex: 0 0 auto; } .imv-p-lead-card__menu { position: relative; flex: 0 0 auto; } .imv-p-lead-card__menu-btn { background: none; border: none; cursor: pointer; padding: 2px; color: var(--imv-cor-texto); } .imv-p-lead-card__menu-btn svg { width: 15px; height: 15px; } .imv-p-lead-card__menu-lista { display: none; position: absolute; right: 0; top: 100%; z-index: 15; margin-top: 4px; background: var(--imv-cor-branco); border-radius: 10px; box-shadow: 0 8px 26px rgba(0,0,0,.15); min-width: 168px; padding: 6px; flex-direction: column; } .imv-p-lead-card__menu.is-aberto .imv-p-lead-card__menu-lista { display: flex; } .imv-p-lead-mudar-status { background: none; border: none; text-align: left; cursor: pointer; padding: 8px 10px; border-radius: 7px; font-size: 12.5px; color: var(--imv-cor-primaria); font: inherit; text-decoration: none; display: block; } .imv-p-lead-mudar-status:hover { background: var(--imv-cor-cinza-claro, #F5F5F5); } .imv-p-lead-mudar-status--editar { border-top: 1px solid var(--imv-cor-linha); margin-top: 4px; padding-top: 10px; } .imv-p-lead-mudar-status--excluir { color: #A23B3B; } .imv-p-lead-card__info { display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; color: var(--imv-cor-texto); } .imv-p-lead-card__orcamento { font-weight: 600; color: var(--imv-cor-primaria); } .imv-p-lead-card__flag { color: #A65C11; font-weight: 600; } .imv-p-lead-card__acoes { display: flex; gap: 6px; } .imv-p-lead-card__acoes .imv-p-icon-btn { width: 28px; height: 28px; } .imv-p-lead-card__acoes .imv-p-icon-btn svg { width: 13px; height: 13px; } .imv-p-lead-card__temperatura { flex: 0 0 auto; font-size: 14px; line-height: 1; margin-top: 1px; } /* ---------- Paginação por coluna ("3 recentes" + Carregar mais) ---------- */ .imv-p-lead-card--oculto { display: none; } .imv-p-leads-col__carregar-mais { margin: 0 12px 12px; padding: 9px 10px; border-radius: 10px; background: var(--imv-cor-branco); border: 1px dashed var(--imv-cor-linha); color: var(--imv-cor-primaria); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; text-align: center; } .imv-p-leads-col__carregar-mais:hover { background: var(--imv-cor-cinza-claro, #F0EEE9); border-style: solid; } /* ---------- Rodapé de Leads: funil, origem, atenção, atividade ---------- */ .imv-p-leads-footer { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; align-items: start; } .imv-p-leads-footer .imv-p-card { margin-bottom: 0; } .imv-p-ver-tudo { display: inline-block; margin-top: 12px; font-size: 12.5px; font-weight: 600; color: var(--imv-cor-destaque); text-decoration: none; } .imv-p-ver-tudo:hover { text-decoration: underline; } /* ---------- Funil de Conversão ---------- */ .imv-p-funil__linhas { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; } .imv-p-funil__linha { display: grid; grid-template-columns: 84px 1fr 72px; align-items: center; gap: 10px; } .imv-p-funil__rotulo { font-size: 12px; color: var(--imv-cor-texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-funil__trilho { height: 10px; border-radius: 999px; background: var(--imv-cor-cinza-claro, #F0F0F0); overflow: hidden; } .imv-p-funil__barra { display: block; height: 100%; border-radius: 999px; } .imv-p-funil__barra--recente { background: #8C8C8C; } .imv-p-funil__barra--reativado { background: #9C2B2B; } .imv-p-funil__barra--follow_up { background: #A65C11; } .imv-p-funil__barra--ja_fez_visita { background: #1C4E80; } .imv-p-funil__barra--comprou { background: #1E6B3A; } .imv-p-funil__barra--alugou { background: #0F7C7C; } .imv-p-funil__valor { font-size: 12.5px; font-weight: 600; color: var(--imv-cor-primaria); text-align: right; white-space: nowrap; } .imv-p-funil__valor small { font-weight: 400; color: var(--imv-cor-texto); } .imv-p-funil__taxa { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--imv-cor-linha); font-size: 13px; color: var(--imv-cor-texto); } .imv-p-funil__taxa strong { color: var(--imv-cor-destaque); font-size: 16px; } /* ---------- Leads por Origem (gráfico de rosca) ---------- */ .imv-p-donut-wrap { position: relative; width: 150px; height: 150px; margin: 6px auto 18px; } .imv-p-donut { width: 100%; height: 100%; transform: rotate(-90deg); } .imv-p-donut circle { transition: stroke-dasharray .3s ease; } .imv-p-donut-centro { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .imv-p-donut-centro strong { font-family: var(--imv-fonte-titulos); font-size: 24px; line-height: 1; } .imv-p-donut-centro span { font-size: 11px; color: var(--imv-cor-texto); text-transform: uppercase; letter-spacing: .05em; } .imv-p-donut-legenda { display: flex; flex-direction: column; gap: 8px; } .imv-p-donut-legenda__item { display: flex; align-items: center; gap: 8px; font-size: 12.5px; } .imv-p-donut-legenda__ponto { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; } .imv-p-donut-legenda__nome { flex: 1; color: var(--imv-cor-primaria); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-donut-legenda__pct { font-weight: 600; color: var(--imv-cor-primaria); white-space: nowrap; } .imv-p-donut-legenda__pct small { font-weight: 400; color: var(--imv-cor-texto); } /* ---------- Atividade Recente ---------- */ .imv-p-atividade-lista, .imv-p-atividade-lista-completa { display: flex; flex-direction: column; gap: 2px; } .imv-p-atividade-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; background: none; border: none; cursor: pointer; padding: 9px 8px; border-radius: 10px; font: inherit; color: var(--imv-cor-primaria); text-decoration: none; } button.imv-p-atividade-item { cursor: pointer; } .imv-p-atividade-item--estatica { cursor: default; } .imv-p-atividade-item:not(.imv-p-atividade-item--estatica):hover { background: var(--imv-cor-cinza-claro, #F7F7F7); } .imv-p-atividade-item__icone { flex: 0 0 auto; width: 17px; height: 17px; color: var(--imv-cor-destaque); } .imv-p-atividade-item__icone svg { width: 100%; height: 100%; } .imv-p-atividade-item__texto { flex: 1; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-atividade-item__tempo { font-size: 11px; color: var(--imv-cor-texto); opacity: .75; white-space: nowrap; flex: 0 0 auto; } .imv-p-atividade-lista-completa { max-width: 640px; } /* ---------- Drawer (painel lateral: detalhes do lead / filtros) ---------- */ .imv-p-drawer-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 90; } .imv-p-drawer-overlay.is-aberto { display: block; } .imv-p-drawer { position: fixed; top: 0; right: 0; height: 100vh; width: 400px; max-width: 92vw; background: var(--imv-cor-branco); z-index: 95; box-shadow: -20px 0 60px rgba(0,0,0,.2); transform: translateX(100%); transition: transform .25s ease; display: flex; flex-direction: column; } .imv-p-drawer.is-aberto { transform: translateX(0); } .imv-p-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 20px 22px; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-drawer__head h3 { font-size: 17px; margin: 0; } .imv-p-drawer__fechar { background: none; border: none; cursor: pointer; color: var(--imv-cor-texto); padding: 4px; } .imv-p-drawer__fechar svg { width: 18px; height: 18px; } .imv-p-drawer__body { flex: 1; overflow-y: auto; padding: 22px; } .imv-p-drawer__acoes { display: flex; gap: 10px; margin-top: 20px; } .imv-p-drawer__acoes .imv-p-btn { flex: 1; } /* ---------- Conteúdo do drawer de detalhes do lead (montado via JS) ---------- */ .imv-p-lead-drawer__pill { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 18px; } .imv-p-lead-drawer__secao { margin-bottom: 22px; } .imv-p-lead-drawer__secao h4 { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--imv-cor-texto); margin: 0 0 10px; } .imv-p-lead-drawer__linha { display: flex; align-items: center; gap: 10px; font-size: 14px; margin-bottom: 10px; color: var(--imv-cor-primaria); } .imv-p-lead-drawer__linha svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--imv-cor-texto); } .imv-p-lead-drawer__linha a { color: inherit; text-decoration: none; } .imv-p-lead-drawer__linha a:hover { text-decoration: underline; } .imv-p-lead-drawer__lista { margin: 0; padding-left: 18px; font-size: 13.5px; color: var(--imv-cor-primaria); } .imv-p-lead-drawer__lista li { margin-bottom: 4px; } .imv-p-lead-drawer__acoes { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; } @media (max-width: 640px) { .imv-p-leads-col { flex-basis: 84vw; } .imv-p-drawer { width: 100vw; max-width: 100vw; } } /* ========================================================================== Redes Sociais ========================================================================== */ .imv-p-rs-atualizado { display: inline-flex; align-items: center; gap: 6px; } .imv-p-rs-atualizado i { width: 7px; height: 7px; border-radius: 50%; background: #2C6E3F; display: inline-block; flex: 0 0 auto; } .imv-p-rs-topo { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-bottom: 22px; } .imv-p-rs-card { background: var(--imv-cor-branco); border-radius: 16px; padding: 22px 24px; box-shadow: 0 4px 20px rgba(0,0,0,.05); } .imv-p-rs-card__cabecalho { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; } .imv-p-rs-card__marca { display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 13.5px; color: var(--imv-cor-primaria); } .imv-p-rs-card__marca svg { width: 20px; height: 20px; flex: 0 0 auto; } .imv-p-rs-var { font-size: 11.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; } .imv-p-rs-var--alta { background: #EAF6EE; color: #2C6E3F; } .imv-p-rs-var--baixa { background: #FBEAEA; color: #A23B3B; } .imv-p-rs-var--neutra { background: var(--imv-cor-cinza-claro); color: var(--imv-cor-texto); } .imv-p-rs-numero { font-family: var(--imv-fonte-titulos); font-size: 32px; margin: 0 0 2px; line-height: 1.1; } .imv-p-rs-card > span, .imv-p-rs-resumo > span { font-size: 11.5px; color: var(--imv-cor-texto); text-transform: uppercase; letter-spacing: .05em; } .imv-p-rs-secundarios { display: flex; gap: 16px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--imv-cor-linha); flex-wrap: wrap; } .imv-p-rs-secundarios div strong { display: block; font-size: 15.5px; font-weight: 700; } .imv-p-rs-secundarios div span { font-size: 10.5px; color: var(--imv-cor-texto); text-transform: uppercase; letter-spacing: .04em; } .imv-p-rs-resumo { background: var(--imv-cor-primaria); color: #fff; } .imv-p-rs-resumo .imv-p-rs-card__marca { color: #fff; } .imv-p-rs-resumo .imv-p-rs-numero { color: #fff; } .imv-p-rs-resumo > span { color: rgba(255,255,255,.6); } .imv-p-rs-resumo .imv-p-rs-mini-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.15); } .imv-p-rs-mini { text-align: center; } .imv-p-rs-mini strong { display: block; font-size: 21px; font-family: var(--imv-fonte-titulos); } .imv-p-rs-mini span { font-size: 10px; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .04em; } .imv-p-rs-grid-3 { display: grid; grid-template-columns: 1.7fr 1.15fr 1fr; gap: 20px; align-items: start; margin-bottom: 4px; } @media (max-width: 1180px) { .imv-p-rs-grid-3 { grid-template-columns: 1fr; } } .imv-p-rs-chart-svg { width: 100%; height: auto; display: block; } .imv-p-rs-legenda { display: flex; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; } .imv-p-rs-legenda span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--imv-cor-texto); } .imv-p-rs-legenda i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } .imv-p-rs-conteudo-item { display: flex; gap: 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-rs-conteudo-item:last-child { border-bottom: none; } .imv-p-rs-conteudo-item__pos { width: 20px; flex: 0 0 auto; font-weight: 700; color: var(--imv-cor-texto); font-size: 13px; } .imv-p-rs-conteudo-item__corpo { flex: 1; min-width: 0; } .imv-p-rs-conteudo-item__titulo { font-weight: 600; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .imv-p-rs-conteudo-item__meta { font-size: 11.5px; color: var(--imv-cor-texto); margin-top: 3px; display: flex; align-items: center; gap: 5px; } .imv-p-rs-conteudo-item__meta svg { width: 13px; height: 13px; flex: 0 0 auto; } .imv-p-rs-conteudo-item__stats { text-align: right; font-size: 12px; color: var(--imv-cor-texto); white-space: nowrap; flex: 0 0 auto; } .imv-p-rs-conteudo-item__stats strong { display: block; font-size: 13.5px; color: var(--imv-cor-primaria); } .imv-p-rs-insight { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-rs-insight:last-child { border-bottom: none; } .imv-p-rs-insight__icone { width: 32px; height: 32px; border-radius: 9px; background: var(--imv-cor-cinza-claro); color: var(--imv-cor-destaque); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .imv-p-rs-insight__corpo strong { display: block; font-size: 13px; margin-bottom: 2px; } .imv-p-rs-insight__corpo span { font-size: 12.5px; color: var(--imv-cor-texto); line-height: 1.5; } .imv-p-rs-comentario { padding: 12px 0; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-rs-comentario:last-child { border-bottom: none; } .imv-p-rs-comentario__topo { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; } .imv-p-rs-comentario__usuario { display: flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px; } .imv-p-rs-comentario__usuario svg { width: 15px; height: 15px; flex: 0 0 auto; color: var(--imv-cor-texto); } .imv-p-rs-comentario__texto { font-size: 12.5px; color: var(--imv-cor-texto); line-height: 1.5; margin: 0; } .imv-p-rs-tarefa { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-rs-tarefa:last-child { border-bottom: none; } .imv-p-rs-tarefa__corpo strong { display: block; font-size: 13.5px; } .imv-p-rs-tarefa__corpo strong a { text-decoration: none; } .imv-p-rs-tarefa__corpo strong a:hover { text-decoration: underline; } .imv-p-rs-tarefa__corpo span { font-size: 12px; color: var(--imv-cor-texto); } .imv-p-rs-tarefa__badge { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--imv-cor-cinza-claro); display: flex; align-items: center; justify-content: center; font-size: 11.5px; font-weight: 700; flex: 0 0 auto; } .imv-p-rs-vazio { font-size: 13px; color: var(--imv-cor-texto); padding: 10px 0; margin: 0; } @media (max-width: 640px) { .imv-p-rs-mini-grid { grid-template-columns: repeat(2, 1fr); } } /* ========================================================================== Redes Sociais — reforma (cabeçalho, sub-abas, KPIs, cards por rede) ========================================================================== */ .imv-p-rs-cab-acoes { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .imv-p-rs-periodo { display: inline-flex; background: var(--imv-cor-cinza-claro, #F0EEE9); border-radius: 999px; padding: 3px; gap: 2px; } .imv-p-rs-periodo a { padding: 7px 13px; border-radius: 999px; font-size: 12.5px; font-weight: 600; color: var(--imv-cor-texto); text-decoration: none; white-space: nowrap; } .imv-p-rs-periodo a.is-ativo { background: #fff; color: var(--imv-cor-primaria); box-shadow: 0 2px 8px rgba(0,0,0,.08); } .imv-p-rs-subnav { display: flex; gap: 4px; border-bottom: 1px solid var(--imv-cor-linha); margin-bottom: 26px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .imv-p-rs-subnav a { flex: 0 0 auto; padding: 11px 15px; font-size: 13.5px; font-weight: 600; color: var(--imv-cor-texto); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; transition: color .15s ease, border-color .15s ease; } .imv-p-rs-subnav a:hover { color: var(--imv-cor-primaria); } .imv-p-rs-subnav a.is-ativa { color: var(--imv-cor-destaque); border-bottom-color: var(--imv-cor-destaque); } /* ---------- KPIs do topo ---------- */ .imv-p-rs-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 22px; } .imv-p-rs-kpi { background: var(--imv-cor-branco); border-radius: 16px; padding: 20px 22px; box-shadow: 0 4px 20px rgba(0,0,0,.05); display: flex; flex-direction: column; gap: 3px; } .imv-p-rs-kpi__icone { width: 34px; height: 34px; border-radius: 10px; background: var(--imv-cor-cinza-claro, #F7F6F4); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; color: var(--imv-cor-destaque); } .imv-p-rs-kpi__rotulo { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--imv-cor-texto); } .imv-p-rs-kpi__numero { font-family: var(--imv-fonte-titulos); font-size: 28px; margin: 2px 0 4px; line-height: 1.1; } .imv-p-rs-kpi__legenda { font-size: 11.5px; color: var(--imv-cor-texto); opacity: .85; margin-top: 2px; } /* ---------- Grade "Crescimento da audiência" + card lateral ---------- */ .imv-p-rs-grid-crescimento { display: grid; grid-template-columns: 1.7fr 1fr; gap: 20px; align-items: start; margin-bottom: 22px; } @media (max-width: 1180px) { .imv-p-rs-grid-crescimento { grid-template-columns: 1fr; } } .imv-p-rs-card-grafico { overflow-x: auto; } .imv-p-rs-grid-2 { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; align-items: start; margin-bottom: 4px; } @media (max-width: 980px) { .imv-p-rs-grid-2 { grid-template-columns: 1fr; } } /* ---------- Desempenho por plataforma (cards clicáveis) ---------- */ .imv-p-rs-plataformas { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; } .imv-p-rs-plataforma-card { display: block; border: 1.5px solid var(--imv-cor-linha); border-radius: 14px; padding: 18px 20px; text-decoration: none; color: inherit; transition: border-color .15s ease, box-shadow .15s ease; } .imv-p-rs-plataforma-card:hover { border-color: var(--imv-cor-destaque); box-shadow: 0 6px 18px rgba(0,0,0,.06); } .imv-p-rs-plataforma-card--estatico { cursor: default; } .imv-p-rs-plataforma-card--estatico:hover { border-color: var(--imv-cor-linha); box-shadow: none; } .imv-p-rs-plataforma-card__topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--imv-cor-primaria); } .imv-p-rs-plataforma-card__topo > svg:last-child { color: var(--imv-cor-texto); opacity: .5; flex: 0 0 auto; } .imv-p-rs-plataforma-card__metricas { display: flex; gap: 18px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--imv-cor-linha); flex-wrap: wrap; } .imv-p-rs-plataforma-card__metricas div strong { display: block; font-size: 16px; font-weight: 700; } .imv-p-rs-plataforma-card__metricas div span { font-size: 10.5px; color: var(--imv-cor-texto); text-transform: uppercase; letter-spacing: .04em; } /* ---------- Insights (cabeçalho com botão "Gerar análise com IA") ---------- */ .imv-p-rs-insights__topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; } /* ---------- Crescimento: linhas de comparação por período ---------- */ .imv-p-rs-crescimento-lista { display: flex; flex-direction: column; gap: 4px; } .imv-p-rs-crescimento-linha { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--imv-cor-linha); font-size: 13.5px; } .imv-p-rs-crescimento-linha:last-child { border-bottom: none; } .imv-p-rs-crescimento-linha > span:first-child { color: var(--imv-cor-texto); flex: 1; } .imv-p-rs-crescimento-linha > span:nth-child(2) { font-weight: 600; white-space: nowrap; } /* ---------- Relatórios: destaques ---------- */ .imv-p-rs-destaques { display: flex; flex-direction: column; gap: 2px; } .imv-p-rs-destaque { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--imv-cor-linha); } .imv-p-rs-destaque:last-child { border-bottom: none; } .imv-p-rs-destaque span { font-size: 12.5px; color: var(--imv-cor-texto); flex: 0 0 auto; } .imv-p-rs-destaque strong { font-size: 13.5px; text-align: right; color: var(--imv-cor-primaria); } /* ---------- Filtros da biblioteca de Conteúdos ---------- */ .imv-p-rs-conteudos-filtros { display: flex; flex-wrap: wrap; gap: 10px; } .imv-p-rs-conteudos-filtros select { border: 1.5px solid var(--imv-cor-linha); border-radius: 999px; padding: 9px 14px; font-size: 12.5px; background: #fff; color: var(--imv-cor-primaria); min-width: 160px; } /* ---------- Formulário de conteúdo: blocos de métricas por plataforma ---------- */ .imv-p-conteudo-metricas-bloco { padding: 16px 0; border-top: 1px solid var(--imv-cor-linha); } .imv-p-conteudo-metricas-bloco:first-of-type { border-top: none; padding-top: 0; } .imv-p-conteudo-metricas-bloco__titulo { display: flex; align-items: center; gap: 8px; font-size: 14px; margin-bottom: 12px; } .imv-p-conteudo-metricas-bloco__titulo svg { width: 17px; height: 17px; flex: 0 0 auto; color: var(--imv-cor-destaque); } @media (max-width: 640px) { .imv-p-rs-kpis { grid-template-columns: repeat(2, 1fr); } .imv-p-rs-plataformas { grid-template-columns: 1fr; } .imv-p-rs-cab-acoes { width: 100%; justify-content: space-between; } .imv-p-rs-destaque { flex-direction: column; align-items: flex-start; gap: 4px; } .imv-p-rs-destaque strong { text-align: left; } } /* ========================================================================== Captações ========================================================================== */ .imv-p-capt-alertas { cursor: pointer; } .imv-p-capt-alertas summary { cursor: pointer; font-weight: 600; } .imv-p-capt-alertas ul { margin: 10px 0 0; padding-left: 18px; font-size: 13px; } .imv-p-capt-alertas li { margin-bottom: 4px; } .imv-p-capt-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; } .imv-p-capt-modo { display: flex; gap: 6px; } .imv-p-capt-filtros { display: flex; flex-wrap: wrap; gap: 8px; } .imv-p-capt-filtros select, .imv-p-capt-filtros input[type="text"] { border: 1.5px solid var(--imv-cor-linha); border-radius: 999px; padding: 9px 14px; font-size: 12.5px; background: #fff; color: var(--imv-cor-primaria); } .imv-p-capt-filtros input[type="text"] { min-width: 160px; } .imv-p-capt-board { display: grid; grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 18px; align-items: start; overflow-x: auto; } .imv-p-capt-coluna { background: var(--imv-cor-cinza-claro); border-radius: 14px; padding: 14px; min-width: 0; } .imv-p-capt-coluna__titulo { display: flex; justify-content: space-between; align-items: center; font-family: var(--imv-fonte-titulos); font-size: 14px; font-weight: 600; color: var(--imv-cor-primaria); margin-bottom: 12px; padding: 0 4px; } .imv-p-capt-coluna__contador { background: #fff; border-radius: 999px; padding: 2px 9px; font-size: 12px; font-weight: 700; color: var(--imv-cor-destaque); } .imv-p-capt-coluna__lista { display: flex; flex-direction: column; gap: 12px; } .imv-p-capt-vazio { font-size: 12.5px; color: var(--imv-cor-texto); text-align: center; padding: 20px 8px; margin: 0; } .imv-p-capt-grid-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; } .imv-p-capt-card { background: #fff; border: 1px solid var(--imv-cor-linha); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 4px; position: relative; } .imv-p-capt-card__topo { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 4px; } .imv-p-capt-card__titulo { font-family: var(--imv-fonte-titulos); font-weight: 600; font-size: 14.5px; color: var(--imv-cor-primaria); text-decoration: none; line-height: 1.3; } .imv-p-capt-card__titulo:hover { color: var(--imv-cor-destaque); } .imv-p-capt-card__local { font-size: 12px; color: var(--imv-cor-texto); margin: 0; } .imv-p-capt-card__valor { font-weight: 700; font-size: 14px; color: var(--imv-cor-primaria); margin: 2px 0; } .imv-p-capt-card__prop { font-size: 12px; margin: 0; } .imv-p-capt-card__prop a { color: var(--imv-cor-destaque); } .imv-p-capt-card__alerta { font-size: 11.5px; color: #A23B3B; font-weight: 600; margin: 4px 0 0; } .imv-p-capt-card__acao { margin-top: 8px; padding: 7px 12px !important; font-size: 11.5px !important; text-align: center; } .imv-p-capt-menu { position: relative; } .imv-p-capt-menu > summary { list-style: none; cursor: pointer; font-size: 18px; line-height: 1; padding: 2px 7px; border-radius: 6px; color: var(--imv-cor-texto); } .imv-p-capt-menu > summary::-webkit-details-marker { display: none; } .imv-p-capt-menu > summary:hover { background: var(--imv-cor-cinza-claro); } .imv-p-capt-menu__painel { position: absolute; right: 0; top: 100%; margin-top: 4px; background: #fff; border: 1px solid var(--imv-cor-linha); border-radius: 10px; box-shadow: var(--imv-sombra); padding: 6px; z-index: 20; min-width: 200px; display: flex; flex-direction: column; } .imv-p-capt-menu__painel a, .imv-p-capt-menu__painel button { display: block; width: 100%; text-align: left; background: none; border: none; padding: 8px 10px; font-size: 12.5px; color: var(--imv-cor-primaria); border-radius: 7px; cursor: pointer; text-decoration: none; } .imv-p-capt-menu__painel a:hover, .imv-p-capt-menu__painel button:hover { background: var(--imv-cor-cinza-claro); } .imv-p-capt-menu__painel form { margin: 0; } .imv-p-capt-preparo { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; } .imv-p-capt-preparo__barra { flex: 1; height: 8px; background: var(--imv-cor-cinza-claro); border-radius: 6px; overflow: hidden; } .imv-p-capt-preparo__fill { height: 100%; background: linear-gradient(90deg, var(--imv-cor-destaque), #ddb37f); border-radius: 6px; } .imv-p-capt-preparo span { font-size: 12.5px; font-weight: 600; color: var(--imv-cor-texto); white-space: nowrap; } .imv-p-capt-abas { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--imv-cor-linha); margin-bottom: 22px; } .imv-p-capt-aba-btn { background: none; border: none; border-bottom: 2px solid transparent; padding: 10px 14px; font-size: 13px; font-weight: 600; color: var(--imv-cor-texto); cursor: pointer; margin-bottom: -1px; } .imv-p-capt-aba-btn.is-ativa { color: var(--imv-cor-destaque); border-bottom-color: var(--imv-cor-destaque); } .imv-p-capt-historico { list-style: none; margin: 0; padding: 0; } .imv-p-capt-historico li { padding: 10px 0; border-bottom: 1px solid var(--imv-cor-cinza-claro); font-size: 13px; } .imv-p-capt-historico li:last-child { border-bottom: none; } .imv-p-capt-historico span { display: block; font-size: 11.5px; color: var(--imv-cor-texto); margin-top: 2px; } @media (max-width: 980px) { .imv-p-capt-board { grid-template-columns: 1fr; } }