/* ==========================================================
   A2Soft — Tema claro (versão branca)
   Brandbook: Off-White #F5F8FC · Azul #0769F5 · Profundo #071A35
   Ciano #00B8FF · Grafite #131A24 · Prata #BFC7D5
   Header, footer e consoles de dados permanecem em azul
   profundo (peças de contraste, como no brandbook).
   ========================================================== */
:root{
  --bg:#F5F8FC;
  --bg-2:#EAF0F8;
  --panel:#FFFFFF;
  --panel-2:#F1F6FC;
  --panel-3:#E6EEF7;
  --white:#131A24;
  --muted:#3E5A7A;
  --muted-2:#5F7698;
  --silver:#5A6B84;
  --line:rgba(7,26,53,.12);
  --line-strong:rgba(7,105,245,.32);
  --shadow:0 24px 60px rgba(7,26,53,.10);
}

body{background:var(--bg);color:var(--white)}
body::before{background:
  radial-gradient(1100px 650px at 72% -10%,rgba(7,105,245,.08),transparent 70%),
  radial-gradient(800px 540px at -8% 47%,rgba(0,184,255,.06),transparent 70%),
  linear-gradient(180deg,#F5F8FC 0%,#EDF3FA 50%,#F5F8FC 100%)}

.scroll-progress{background:rgba(7,26,53,.06)}

/* Eyebrow / destaques de texto */
.eyebrow{color:#0769F5}
.gradient-text{background:linear-gradient(92deg,#071A35 0%,#0769F5 55%,#00B8FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.muted-title{color:#5A6B84}
.live-chip{color:#0277BD;border-color:rgba(0,184,255,.35);background:rgba(0,184,255,.10)}
.integrated-chip{color:#4F46E5;border-color:rgba(119,109,255,.35);background:rgba(119,109,255,.10)}

/* Botões */
.button-small{background:rgba(7,105,245,.10);border-color:rgba(7,105,245,.35);color:#0B3B8F}
.button-outline{border-color:var(--line-strong);background:#FFFFFF;color:#0769F5}

/* Hero */
.hero-sub{font-size:17px;font-weight:700;color:#071A35;margin:20px 0 0;max-width:610px;line-height:1.5}
.hero-sub strong{color:#0769F5}
.hero-lede{color:var(--muted)}
.hero-note{color:var(--muted-2)}
.hero-note a{color:#0769F5;border-bottom-color:rgba(7,105,245,.4)}
.hero-ambient{opacity:.18}

/* Faixa de diferenciais */
.trust-strip{background:linear-gradient(90deg,#EDF3FA, #FFFFFF,#EDF3FA)}
.trust-strip::before{background:linear-gradient(90deg,#F5F8FC,rgba(245,248,252,0))}
.trust-strip::after{background:linear-gradient(270deg,#F5F8FC,rgba(245,248,252,0))}
.trust-item{background:#FFFFFF;color:#3E5A7A;box-shadow:0 8px 24px rgba(7,26,53,.06)}

/* Textos de seção */
.section-intro p{color:var(--muted)}

/* Cards comparativos / depoimentos */
.compare-card{background:#FFFFFF}
.before-card{background:linear-gradient(145deg,#FDF0F3,#FFFFFF);border-color:rgba(255,98,128,.25)}
.after-card{background:linear-gradient(145deg,#EFF6FF,#FFFFFF);border-color:rgba(7,105,245,.25)}
.compare-label{color:#3E5A7A;background:rgba(7,26,53,.05)}
.after-card .compare-label{color:#0769F5;background:rgba(7,105,245,.08)}
.compare-card h3{color:#071A35}
.compare-card li{color:#3E5A7A;border-top-color:rgba(7,26,53,.08)}
.compare-card li span{color:#C2436B}
.after-card li span{color:#0284C7}

/* Painel economia */
.economy-panel{background:#FFFFFF}
.economy-copy h3{color:#071A35}
.micro-label{color:var(--muted-2)}
.text-link{color:#0769F5;border-bottom-color:rgba(7,105,245,.3)}
.text-link span{color:#0284C7}
.cost-metrics>div{background:#F8FAFD}
.cost-metrics small{color:var(--muted-2)}
.cost-metrics strong{color:#071A35}
.cost-metrics .saving{background:rgba(7,105,245,.06)}
.cost-metrics .saving strong{color:#0769F5}
.cost-metrics .saving span{color:#0E9F6E;background:rgba(51,211,154,.12)}

/* Cards de funcionalidades */
.feature-card{background:#FFFFFF}
.feature-card h3{color:#071A35}
.feature-card p{color:var(--muted)}
.card-index{color:#8AA2BE}

/* Módulos */
.module-copy>p{color:#0B1B33}
.check-list li{color:#0B1B33;border-top-color:rgba(7,26,53,.08)}
.check-list li span{background:#0769F5;color:#fff;font-weight:900}

/* Especialistas */
.expert-copy>p{color:var(--muted)}
.implementation-timeline .timeline-track{background:#D7E3F2}
.timeline-step i{background:#EAF0F8;border-color:#C6D6EA;color:#5F7698}
.timeline-step b{color:#3E5A7A}
.timeline-step small{color:#8AA2BE}
.expert-bullets>div{background:#FFFFFF;border-color:var(--line)}
.expert-bullets b{color:#071A35}
.expert-bullets small{color:var(--muted-2)}
.specialist-callout{background:linear-gradient(90deg,rgba(7,105,245,.06),rgba(0,184,255,.05))}
.specialist-callout h3{color:#071A35}
.specialist-callout p{color:var(--muted-2)}
.footnote{color:#8AA2BE}

/* Proposta de valor */
.value-panel{background:linear-gradient(135deg,#FFFFFF 0%,#EFF4FA 60%,#E7F0F9 100%)}
.value-panel::before{background:radial-gradient(circle,rgba(0,184,255,.12),rgba(7,105,245,.05) 32%,transparent 68%)}
.value-panel::after{background:radial-gradient(circle,rgba(63,114,255,.10),rgba(0,184,255,.04) 35%,transparent 72%)}
.value-copy p{color:var(--muted)}
.value-hero-card{background:#FFFFFF}
.value-badge{color:#3E5A7A;background:#F1F6FC}
.value-hero-card strong{color:#071A35}
.value-hero-card strong span{color:#0769F5}
.value-hero-card p{color:var(--muted)}
.value-chip{background:#F1F6FC;color:#3E5A7A}
.value-mini-card{background:#FFFFFF}
.value-mini-card b{color:#071A35}
.value-mini-card small{color:var(--muted-2)}

/* CTA final */
.final-cta{background:radial-gradient(700px 450px at 50% 48%,rgba(7,105,245,.08),transparent 72%)}
.final-cta p{color:var(--muted)}
.monitoring-pill{background:#EAF3FF;border-color:rgba(7,105,245,.25);color:#0769F5}
.cta-status-line{color:#5F7698}

/* Hero: moldura branca com foto total */
.visual-frame{background:#FFFFFF;border-color:rgba(7,105,245,.25)}
.visual-frame img{object-fit:cover;filter:saturate(.95) contrast(1)}
.image-vignette{background:linear-gradient(90deg,rgba(7,26,53,.12),transparent 40%),linear-gradient(0deg,rgba(7,26,53,.18),transparent 38%)}

/* Foto especialistas: clarear */
.photo-frame img{filter:brightness(1.22) saturate(.9) contrast(.96)}
.photo-frame::before{background:linear-gradient(180deg,transparent 60%,rgba(245,248,252,.25)),linear-gradient(90deg,rgba(245,248,252,.08),transparent 55%)}

/* Legibilidade: tamanhos mínimos + contraste (auditoria UX) */
.eyebrow{font-size:13px}
.live-chip,.integrated-chip{font-size:11px;padding:6px 10px}
.hero-note{font-size:14px;color:#3E5A7A}
.trust-item{font-size:12px}
.check-list li{font-size:14px;line-height:1.6}
.compare-card li{font-size:14px}
.timeline-step i{font-size:12px}
.timeline-step b{font-size:13px}
.timeline-step small{font-size:12px;color:#5F7698}
.expert-bullets b{font-size:14px}
.expert-bullets small{font-size:13px}
.specialist-callout h3{font-size:15px}
.specialist-callout p{font-size:13px;line-height:1.6}
.micro-label{font-size:12px}
.monitoring-pill{font-size:12px}
.cta-status-line{font-size:12px;color:#3E5A7A}
.footer-brand p,.footer-links,.back-top{font-size:12px}
.footer-bottom{font-size:10px}
.button-small{font-size:13px}
.telas-chrome small{font-size:12px;color:#3E5A7A}
.telas-count{font-size:13px;color:#3E5A7A}
.telas-pause{font-size:13px;padding:10px 14px}
.telas-cta p{font-size:16px}
.feature-card p{font-size:14px}
.card-index{font-size:12px}
.cost-metrics small{font-size:12px}
.cost-metrics .saving span{font-size:12px;color:#067A4F}
@media(max-width:720px){
  .trust-item{font-size:12px;min-width:240px}
  .check-list li{font-size:15px}
  .hero-note{font-size:14px}
}

/* Mobile menu claro */
.mobile-menu{background:rgba(255,255,255,.98)}
.mobile-menu a{color:#3E5A7A;border-bottom-color:rgba(7,26,53,.07)}
.mobile-menu a:last-child{color:#0769F5}
.menu-toggle{background:#FFFFFF;color:#071A35}

/* Header claro com nova logo */
.nav-shell{background:rgba(255,255,255,.92);border-color:var(--line);box-shadow:0 12px 40px rgba(7,26,53,.08)}
.site-header.scrolled{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.site-header.scrolled .nav-shell{box-shadow:0 10px 34px rgba(7,26,53,.10),0 0 0 1px rgba(7,105,245,.10) inset}
.nav-links{color:#3E5A7A}
.nav-links a:hover{color:#071A35}
.brand img{width:auto;height:46px}
@media (max-width:720px){.brand img{width:auto;height:40px}}

/* Footer claro com nova logo */
.site-footer{background:#FFFFFF}
.footer-brand img{width:auto;height:58px}
.footer-bottom{border-top-color:rgba(7,26,53,.08)}

/* Funções (cards sem ícone) */
.func-card{min-height:230px}
.func-card h3{margin-top:34px}

/* Carrossel #telas */
.telas-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center;max-width:1220px;margin:28px auto 0}
.telas-copy h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:20px}
.telas-copy>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 22px}
.telas-copy>p strong{color:var(--white)}
.telas-copy .check-list{margin-bottom:26px}
.screens-section{padding:72px 0}
.telas-frame{position:relative;max-width:1080px;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.telas-chrome{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel-2)}
.telas-chrome span{width:8px;height:8px;border-radius:50%;background:#C6D6EA}
.telas-chrome span:first-child{background:#0769F5}
.telas-chrome small{margin-left:auto;color:#5F7698;font-size:9px;letter-spacing:.15em}
.telas-viewport{overflow:hidden;touch-action:pan-y;outline-offset:3px}
.telas-track{display:flex;transition:transform .45s ease;margin:0}
.tela-slide{flex:0 0 100%;margin:0;padding:18px 18px 6px;text-align:center;box-sizing:border-box}
.tela-slide img{width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#fff}
.tela-slide figcaption{margin:10px 0 4px;font-size:14px;font-weight:700;color:#071A35}
.telas-btn{position:absolute;top:42%;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:#0769F5;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(7,26,53,.10)}
.telas-prev{left:12px}
.telas-next{right:12px}
.telas-btn:hover{border-color:#00B8FF}
.telas-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px 16px}
.telas-dots{display:flex;gap:8px}
.telas-dots button{width:24px;height:24px;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.telas-dots button::after{content:"";width:8px;height:8px;border-radius:99px;background:#C6D6EA;transition:.25s}
.telas-dots button.is-active::after{width:22px;background:#0769F5}
.telas-count{font-size:12px;color:#5F7698;font-variant-numeric:tabular-nums}
.telas-pause{border:1px solid var(--line);background:#fff;border-radius:8px;color:#0769F5;font-size:11px;padding:6px 10px;cursor:pointer}
.telas-cta{max-width:640px;margin:26px auto 0;text-align:center}
.telas-cta p{color:var(--muted);margin:0 0 16px;font-size:15px}
@media(max-width:720px){.telas-btn{top:auto;bottom:64px}.tela-slide img{max-height:360px}}
@media(max-width:1080px){.telas-layout{grid-template-columns:1fr;gap:32px}}
@media(prefers-reduced-motion:reduce){.telas-track{transition:none}}