
:root{--dark:#020b13;--navy:#061426;--panel:#092033;--blue:#1e9bff;--orange:#ff8a18;--light:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Poppins,Arial,sans-serif;background:#061426;color:#fff;line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1240px,94%);margin:0 auto}
.top{position:sticky;top:0;z-index:100;background:rgba(2,11,19,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{height:58px;max-width:265px;object-fit:contain}.dvseg-logo{height:62px}.menu{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.menu a:hover{color:var(--orange)}.contact-top{font-size:13px;line-height:1.55;font-weight:800;white-space:nowrap}.ticket-btn{background:linear-gradient(135deg,#ff9d21,#ff7414);color:#fff!important;padding:15px 24px;border-radius:8px;box-shadow:0 15px 35px rgba(255,138,24,.28);font-weight:900}
.hero{position:relative;min-height:545px;display:flex;align-items:center;background:#020b13;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:var(--hero) center/cover no-repeat;opacity:.98}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,19,.94),rgba(2,11,19,.55),rgba(2,11,19,.25));}.hero .wrap{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1fr 360px;gap:34px;align-items:center}.hero h1{font-size:46px;line-height:1.08;margin:0 0 18px;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.55)}.hero h1 span{color:var(--orange)}.hero.dvseg h1 span{color:var(--blue)}.hero p{max-width:660px;font-size:17px;color:#eef7ff}.hero-icons{display:flex;gap:38px;flex-wrap:wrap;margin:28px 0}.hero-icons div{text-align:center;font-size:11px;text-transform:uppercase;font-weight:800}.hero-icons b{display:block;color:var(--orange);font-size:30px;margin-bottom:5px}
.btns{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:7px;font-size:13px;font-weight:900;border:1px solid rgba(255,255,255,.38)}.btn.blue{background:#1e9bff;border-color:#1e9bff;color:#fff}.btn.orange{background:linear-gradient(135deg,#ff9d21,#ff7414);border:0;color:#fff}
.glass-panel{background:rgba(6,20,38,.72);border:1px solid rgba(255,138,24,.8);border-radius:12px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.30);backdrop-filter:blur(14px)}.glass-panel h3{margin:0 0 12px;font-size:22px}.glass-panel p{font-size:14px;margin:9px 0}.glass-panel .ticket-btn{display:block;text-align:center;margin-top:18px;font-size:20px}
section{padding:56px 0}.dark{background:#061426}.light{background:#f4f7fb;color:#061426}.title{text-align:center;text-transform:uppercase;font-size:27px;margin:0 0 26px;letter-spacing:.4px}.title:after{content:"";display:block;width:70px;height:3px;background:var(--orange);margin:10px auto 0}.subtitle{text-align:center;max-width:780px;margin:-10px auto 28px;color:#c9d9e8}.light .subtitle{color:#52606d}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{position:relative;overflow:hidden;border-radius:10px;background:#092033;border:1px solid rgba(48,137,190,.55);box-shadow:0 12px 32px rgba(0,0,0,.25);min-height:250px;transition:.25s}.light .service-card{background:#fff;color:#061426;border-color:#d9e3ee;box-shadow:0 12px 30px rgba(0,0,0,.08)}.service-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(0,0,0,.22)}.service-card img{width:100%;height:132px;object-fit:cover}.service-body{padding:15px}.service-body h3{font-size:15px;margin:0 0 8px}.service-body p{font-size:13px;margin:0;color:#c6d7e5}.light .service-body p{color:#52606d}.arrow{position:absolute;right:14px;bottom:14px;width:24px;height:24px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.light .arrow{border-color:#94a3b8}
.about-band{background:#020b13;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}.about-img{min-height:280px;background:url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1200&q=85') center/cover;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.32)}.about h2{margin:0 0 12px;text-transform:uppercase}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.feature{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:10px;padding:18px}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{background:#fff;color:#061426;border-radius:10px;border:1px solid #d9e3ee;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.plan h3{text-align:center;margin:0 0 10px;font-size:15px;text-transform:uppercase}.plan ul{font-size:13px;padding-left:18px;color:#334155}.plan strong{display:block;text-align:center;background:#061426;color:#fff;border-radius:7px;padding:12px;margin-top:14px}
.video-shell{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:center}.video-frame{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(48,137,190,.65);box-shadow:0 20px 55px rgba(0,0,0,.35)}.video-frame iframe{width:100%;height:100%;border:0}.steps{background:#092033;border:1px solid rgba(48,137,190,.55);border-radius:12px;padding:22px}.steps li{margin:12px 0;color:#dceefa}.steps li::marker{color:var(--orange);font-weight:bold}
.clients-row{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.client-logo{width:150px;height:68px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:10px 14px;box-shadow:0 8px 18px rgba(0,0,0,.06)}.client-logo img{max-height:48px;max-width:128px;object-fit:contain}
.testimonials{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.testimonial{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#061426;padding:18px;box-shadow:0 10px 22px rgba(0,0,0,.06)}.testimonial:before{content:"“";font-size:40px;line-height:0;color:var(--orange);font-weight:900}.quote{font-size:13px}.who{font-weight:900;color:#0f3d73;margin:12px 0 4px}.testimonial small{color:#64748b}
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.location-card{background:#fff;color:#061426;border-radius:12px;box-shadow:0 16px 34px rgba(0,0,0,.08);overflow:hidden;border:1px solid #dce4ed}.location-card .loc-body{padding:18px}.location-card h3{margin:0 0 8px;color:#061426}.location-card p{font-size:13px;color:#52606d;min-height:58px}.map-frame{height:245px;border:0;width:100%;display:block}
.form-card{max-width:850px;margin:24px auto 0;background:#fff;color:#061426;border-radius:12px;padding:24px;box-shadow:0 16px 34px rgba(0,0,0,.08)}.form-card input,.form-card textarea,.form-card select{width:100%;padding:13px;margin:7px 0;border:1px solid #d9e3ee;border-radius:8px;font-family:inherit}.form-card .btn{width:100%;border:0;margin-top:10px}
.footer{background:#020b13;border-top:1px solid rgba(255,255,255,.08);padding:30px 0;color:#d9e9f7}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot img{height:48px;max-width:220px;object-fit:contain}.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;background:#25d366;border-radius:50%;z-index:80;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.35)}.to-top{position:fixed;right:24px;bottom:92px;width:42px;height:42px;border-radius:50%;border:0;background:#ff8a18;color:#fff;font-weight:900;z-index:80;display:none}.to-top.show{display:block}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)}.plan-grid,.testimonials,.location-grid{grid-template-columns:repeat(2,1fr)}.contact-top{display:none}.hero-grid,.video-shell,.about{grid-template-columns:1fr}}@media(max-width:760px){.nav{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}.menu{flex-wrap:wrap;gap:12px}.ticket-btn{padding:12px 16px}.hero{min-height:auto;padding:70px 0}.hero h1{font-size:32px}.hero-icons{gap:18px}.service-grid,.plan-grid,.testimonials,.features,.location-grid{grid-template-columns:1fr}.service-card img{height:180px}.client-logo{width:138px}.logo{height:50px}}

.live-frame video{width:100%;height:100%;object-fit:cover;background:#000;display:block}

.whatsapp,.btn.whatsapp-btn,.ticket-btn.whatsapp-btn{background:#25D366!important;color:#fff!important}
.whatsapp svg,.whatsapp-icon svg{width:26px;height:26px;display:block}
.whatsapp-icon{display:inline-flex;align-items:center;gap:8px}
.plan a.plan-action{display:block;text-align:center;background:#25D366;color:#fff;border-radius:7px;padding:12px;margin-top:14px;font-weight:900}
.contact-top a{display:block;color:#fff}
.footer a{color:#d9e9f7;text-decoration:none}
.footer a:hover,.contact-top a:hover{color:#ff8a18}
.live-frame .camera-status{position:absolute;left:18px;top:18px;background:rgba(0,0,0,.65);color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;z-index:3}
.live-frame{position:relative}

/* Seções adicionais */
.extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.extra-card{background:#fff;color:#061426;border-radius:12px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.08);border:1px solid #dce4ed}
.extra-card img{width:100%;height:230px;object-fit:cover}
.extra-card .extra-body{padding:20px}
.extra-card h3{margin:0 0 8px;color:#061426}
.dashboard-card{background:#071827;border:1px solid rgba(48,137,190,.55);border-radius:14px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.dashboard-screen{background:linear-gradient(135deg,#071827,#0d314f);border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,.10)}
.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.status-item{background:rgba(255,255,255,.08);border-radius:10px;padding:12px;text-align:center;font-size:12px}
.status-ok{border-top:4px solid #22c55e}.status-alert{border-top:4px solid #f59e0b}.status-down{border-top:4px solid #ef4444}
.graph-bars{display:flex;align-items:end;gap:8px;height:120px;margin-top:16px}
.graph-bars span{display:block;flex:1;background:linear-gradient(180deg,#1e9bff,#0f3d73);border-radius:5px 5px 0 0}
/* Assistente virtual */
.chatbot-launch{position:fixed;left:22px;bottom:24px;z-index:90;background:#ff8a18;color:#fff;border:0;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.35);cursor:pointer}
.chatbot{position:fixed;left:22px;bottom:84px;width:min(360px,92vw);background:#fff;color:#061426;border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.35);z-index:91;overflow:hidden;display:none;border:1px solid #dce4ed}
.chatbot.open{display:block}
.chatbot-head{background:#061426;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.chatbot-head button{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}
.chatbot-body{padding:14px;max-height:420px;overflow:auto}
.bot-msg,.user-msg{padding:10px 12px;border-radius:12px;margin:8px 0;font-size:13px;line-height:1.45}
.bot-msg{background:#eef4fb}.user-msg{background:#dcfce7;margin-left:35px}
.quick-buttons{display:grid;gap:8px;margin-top:12px}
.quick-buttons button{border:1px solid #d9e3ee;background:#fff;border-radius:9px;padding:9px;text-align:left;cursor:pointer;font-weight:700;color:#061426}
.quick-buttons button:hover{background:#f4f7fb}
@media(max-width:760px){.extra-grid,.status-grid{grid-template-columns:1fr}.chatbot-launch{left:14px;bottom:18px}.chatbot{left:14px;bottom:76px}}


/* Ajustes finais de produção */
.form-card form button{width:100%;border:0;margin-top:10px;cursor:pointer}
.form-success{display:none;margin-top:12px;padding:12px;border-radius:8px;background:#dcfce7;color:#14532d;font-weight:700}
.form-error{display:none;margin-top:12px;padding:12px;border-radius:8px;background:#fee2e2;color:#7f1d1d;font-weight:700}
.live-vms{background:#020b13;border:1px solid rgba(48,137,190,.65);border-radius:14px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.35)}
.live-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#071827;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);font-weight:900}
.live-badge{background:#ef4444;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;animation:pulseLive 1.4s infinite}
@keyframes pulseLive{0%,100%{opacity:1}50%{opacity:.55}}
.live-vms img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block}
.live-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;background:#071827;color:#dceefa;font-size:13px}
.live-actions{display:flex;gap:8px;flex-wrap:wrap}
.live-actions button,.live-actions a{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:7px;padding:8px 10px;font-weight:800;cursor:pointer}
.whatsapp svg,.whatsapp-icon svg{width:26px;height:26px;display:block}
.whatsapp-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.plan a.plan-action{display:block;text-align:center;background:#25D366;color:#fff;border-radius:7px;padding:12px;margin-top:14px;font-weight:900}
.contact-top a{display:block;color:#fff}
.footer a{color:#d9e9f7;text-decoration:none}
.footer a:hover,.contact-top a:hover{color:#ff8a18}
.extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.extra-card{background:#fff;color:#061426;border-radius:12px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.08);border:1px solid #dce4ed}
.extra-card img{width:100%;height:230px;object-fit:cover}
.extra-card .extra-body{padding:20px}
.extra-card h3{margin:0 0 8px;color:#061426}
.dashboard-card{background:#071827;border:1px solid rgba(48,137,190,.55);border-radius:14px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.dashboard-screen{background:linear-gradient(135deg,#071827,#0d314f);border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,.10)}
.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.status-item{background:rgba(255,255,255,.08);border-radius:10px;padding:12px;text-align:center;font-size:12px}
.status-ok{border-top:4px solid #22c55e}.status-alert{border-top:4px solid #f59e0b}.status-down{border-top:4px solid #ef4444}
.graph-bars{display:flex;align-items:end;gap:8px;height:120px;margin-top:16px}
.graph-bars span{display:block;flex:1;background:linear-gradient(180deg,#1e9bff,#0f3d73);border-radius:5px 5px 0 0}
.chatbot-launch{position:fixed;left:22px;bottom:24px;z-index:90;background:#ff8a18;color:#fff;border:0;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.35);cursor:pointer}
.chatbot{position:fixed;left:22px;bottom:84px;width:min(360px,92vw);background:#fff;color:#061426;border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.35);z-index:91;overflow:hidden;display:none;border:1px solid #dce4ed}
.chatbot.open{display:block}
.chatbot-head{background:#061426;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.chatbot-head button{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}
.chatbot-body{padding:14px;max-height:420px;overflow:auto}
.bot-msg,.user-msg{padding:10px 12px;border-radius:12px;margin:8px 0;font-size:13px;line-height:1.45}
.bot-msg{background:#eef4fb}.user-msg{background:#dcfce7;margin-left:35px}
.quick-buttons{display:grid;gap:8px;margin-top:12px}
.quick-buttons button{border:1px solid #d9e3ee;background:#fff;border-radius:9px;padding:9px;text-align:left;cursor:pointer;font-weight:700;color:#061426}
.quick-buttons button:hover{background:#f4f7fb}
@media(max-width:760px){.extra-grid,.status-grid{grid-template-columns:1fr}.chatbot-launch{left:14px;bottom:18px}.chatbot{left:14px;bottom:76px}}

/* Correção visual do texto dos cards extras */
.extra-card .extra-body{
  background:linear-gradient(135deg,#071827,#0d314f)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08);
}
.extra-card .extra-body h3{color:#fff!important}
.extra-card .extra-body p{color:#dceefa!important}

/* Formulário direto via PHP */
.form-card form button{width:100%;border:0;margin-top:10px;cursor:pointer}
.form-card .form-note{font-size:12px;color:#64748b;margin-top:10px}

#liveCameraSnapshot{background:#000;image-rendering:auto;transition:opacity .15s linear}
.live-vms img{min-height:360px}
