/* Identidade visual compartilhada com o JotaERP. */
body.jota-site {--primary:#2563eb;--primary-hover:#1d4ed8;--radius:3px;--radius-lg:4px;--radius-xl:4px;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#243447}
.jota-site :is(h1,h2,h3,h4,.section-title,.hero h1,.plan-name,.plan-price,.faq-question,.sp-case h2,.sp-founder h2,.section-sub,.btn,.btn-primary,.appx-btn) {font-family:Inter,'Segoe UI',Arial,sans-serif!important}
.jota-site :is(h1,h2,.section-title) {font-weight:650!important;letter-spacing:-.035em!important}
.jota-site .header,.jota-site .header.scrolled {background:#ffffff;backdrop-filter:none;border-bottom:1px solid #e8ecf1;box-shadow:none;padding:12px 0}
.jota-site .header-logo {font-size:22px;font-weight:800;color:#1d4ed8;gap:11px;letter-spacing:-.02em}
.jota-site .header-logo img {width:auto;height:52px;object-fit:contain}
.jota-site .header-nav a {color:#334155;font-size:13px;font-weight:500}
.jota-site .header-nav a:hover {color:#1d4ed8}
.jota-site .header-cta {background:#1d4ed8!important;color:#fff!important;box-shadow:none!important;border-radius:3px!important}
.jota-site .header-login {color:#334155!important;border:1px solid #c9d2db;border-radius:3px}
.jota-site .header-login:hover {background:#1d4ed8;color:#fff!important}
.jota-site .mobile-toggle span {background:#243447}
.jota-site .hero {background:#f5f7f9;padding:118px 0 64px}
.jota-site .hero h1 {font-size:clamp(32px,3.8vw,48px);line-height:1.13}
.jota-site .hero p {font-size:17px;line-height:1.65;color:#526173}
.jota-site .hero-badge,.jota-site .sp-eyebrow,.jota-site .hub-eyebrow {border-radius:0;padding:0;background:transparent;border:0;box-shadow:none;letter-spacing:.03em;font-size:12px}
.jota-site .hero-badge svg {display:none}
.jota-site :is(.btn,.btn-primary,.btn-secondary,.header-cta,.plan-btn,.form-submit,.pf-submit,.appx-btn) {border-radius:3px!important;box-shadow:none!important;transform:none!important;background-image:none!important;font-weight:600}
.jota-site .btn-primary {background:#1d4ed8}
.jota-site .hero-actions {gap:12px}
.jota-site .hero-mockup {filter:none;box-shadow:none}
.jota-site :is(.hero-screenshot,.mockup-screen,.module-screen,.module-visual,.sp-case-visual,.sp-shot,.plan-card,.lead-form,.pf-modal,.fisc-card,.hub-board,.hub-tile,.mods-col,.sp-metric,.faq-item) {border-radius:4px!important;box-shadow:none!important}
.jota-site .section {padding:56px 0}
.jota-site .section-title {font-size:30px;line-height:1.25}
.jota-site .section-sub {font-size:15px;line-height:1.6;max-width:650px;color:#526173}
.jota-site .segment-item:hover {transform:none}
.jota-site .segment-number {min-width:22px;height:auto;border-radius:0;background:transparent;color:#7b8794;font-size:12px;font-weight:700;justify-content:flex-start;padding-top:3px}
.jota-site .segment-item:hover .segment-number {color:#1d4ed8}
.jota-site .steps-grid::before{display:none}
.jota-site .step-number {width:44px;height:44px;font-size:15px;border-radius:3px;background:#1d4ed8;box-shadow:none}
.jota-site .diff-grid{gap:16px;max-width:920px}
.jota-site .diff-number {width:32px;height:32px;font-size:.95rem;border-radius:0;box-shadow:none}
.jota-site .diff-card:nth-child(1) .diff-number,.jota-site .diff-card:nth-child(2) .diff-number,.jota-site .diff-card:nth-child(3) .diff-number {background:#1d4ed8;color:#fff}
.jota-site .sp-trust .container {padding-block:18px;gap:10px 26px}
.jota-site .sp-trust-item {font-size:12px;font-weight:500}
.jota-site .sp-trust-item svg {width:16px;height:16px}
.jota-site .sp-case-visual {background:#fff;border:1px solid #d6dde5;color:#1e293b;padding:20px}
.jota-site .sp-case-visual :is(h3,li) {color:#334155}
.jota-site .sp-founder {background:#eff6ff;color:#1e293b;border-block:1px solid #dbeafe}
.jota-site .sp-founder .container {padding-block:38px}
.jota-site .sp-founder h2 {font-size:25px}
.jota-site .sp-founder p {font-size:15px}
.jota-site .sp-founder .btn {background:#1d4ed8;color:#fff;font-size:14px;padding:12px 22px}
.jota-site .sp-founder .sp-vagas {font-size:12px;color:#526173}
.jota-site .fisc-card {padding:20px;border:1px solid #d6dde5}
.jota-site .fisc-ico {display:none}
.jota-site .fisc-card h3 {font-size:16px;line-height:1.5;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.jota-site .fisc-badge {border-radius:3px;background:transparent;font-size:12px;padding:0}
.jota-site .hub {background:#f0f3f7;color:#1e293b;border-block:1px solid #d6dde5}
.jota-site .hub::before {display:none}
.jota-site .hub .container {padding-block:56px;gap:36px}
.jota-site .hub h2 {font-size:30px}
.jota-site .hub h2 em {color:#1d4ed8}
.jota-site :is(.hub-lead,.hub-points li,.hub-points b) {color:#475569;font-size:15px}
.jota-site .hub .btn {background:#1d4ed8;color:#fff;border-radius:3px;font-size:14px}
.jota-site .hub-board {background:#fff;border:1px solid #d6dde5}
.jota-site .hub-tile {background:#f5f7f9;border-color:#d6dde5;color:#334155}
.jota-site .hub-tile :is(h4,p,span) {color:#334155}
.jota-site .hub-eyebrow {color:#1d4ed8}
.jota-site .hub-panel {background:#fff;border:1px solid #d6dde5;border-radius:3px;padding:20px;backdrop-filter:none}
.jota-site .hub-panel-title {color:#475569;text-transform:none;letter-spacing:0;font-size:13px}
.jota-site .hub-cat {background:#f5f7f9;border:1px solid #d6dde5;border-radius:3px;transform:none}
.jota-site .hub-cat:hover {transform:none;border-color:#b8c4d1}
.jota-site .hub-cat h4 {color:#1e293b;font-size:15px;font-weight:600}
.jota-site .hub-cat span {color:#526173;font-size:13px}
.jota-site .hub-cat-ico {display:none}
.jota-site .cmp-wrap {border:1px solid #d6dde5;border-radius:3px;box-shadow:none}
.jota-site .cmp-table thead th {text-transform:none;letter-spacing:0;font-size:13px}
.jota-site .popup-box,.jota-site .popup-overlay .pf-input {border-radius:3px!important;box-shadow:none!important}
.jota-site .popup-title {font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-weight:600}
.jota-site .plan-card {border:1px solid #d6dde5;padding:24px}
.jota-site .plan-card.featured {border:2px solid #2563eb;transform:none}
.jota-site .plan-badge {border-radius:3px}
.jota-site .plan-features li {font-size:13px;line-height:1.6}
.jota-site .j-plan-details {max-width:1120px;margin:0 auto;padding:20px 24px;border-bottom:1px solid #d6dde5}
.jota-site .j-plan-details>summary {cursor:pointer;color:#1d4ed8;font-size:15px;font-weight:600;padding:12px 0}
.jota-site .j-plan-details .section {padding:28px 0}
.jota-site .j-plan-details .container {padding:0}
.jota-site .j-plan-details .section-title {font-size:25px}
.jota-site :is(.form-group input,.form-group select,.form-group textarea,.pf-input) {border:1px solid #b8c4d1;border-radius:3px!important;background:#fff;font-size:16px;box-shadow:none}
.jota-site :is(.footer,.credibility) {background:#f5f7f9;color:#475569;border-color:#d6dde5}
.jota-site :is(.footer p,.footer a,.footer-legal,.credibility-item,.footer-copy) {color:#475569}
.jota-site .reveal {transform:none;transition:opacity .2s}
.jota-site .j-site-help {display:inline-flex}
.jota-site .j-site-help button {width:24px;height:24px;min-width:24px;display:grid;place-items:center;border:1px solid #b8c4d1;border-radius:50%;color:#475569;background:#fff;font-size:12px;cursor:pointer}
.jota-site .j-site-note {position:fixed;inset:auto;margin:0;max-width:min(340px,calc(100vw - 24px));padding:14px 16px;border:1px solid #b8c4d1;border-radius:4px;background:#fff;color:#334155;box-shadow:0 8px 24px #0f172a26;font:400 14px/1.6 Inter,'Segoe UI',Arial,sans-serif;text-align:left}
.jota-site .j-site-note:not(:popover-open) {display:none}
.jota-site :is(button,a,summary,input,select,textarea):focus-visible {outline:2px solid #60a5fa;outline-offset:3px}
@media(max-width:900px){.jota-site .header-nav{background:#fff;border:1px solid #e8ecf1;border-radius:4px}.jota-site .header-nav a{color:#334155}.jota-site .header-cta{background:#1d4ed8!important}.jota-site .hero{padding-top:98px}.jota-site .hub .container{gap:24px}.jota-site .hub h2{font-size:26px}}
@media(max-width:600px){.jota-site .section{padding:40px 0}.jota-site .section-title{font-size:26px}.jota-site .hero h1{font-size:34px}.jota-site .hero p{font-size:16px}.jota-site .hero-actions>a{width:100%;justify-content:center}.jota-site .j-plan-details{padding-inline:20px}}
/* Alvos de toque de 44px (medidos em 16/09/2026 em 320, 390, 768, 1024 e 1440): o "?" de ajuda desenha 24px (::before) dentro de uma caixa real de 44px com margem negativa, porque o portao mede a caixa e o ::after nao passava; os demais sobem para 44px de altura sem mudar o desenho. */
.jota-site .j-site-help button {position:relative;isolation:isolate;width:44px;height:44px;min-width:44px;margin:-10px;border:0;background:transparent}
.jota-site .j-site-help button::before {content:'';position:absolute;inset:10px;border:1px solid #b8c4d1;border-radius:50%;background:#fff;z-index:-1}
.jota-site .lead-form :is(input:not([type=checkbox],[type=hidden]),select,textarea),.jota-site .popup-form :is(input:not([type=checkbox],[type=hidden]),select) {min-height:44px}
.jota-site .mobile-toggle {min-width:44px;min-height:44px;align-items:center;justify-content:center}
@media(max-width:768px){.jota-site .mobile-toggle{display:flex}}
.jota-site :is(.form-optional-toggle,.popup-skip) {min-height:44px;align-items:center}
.jota-site .popup-skip {display:flex;justify-content:center;width:100%;margin-top:4px}
.jota-site .popup-close {width:44px;height:44px;top:6px;right:6px}
.jota-site .popup-form .pf-submit {min-height:44px}
/* Campo com fonte menor que 16px faz o iOS dar zoom ao focar. */
@media(max-width:900px){.jota-site :is(.popup-form .pf-select,.lead-form select,.lead-form input:not([type=checkbox],[type=hidden]),.popup-form input:not([type=checkbox],[type=hidden])){font-size:16px}}
/* Tabela de comparacao rola de lado no celular (680px de tabela em 358px de tela): avisa antes de a pessoa achar que a coluna sumiu. */
@media(max-width:600px){.jota-site .cmp-wrap::before{content:'Deslize para o lado para ver a comparação completa.';display:block;font-size:12px;color:#64748b;margin:0 0 6px}}
/* CTA do cabecalho com 44px de altura em toque (media 37px a 1024px). */
@media(pointer:coarse),(max-width:1024px){.jota-site .header-cta{min-height:44px}}