/*
Theme Name: COM360 One Page
Description: Tema one page responsivo de apresentação do Sistema CON360
Version: 1.0
Author: Publik Cloud
Text Domain: CON360
*/
:root{--p:#1565e8;--p2:#0a2a6e;--dk:#0b1640;--mt:#667085;--bg:#f5f7fb;--bd:#e4e7ec;--ok:#039855;--wn:#b54708;--dg:#d92d20;--ac:#f79009;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font:16px/1.65 Inter,system-ui,sans-serif;color:var(--dk);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Plus Jakarta Sans',Inter,sans-serif;line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}h3{font-size:1.2rem}
p{margin:0 0 1em}.w{max-width:1160px;margin:auto;padding:0 20px}
section{padding:84px 0}.alt{background:var(--bg)}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--p);background:#eaf1ff;padding:6px 12px;border-radius:99px;margin-bottom:16px}
.lead{font-size:1.15rem;color:var(--mt);max-width:640px}
.new{font-size:1.15rem;color:var(--mt)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:700;background:var(--p);color:#fff;transition:.2s;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:var(--p2);transform:translateY(-2px)}.btn.o{background:#fff;color:var(--dk);border:1px solid var(--bd)}.btn.o:hover{background:var(--bg)}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font:800 1.3rem 'Plus Jakarta Sans';display:flex;gap:8px;align-items:center}.logo img{height:56px;width:auto;margin:4px 0}.flogo{height:84px;width:auto;margin:0 auto 10px}.logo i{width:30px;height:30px;border-radius:9px;background:var(--p);display:grid;place-items:center;color:#fff;font-style:normal;font-size:.9rem}
.nav{display:flex;gap:24px;align-items:center;font-weight:600;font-size:.93rem;color:#344054}.nav a:hover{color:var(--p)}
.tg{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer}
/* hero */
.hero{padding:72px 0 40px;background:radial-gradient(900px 400px at 85% 0,#dbe7ff,transparent),linear-gradient(#fff,#f5f7fb)}
.hero .hg{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1 em{font-style:normal;color:var(--p)}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.photo{border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#155eef,#7aa7ff);min-height:380px;position:relative;box-shadow:0 30px 60px -20px rgba(16,24,40,.35)}
.photo img{width:100%;height:100%;min-height:380px;object-fit:cover}
.float{position:absolute;left:-14px;bottom:24px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 12px 30px rgba(16,24,40,.2);font-size:.85rem;display:flex;gap:10px;align-items:center}
.float b{display:block;font-size:.95rem}.dot{width:36px;height:36px;border-radius:50%;background:#d1fadf;display:grid;place-items:center}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px;align-items:stretch}
.stat{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px}.stat b{font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;font-family:'Plus Jakarta Sans',Inter,sans-serif;color:var(--p);line-height:1.1;display:block}.stat span{color:var(--mt);font-size:.9rem}
/* dor */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:26px;transition:.2s}.card:hover{box-shadow:0 14px 34px -14px rgba(16,24,40,.25);transform:translateY(-3px)}
.card .ic{font-size:1.6rem;width:52px;height:52px;border-radius:14px;background:#eaf1ff;display:grid;place-items:center;margin-bottom:14px}.card p{color:var(--mt);margin:0;font-size:.95rem}
.quote{margin-top:36px;padding:28px 32px;border-radius:var(--r);background:var(--dk);color:#fff;font:600 1.25rem/1.5 'Plus Jakarta Sans'}.quote small{display:block;font:400 .9rem Inter;color:#98a2b3;margin-top:8px}
/* feature rows */
.row{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.row.rv{grid-template-columns:1.1fr 1fr}.row.rv .tx{order:2}
.ck{list-style:none;padding:0;margin:18px 0 26px}.ck li{padding:7px 0 7px 32px;position:relative}.ck li:before{content:"✓";position:absolute;left:0;top:7px;width:22px;height:22px;border-radius:50%;background:#d1fadf;color:var(--ok);font-weight:800;font-size:.8rem;display:grid;place-items:center}
.help{background:#fffaeb;border-left:4px solid var(--ac);padding:14px 18px;border-radius:0 12px 12px 0;font-size:.95rem;color:#7a2e0e}
/* mock */
.win{background:#fff;border:1px solid var(--bd);border-radius:16px;box-shadow:0 30px 60px -24px rgba(16,24,40,.35);overflow:hidden;font-size:.82rem}
.bar{display:flex;gap:6px;padding:10px 14px;background:#f2f4f7;border-bottom:1px solid var(--bd);align-items:center}.bar i{width:10px;height:10px;border-radius:50%;background:#d0d5dd}.bar span{margin-left:10px;color:var(--mt);font-size:.75rem}
.mb{padding:16px}.mt{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px;flex-wrap:wrap}.mt b{font-size:1rem}
.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;color:var(--mt);font-weight:600;font-size:.72rem;text-transform:uppercase;padding:8px;border-bottom:1px solid var(--bd)}.tbl td{padding:9px 8px;border-bottom:1px solid #f2f4f7;white-space:nowrap}
.sc{overflow-x:auto}
.chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:700}.c1{background:#fef0c7;color:var(--wn)}.c2{background:#d1fadf;color:var(--ok)}.c3{background:#d1e0ff;color:var(--p2)}.c4{background:#fee4e2;color:var(--dg)}
.mbtn{background:var(--p);color:#fff;padding:6px 12px;border-radius:8px;font-weight:700;font-size:.75rem}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fm div{border:1px solid var(--bd);border-radius:8px;padding:7px 10px;background:#fcfcfd}.fm small{display:block;color:var(--mt);font-size:.68rem}.fm .full{grid-column:1/-1}
.qr{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;margin-top:10px;background:#eff4ff;border-radius:10px;padding:10px}
.qr svg{width:70px;height:70px}
/* flow */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;counter-reset:s}
.st{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:22px;position:relative}.st:before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:20px;width:30px;height:30px;border-radius:50%;background:var(--p);color:#fff;font-weight:800;display:grid;place-items:center}.st p{font-size:.92rem;color:var(--mt);margin:0}
.chart{display:flex;align-items:flex-end;gap:10px;height:120px;padding:8px 4px 0}.chart div{flex:1;background:linear-gradient(var(--p),#7aa7ff);border-radius:6px 6px 0 0;position:relative}.chart div span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.65rem;color:var(--mt)}
/* ocorrencia/agenda */
.tl{border-left:2px solid var(--bd);margin-left:6px;padding-left:16px}.tl div{margin-bottom:12px;position:relative}.tl div:before{content:"";position:absolute;left:-23px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--p)}
/* compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.cmp>div{border-radius:var(--r);padding:28px}.bf{background:#fff4f2;border:1px solid #fecdca}.af{background:#ecfdf3;border:1px solid #abefc6}
.cmp ul{margin:0;padding-left:20px}.cmp li{margin:7px 0}
/* cta */
.cta2{background:linear-gradient(135deg,#0b3fb3,#155eef);color:#fff;text-align:center}.cta2 p{color:#d1e0ff;max-width:600px;margin:0 auto 28px}.cta2 .btn{background:#fff;color:var(--p2)}
.ft{padding:30px 0;color:var(--mt);font-size:.9rem;text-align:center}
.rv{transition:.6s}.js .fade{opacity:0;transform:translateY(24px);transition:.7s}.js .fade.on{opacity:1;transform:none}
@media(max-width:900px){.hero .hg,.row,.row.rv{grid-template-columns:1fr;gap:32px}.row.rv .tx{order:0}.cards,.flow{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cmp{grid-template-columns:1fr}
.tg{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--bd);align-items:flex-start}.nav.open{display:flex}section{padding:60px 0}.float{left:10px}}
@media(max-width:560px){.cards,.flow{grid-template-columns:1fr}.fm{grid-template-columns:1fr}}

/* formulário */
.fp{padding:64px 0 84px}.fp .hg{align-items:start}
.fc{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:34px;box-shadow:0 30px 60px -28px rgba(16,24,40,.35)}
.fc h2{font-size:1.5rem;margin-bottom:4px}.fc>p{color:var(--mt);font-size:.95rem;margin-bottom:22px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fld.full{grid-column:1/-1}
.fld label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px;color:#344054}.fld label b{color:var(--dg)}
.fld input,.fld textarea{width:100%;padding:13px 14px;border:1px solid #d0d5dd;border-radius:10px;font:inherit;background:#fff;color:var(--dk)}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 4px #d1e0ff}.fld textarea{min-height:110px;resize:vertical}
.fc .btn{width:100%;justify-content:center;margin-top:20px}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.msg{border-radius:14px;padding:18px 20px;margin-bottom:18px;font-weight:600}.msg.er{background:#fee4e2;color:#912018}
.okbox{text-align:center;padding:28px 8px}.okbox .dot{width:64px;height:64px;margin:0 auto 18px}.okbox p{font:700 1.25rem/1.5 'Plus Jakarta Sans';margin:0 0 22px}.okbox p span{display:block;font:400 1.05rem/1.6 Inter;color:var(--mt);margin-top:8px}.okbox .btn{width:auto}
@media(max-width:900px){.fg{grid-template-columns:1fr}.fc{padding:24px}}
@media(max-width:420px){.stats{grid-template-columns:1fr}}