:root{
  --bg:#eef2f6;
  --bg-soft:#f7f9fc;
  --bg-soft-2:#edf2f7;
  --bg-blue:#0f1822;
  --bg-blue-2:#172536;
  --bg-blue-3:#223247;
  --panel:#ffffff;
  --panel2:#f4f7fa;
  --panel-dark:#162231;
  --panel-dark-2:#1d2b3a;
  --text:#18212b;
  --text-dark:#111923;
  --muted:#5f6b78;
  --muted-light:#c5ced8;
  --orange:#ff5b00;
  --orange2:#ff8a1f;
  --line:#d9e0e8;
  --line-dark:rgba(255,255,255,.14);
  --white:#fff;
  --shadow:0 18px 48px rgba(15,24,34,.10);
  --shadow-soft:0 10px 28px rgba(15,24,34,.07);
  --radius:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f5f8fb 0%,#edf3f8 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}

.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(11,18,26,.95),rgba(15,24,34,.88));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.10)}
.navbar{min-height:78px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;flex-direction:column;line-height:.92;font-weight:900;font-style:italic;letter-spacing:.5px;min-width:180px}
.brand strong{font-size:30px;color:#fff}
.brand span{font-size:17px;color:var(--orange);font-style:normal;letter-spacing:0}
.navlinks{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}
.navlinks a{font-size:14px;font-weight:700;color:#eef3f8;position:relative;padding:28px 0 24px}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--orange);transition:.25s}
.navlinks a:hover,.navlinks a.active{color:#ffb17d}
.navlinks a:hover::after,.navlinks a.active::after{right:0}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;width:44px;height:44px;font-size:20px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:14px 20px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 14px 28px rgba(255,91,0,.22)}
.btn-outline{border:1px solid rgba(255,91,0,.55);background:rgba(255,255,255,.08);color:#fff}
.btn-dark{border:1px solid #ced7e1;background:#172434;color:#fff;box-shadow:var(--shadow-soft)}
.section-light .btn-outline,.section .btn-outline{color:var(--orange);background:#fff}

.hero{position:relative;min-height:610px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.10);display:flex;align-items:center;background:linear-gradient(135deg,#132131,#1d2d40 48%,#0f1822 100%)}
.hero::before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 82% 26%,rgba(255,126,33,.35),transparent 16%),
 radial-gradient(circle at 68% 16%,rgba(89,120,158,.16),transparent 26%),
 linear-gradient(90deg,rgba(11,18,26,.82) 0%,rgba(17,29,42,.54) 42%,rgba(19,31,45,.28) 70%,rgba(11,18,26,.78) 100%),
 linear-gradient(180deg,#1a2a3a 0%,#152434 54%,#0e1822 100%)}
.hero::after{content:"";position:absolute;right:-6%;bottom:-18px;width:57%;height:90%;opacity:.82;background:
 radial-gradient(circle at 70% 55%,rgba(255,124,31,.72),transparent 4%),
 linear-gradient(90deg,transparent 0 15%,rgba(58,76,96,.58) 15% 17%,transparent 17% 23%,rgba(70,89,110,.56) 23% 29%,transparent 29% 34%,rgba(35,49,64,.72) 34% 41%,transparent 41% 47%,rgba(62,78,96,.54) 47% 55%,transparent 55% 62%,rgba(31,44,58,.76) 62% 70%,transparent 70%),
 linear-gradient(180deg,transparent 0 62%,rgba(12,19,27,.82) 62%);
 filter:drop-shadow(0 -18px 60px rgba(255,91,0,.10))}
.hero .container,.page-hero .container{position:relative;z-index:3}
.hero-content{max-width:650px;padding:92px 0}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.eyebrow::before{content:"";width:38px;height:2px;background:var(--orange)}
.hero h1,.page-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:18px 0 20px;letter-spacing:-2px;max-width:760px;color:#fff}
.hero p,.page-hero p{font-size:18px;color:#edf3f8;max-width:620px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

.trust-strip{position:relative;margin-top:-66px;z-index:5}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,rgba(27,39,53,.92),rgba(19,29,41,.96));border:1px solid rgba(255,255,255,.10);border-radius:16px;box-shadow:0 18px 50px rgba(15,24,34,.22);overflow:hidden;backdrop-filter:blur(10px)}
.trust-item{display:flex;align-items:center;gap:14px;padding:22px 24px;color:#fff}
.trust-item+.trust-item{border-left:1px solid rgba(255,255,255,.10)}
.trust-icon{width:50px;height:50px;border-radius:12px;border:1px solid rgba(255,91,0,.45);display:grid;place-items:center;color:var(--orange);font-size:22px;flex:0 0 auto;background:rgba(255,255,255,.03)}
.trust-item b{display:block;font-size:16px;line-height:1.25}
.trust-item small{color:var(--muted-light)}

.section{padding:90px 0;background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%);color:var(--text)}
.section-tight{padding:64px 0}
.section-dark{background:linear-gradient(180deg,#162231 0%,#101a25 100%);color:#fff}
.section-light{background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);color:var(--text)}
.section-head{max-width:760px;margin:0 auto 42px;text-align:center}
.section-head.left{margin-left:0;text-align:left}
.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:12px 0;color:inherit}
.section-head p{color:var(--muted);font-size:17px}
.section-dark .section-head p{color:var(--muted-light)}

.split{display:grid;grid-template-columns:1fr 1.06fr;gap:54px;align-items:center}
.split.reverse{grid-template-columns:1.06fr 1fr}
.visual-card{min-height:400px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.10);position:relative;background:
 radial-gradient(circle at 70% 20%,rgba(255,91,0,.25),transparent 20%),
 linear-gradient(135deg,#26384c,#111923 60%);box-shadow:var(--shadow)}
.visual-card.monitor::before{content:"";position:absolute;inset:36px;background:repeating-linear-gradient(90deg,#233242 0 13%,#0f1720 13% 15%),repeating-linear-gradient(0deg,rgba(202,211,219,.22) 0 19%,transparent 19% 21%);border:10px solid #151f2a;border-radius:6px;box-shadow:0 0 60px rgba(255,255,255,.03) inset}
.visual-card.monitor::after{content:"UNIMAX\A Segurança";white-space:pre;position:absolute;right:36px;top:28px;font-weight:900;font-size:24px;line-height:1;color:#fff;text-align:right}
.visual-card.guard::before{content:"";position:absolute;left:44%;bottom:-40px;width:230px;height:360px;border-radius:120px 120px 40px 40px;background:linear-gradient(180deg,#223142,#0f1822);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 80px rgba(255,91,0,.1)}
.visual-card.guard::after{content:"UNIMAX\A Segurança";white-space:pre;position:absolute;left:51%;top:48%;transform:translate(-50%,-50%);font-weight:900;text-align:center;color:#f4f4f4;line-height:1.1}
.copy h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:10px 0 20px;color:var(--text-dark)}
.copy p{color:var(--muted);font-size:17px}
.copy ul{padding-left:0;list-style:none}
.copy li{padding:8px 0 8px 30px;position:relative;color:#4f5965}
.copy li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}
.section-dark .copy h2,.section-dark .copy p,.section-dark .copy li{color:#fff}
.section-dark .copy p,.section-dark .copy li{color:var(--muted-light)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(180deg,#fff,#f7fafc);border:1px solid var(--line);border-radius:15px;padding:26px;min-height:210px;transition:.25s;box-shadow:var(--shadow-soft)}
.card:hover{border-color:rgba(255,91,0,.40);transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,24,34,.12)}
.card .icon{font-size:34px;color:var(--orange);margin-bottom:16px}
.card h3{margin:0 0 8px;font-size:21px;color:var(--text-dark)}
.card p{margin:0;color:var(--muted)}
.card.link-card{cursor:pointer}
.card.link-card a{display:inline-flex;margin-top:14px;color:var(--orange);font-weight:800}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid var(--line);border-radius:15px;padding:28px;display:flex;gap:18px;min-height:175px;box-shadow:var(--shadow-soft)}
.service-icon{color:var(--orange);font-size:38px;width:52px;flex:0 0 auto}
.service-card h3{margin:0 0 7px;font-size:20px;color:var(--text-dark)}
.service-card p{margin:0;color:var(--muted);font-size:15px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#f7f9fc);overflow:hidden;box-shadow:var(--shadow-soft)}
.stat{padding:26px;display:flex;gap:15px;align-items:center}
.stat+.stat{border-left:1px solid var(--line)}
.stat i{font-size:28px;color:var(--orange)}
.stat b{font-size:17px;line-height:1.25;color:var(--text-dark)}

.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tip-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}
.tip-image{height:210px;position:relative;background:linear-gradient(135deg,#35475b,#111923)}
.tip-image.house{background:radial-gradient(circle at 50% 65%,rgba(255,167,73,.4),transparent 22%),linear-gradient(155deg,#3b342d,#171c20)}
.tip-image.street{background:radial-gradient(circle at 50% 25%,rgba(255,230,177,.5),transparent 5%),linear-gradient(180deg,#29384a,#111923)}
.tip-image.bank{background:linear-gradient(145deg,#cfd7df,#5f6873)}
.tip-image::after{content:"";position:absolute;inset:18% 14%;border:1px solid rgba(255,255,255,.22);border-radius:10px;box-shadow:inset 0 0 0 12px rgba(0,0,0,.06)}
.tip-body{padding:24px}
.tip-body h3{margin:0 0 10px;font-size:23px;color:var(--text-dark)}
.tip-body p{margin:0;color:var(--muted)}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{text-align:center;padding:22px}
.step .num{width:40px;height:40px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:900;margin:0 auto 14px;color:#fff}
.step i{font-size:34px;color:var(--orange)}
.step h3{margin:10px 0 6px}
.step p{color:var(--muted);font-size:14px}
.section-dark .step h3{color:#fff}
.section-dark .step p{color:var(--muted-light)}

.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.audience-card{min-height:280px;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(18,29,41,.24),rgba(18,29,41,.78)),radial-gradient(circle at 50% 20%,rgba(255,91,0,.20),transparent 40%),#415467;box-shadow:var(--shadow-soft)}
.audience-card i{font-size:28px;color:#fff;margin-bottom:auto}
.audience-card h3{font-size:22px;margin:0 0 6px;color:#fff}
.audience-card p{margin:0;color:#edf2f7}

.cta-band{border:1px solid rgba(255,91,0,.28);background:linear-gradient(90deg,#203245 0%,#1a2939 46%,#273444 100%);border-radius:18px;padding:32px 38px;display:flex;gap:30px;align-items:center;justify-content:space-between;box-shadow:0 20px 48px rgba(15,24,34,.14)}
.cta-band h2{margin:0 0 6px;font-size:30px;color:#fff}
.cta-band p{margin:0;color:#d6dde5}
.cta-band .cta-icon{font-size:54px;color:var(--orange)}

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}
.contact-list,.form-card{background:linear-gradient(180deg,#fff,#f7f9fc);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow-soft)}
.contact-list h2,.form-card h2{color:var(--text-dark)}
.contact-item{display:flex;gap:16px;padding:18px 0}
.contact-item+.contact-item{border-top:1px solid #e7edf3}
.contact-item i{font-size:23px;color:var(--orange);width:30px;text-align:center}
.contact-item b{display:block;color:var(--text-dark)}
.contact-item span,.contact-item a{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-weight:700;font-size:14px;color:var(--text-dark)}
.field input,.field textarea,.field select{width:100%;border:1px solid #d4dde6;background:#fff;color:var(--text);border-radius:10px;padding:13px 14px;outline:none}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,91,0,.08)}
.field textarea{min-height:145px;resize:vertical}
.section-dark .form-card,.section-dark .contact-list,.section-dark .category,.section-dark .job-card,.section-dark .timeline .step,.section-dark .card,.section-dark .service-card,.section-dark .mvv article,.section-dark .stats{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border-color:rgba(255,255,255,.12);box-shadow:none}
.section-dark .field input,.section-dark .field textarea,.section-dark .field select{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.section-dark .field label,.section-dark .contact-list h2,.section-dark .form-card h2,.section-dark .card h3,.section-dark .service-card h3,.section-dark .job-body h3,.section-dark .mvv h3,.section-dark .stat b,.section-dark .category h3{color:#fff}
.section-dark .contact-item+.contact-item{border-top-color:rgba(255,255,255,.10)}
.section-dark .contact-item span,.section-dark .contact-item a,.section-dark .card p,.section-dark .service-card p,.section-dark .job-body p,.section-dark .mvv p,.section-dark .category li{color:var(--muted-light)}
.form-status{margin-top:12px;padding:10px 12px;border-radius:8px;display:none}
.form-status.show{display:block}
.form-status.ok{background:#12351f;color:#b9f3ca}
.form-status.err{background:#3d1616;color:#ffd0d0}
.honeypot{position:absolute!important;left:-9999px!important}

.map-block{min-height:390px;border:1px solid #d4dde6;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,#e2edf3,#f9fbfd);color:#111;box-shadow:var(--shadow-soft)}
.map-block::before{content:"Porto Alegre";position:absolute;left:44%;top:38%;font-size:34px;font-weight:900;opacity:.55}
.map-block::after{content:"★";position:absolute;left:55%;top:50%;width:52px;height:52px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;background:#172434;color:var(--orange);font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.map-lines{position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent 0 40px,rgba(120,138,154,.16) 40px 43px),repeating-linear-gradient(115deg,transparent 0 55px,rgba(120,138,154,.12) 55px 58px)}

.jobs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.job-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-soft)}
.job-visual{height:170px;background:radial-gradient(circle at 50% 20%,rgba(255,91,0,.18),transparent 35%),linear-gradient(145deg,#edf2f7,#c9d4de);display:grid;place-items:center;font-size:52px;color:var(--orange)}
.job-body{padding:18px}
.job-body h3{margin:0 0 6px;color:var(--text-dark)}
.job-body p{margin:0;color:var(--muted);font-size:14px}

.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.timeline .step{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:var(--shadow-soft)}
.timeline .step .num{margin-top:-42px;box-shadow:0 0 0 8px #f5f8fb}
.upload{border:1px dashed #b3bfcb;border-radius:12px;padding:22px;text-align:center;color:var(--muted);background:#fff}
.upload input{max-width:100%}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:var(--shadow-soft)}
.category h3{display:flex;gap:10px;align-items:center;margin-top:0;color:var(--text-dark)}
.category h3 i{color:var(--orange)}
.category ul{padding:0;margin:0;list-style:none}
.category li{position:relative;padding:8px 0 8px 24px;color:var(--muted);font-size:14px}
.category li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}

.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}
.mvv article{padding:30px;background:linear-gradient(180deg,#fff,#f8fafc)}
.mvv article+article{border-left:1px solid var(--line)}
.mvv i{font-size:32px;color:var(--orange)}
.mvv h3{font-size:22px;color:var(--text-dark)}
.mvv p{color:var(--muted)}

.page-hero{position:relative;padding:90px 0 80px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,#162435,#223348 40%,#0f1822 100%)}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(255,91,0,.24),transparent 18%),linear-gradient(90deg,rgba(14,24,34,.74) 0%,rgba(22,36,53,.40) 55%,rgba(14,24,34,.66) 100%)}
.page-hero h1{font-size:clamp(40px,5.6vw,68px);max-width:790px}
.page-hero .hero-actions{margin-top:24px}

.site-footer{background:linear-gradient(180deg,#162435 0%,#101a25 100%);border-top:1px solid rgba(255,255,255,.08);padding:50px 0 20px;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px;align-items:start}
.footer-links h4{margin:0 0 12px;font-size:14px;color:#eef2f7}
.footer-links a{display:block;color:#c8d1db;padding:4px 0;font-size:14px}
.footer-links a:hover{color:#ffb17d}
.footer-badge{display:flex;gap:14px;align-items:center}
.footer-badge i{font-size:38px;color:var(--orange)}
.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;color:#a7b2bf;font-size:13px}
.footer-bottom b{color:var(--orange)}

.backtop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;display:none;place-items:center;background:var(--orange);color:#fff;z-index:99;border:0;box-shadow:0 12px 24px rgba(255,91,0,.28)}
.backtop.show{display:grid}

@media (max-width:980px){
  .navlinks{position:fixed;left:0;right:0;top:78px;background:linear-gradient(180deg,#13202e,#172536);border-bottom:1px solid rgba(255,255,255,.08);display:none;flex-direction:column;align-items:stretch;padding:14px 20px}
  .navlinks.open{display:flex}
  .navlinks a{padding:12px 2px}
  .navlinks a::after{bottom:4px}
  .menu-toggle{display:block}
  .nav-actions .btn-primary{display:none}
  .trust-grid,.stats{grid-template-columns:repeat(2,1fr)}
  .trust-item:nth-child(3),.stat:nth-child(3){border-left:0}
  .trust-item:nth-child(n+3),.stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.10)}
  .split,.split.reverse,.contact-grid{grid-template-columns:1fr}
  .cards,.services-grid{grid-template-columns:repeat(2,1fr)}
  .audience,.category-grid{grid-template-columns:repeat(2,1fr)}
  .jobs-grid{grid-template-columns:repeat(3,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero{min-height:560px}
  .hero::after{opacity:.42}
  .hero-content{padding:76px 0 105px}
}
@media (max-width:640px){
  .container{width:min(100% - 28px,var(--max))}
  .navbar{min-height:70px}
  .brand{min-width:0}
  .brand strong{font-size:25px}
  .brand span{font-size:14px}
  .navlinks{top:70px}
  .hero{min-height:auto}
  .hero-content{padding:70px 0 100px}
  .hero h1,.page-hero h1{letter-spacing:-1px}
  .hero p,.page-hero p{font-size:16px}
  .trust-strip{margin-top:-48px}
  .trust-grid,.stats,.cards,.services-grid,.tip-grid,.process,.audience,.jobs-grid,.category-grid,.mvv,.footer-grid,.timeline{grid-template-columns:1fr}
  .trust-item+.trust-item,.stat+.stat,.mvv article+article{border-left:0}
  .trust-item:nth-child(n+2),.stat:nth-child(n+2),.mvv article+article{border-top:1px solid rgba(255,255,255,.10)}
  .section{padding:64px 0}
  .section-tight{padding:50px 0}
  .service-card{padding:22px}
  .cta-band{flex-direction:column;align-items:flex-start;padding:26px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .footer-bottom{flex-direction:column}
  .page-hero{padding:70px 0 60px}
  .jobs-grid{grid-template-columns:1fr 1fr}
  .timeline{row-gap:50px}
}
@media (max-width:430px){
  .jobs-grid{grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .trust-item{padding:18px}
  .visual-card{min-height:310px}
}

/* === ACABAMENTO FINAL: identidade, fotografia e leveza visual === */
.brand{min-width:170px;align-items:flex-start;justify-content:center;font-style:normal}
.brand-logo{display:block;width:162px;height:auto;max-height:54px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
.site-footer .brand-logo{width:172px}

.hero{background:#172536}
.hero::before{background:
  linear-gradient(90deg,rgba(13,22,31,.96) 0%,rgba(16,27,39,.92) 35%,rgba(16,27,39,.60) 55%,rgba(16,27,39,.12) 76%,rgba(16,27,39,.03) 100%),
  linear-gradient(180deg,rgba(10,17,25,.02),rgba(10,17,25,.14)),
  url('../img/hero-home.webp') right center/58% 100% no-repeat,
  linear-gradient(135deg,#1a2a3b,#22364c)}
.hero::after{right:auto;left:0;bottom:0;width:100%;height:150px;opacity:1;background:linear-gradient(180deg,transparent,rgba(14,23,33,.72));filter:none;pointer-events:none}
.hero-content{max-width:610px}
.hero h1{max-width:560px;text-shadow:0 3px 20px rgba(0,0,0,.18)}

.page-hero{min-height:430px;display:flex;align-items:center;background:#172536}
.page-hero::before{background:
  linear-gradient(90deg,rgba(12,21,30,.96) 0%,rgba(15,25,36,.88) 42%,rgba(15,25,36,.44) 62%,rgba(15,25,36,.10) 100%),
  var(--page-hero-image) right center/56% 100% no-repeat,
  linear-gradient(135deg,#192a3b,#263b51)}
.page-hero-empresa{--page-hero-image:url('../img/hero-empresa.webp')}
.page-hero-servicos{--page-hero-image:url('../img/hero-servicos.webp')}
.page-hero-dicas{--page-hero-image:url('../img/hero-dicas.webp')}
.page-hero-trabalhe{--page-hero-image:url('../img/hero-trabalhe.webp')}
.page-hero-contato{--page-hero-image:url('../img/hero-contato.webp')}
.page-hero .container{width:min(var(--max),calc(100% - 40px))}
.page-hero h1,.page-hero p{max-width:610px;text-shadow:0 2px 16px rgba(0,0,0,.14)}

.visual-card.monitor{background:
  linear-gradient(180deg,rgba(10,16,23,.02),rgba(10,16,23,.12)),
  url('../img/monitoramento.webp') center/cover no-repeat;
  border-color:#d7dee6;box-shadow:0 20px 48px rgba(15,24,34,.14)}
.visual-card.monitor::before,.visual-card.monitor::after{display:none}

.tip-image.house{background:url('../img/dica-casa.webp') center/cover no-repeat}
.tip-image.street{background:url('../img/dica-rua.webp') center/cover no-repeat}
.tip-image.bank{background:url('../img/dica-banco.webp') center/cover no-repeat}
.tip-image::after{display:none}
.tip-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.tip-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,24,34,.12);border-color:rgba(255,91,0,.26)}

.audience-card{position:relative;overflow:hidden;background-size:cover;background-position:center;isolation:isolate}
.audience-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,24,34,.08) 10%,rgba(15,24,34,.78) 72%,rgba(15,24,34,.95) 100%)}
.audience-card:nth-child(1){background-image:url('../img/ambiente-empresas.webp')}
.audience-card:nth-child(2){background-image:url('../img/ambiente-condominios.webp')}
.audience-card:nth-child(3){background-image:url('../img/ambiente-comercios.webp')}
.audience-card:nth-child(4){background-image:url('../img/ambiente-residencias.webp')}
.audience-card i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;box-shadow:0 8px 22px rgba(255,91,0,.30)}

.jobs-grid .job-visual{background-size:cover;background-position:center;position:relative}
.jobs-grid .job-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,20,29,.22))}
.jobs-grid .job-visual i{display:none}
.jobs-grid .job-card:nth-child(1) .job-visual{background-image:url('../img/vaga-vigilancia.webp')}
.jobs-grid .job-card:nth-child(2) .job-visual{background-image:url('../img/vaga-portaria.webp')}
.jobs-grid .job-card:nth-child(3) .job-visual{background-image:url('../img/vaga-monitoramento.webp')}
.jobs-grid .job-card:nth-child(4) .job-visual{background-image:url('../img/vaga-operacional.webp')}
.jobs-grid .job-card:nth-child(5) .job-visual{background-image:url('../img/vaga-atendimento.webp')}

.section{position:relative}
.section + .section{border-top:1px solid rgba(15,24,34,.04)}
.section-dark{box-shadow:inset 0 1px rgba(255,255,255,.03),inset 0 -1px rgba(255,255,255,.03)}
.section-light{background:linear-gradient(180deg,#fbfcfd 0%,#f0f5f9 100%)}
.section:nth-of-type(even):not(.section-dark):not(.section-light){background:linear-gradient(180deg,#f6f9fc 0%,#edf3f8 100%)}
.service-card,.card,.contact-list,.form-card,.tip-card,.job-card,.category,.stats,.mvv{backdrop-filter:saturate(1.04)}
.service-card:hover,.category:hover,.job-card:hover{border-color:rgba(255,91,0,.28);box-shadow:0 16px 34px rgba(15,24,34,.11)}

.cta-band{position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(27,43,60,.96),rgba(28,43,59,.82)),
  url('../img/parceria.webp') center/cover no-repeat}
.cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 55%,rgba(255,91,0,.06));pointer-events:none}
.cta-band>*{position:relative;z-index:1}

.map-embed{min-height:390px;border:1px solid #d4dde6;border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(15,24,34,.10);background:#e9eff4}
.map-embed iframe{display:block;width:100%;height:390px;border:0;filter:saturate(.82) contrast(.98)}

.floating-whatsapp{position:fixed;right:22px;bottom:78px;z-index:98;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:999px;background:#25d366;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}
.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.floating-whatsapp i{font-size:20px}

@media (max-width:980px){
  .brand-logo{width:150px}
  .hero::before{background:
    linear-gradient(90deg,rgba(12,21,30,.94) 0%,rgba(15,25,36,.86) 48%,rgba(15,25,36,.38) 70%,rgba(15,25,36,.12) 100%),
    url('../img/hero-home.webp') 74% center/70% 100% no-repeat,
    linear-gradient(135deg,#192a3b,#263b51)}
  .page-hero::before{background:
    linear-gradient(90deg,rgba(12,21,30,.94) 0%,rgba(15,25,36,.85) 48%,rgba(15,25,36,.34) 72%,rgba(15,25,36,.12) 100%),
    var(--page-hero-image) 74% center/72% 100% no-repeat,
    linear-gradient(135deg,#192a3b,#263b51)}
}
@media (max-width:640px){
  .brand-logo{width:135px}
  .site-footer .brand-logo{width:150px}
  .hero::before{background:
    linear-gradient(180deg,rgba(12,21,30,.62) 0%,rgba(12,21,30,.82) 48%,rgba(12,21,30,.97) 100%),
    url('../img/hero-home.webp') center top/cover no-repeat}
  .hero-content{padding-top:240px}
  .page-hero{min-height:520px;align-items:flex-end}
  .page-hero::before{background:
    linear-gradient(180deg,rgba(12,21,30,.28) 0%,rgba(12,21,30,.62) 46%,rgba(12,21,30,.96) 100%),
    var(--page-hero-image) center top/cover no-repeat}
  .page-hero .container{padding-top:230px}
  .floating-whatsapp{right:14px;bottom:70px;padding:12px;width:48px;height:48px;justify-content:center}
  .floating-whatsapp span{display:none}
  .floating-whatsapp i{font-size:23px}
  .map-embed,.map-embed iframe{min-height:330px;height:330px}
}

/* === SELO 20 ANOS DE EXPERIÊNCIA === */
.hero-content{position:relative}
.experience-seal{position:absolute;left:calc(100% + 34px);top:12px;width:152px;height:152px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,rgba(255,91,0,.96),rgba(218,66,0,.96));border:2px solid rgba(255,255,255,.78);box-shadow:0 0 0 7px rgba(255,91,0,.16),0 18px 38px rgba(0,0,0,.28);transform:rotate(4deg);z-index:4}
.experience-seal::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.68);border-radius:50%}
.experience-seal-number{font-size:54px;line-height:.82;font-weight:950;letter-spacing:-3px;position:relative;z-index:1}
.experience-seal-copy{font-size:13px;line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:.7px;margin-top:8px;position:relative;z-index:1}
@media (max-width:1120px){.experience-seal{left:calc(100% + 10px);right:auto;top:0;width:132px;height:132px}.experience-seal-number{font-size:46px}.experience-seal-copy{font-size:11px}}
@media (max-width:860px){.experience-seal{position:relative;left:auto;right:auto;top:auto;width:124px;height:124px;margin:18px 0 20px;transform:rotate(0)}.experience-seal-number{font-size:43px}.experience-seal-copy{font-size:10px}}

.footer-bottom a{color:var(--orange);font-weight:800}.footer-bottom a:hover{color:#ffb17d}


/* === MODAL ATENDIMENTO 24 HORAS === */
body.modal-open{overflow:hidden}
.service-modal[hidden]{display:none}
.service-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.service-modal.is-open{opacity:1;visibility:visible}
.service-modal-backdrop{position:absolute;inset:0;background:rgba(8,14,21,.74);backdrop-filter:blur(5px)}
.service-modal-panel{position:relative;z-index:1;width:min(560px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.34);transform:translateY(16px) scale(.98);transition:transform .22s ease}
.service-modal.is-open .service-modal-panel{transform:translateY(0) scale(1)}
.service-modal-close{position:absolute;right:14px;top:14px;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(10,18,27,.48);color:#fff;font-size:20px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.service-modal-close:hover{background:rgba(255,91,0,.9);transform:rotate(4deg)}
.service-modal-logo-wrap{min-height:142px;display:grid;place-items:center;padding:28px 72px 24px;background:linear-gradient(135deg,#162536,#22364b)}
.service-modal-logo{display:block;width:min(285px,100%);height:auto;max-height:88px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.22))}
.service-modal-content{padding:30px 34px 34px;text-align:center}
.service-modal-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.service-modal-content h2{margin:9px 0 12px;color:var(--text-dark);font-size:clamp(26px,4vw,34px);line-height:1.08}
.service-modal-content p{margin:0 auto;max-width:450px;color:#4e5965;font-size:16px;line-height:1.65}
.service-modal-content p strong{color:var(--text-dark);white-space:nowrap}
.service-modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.service-modal-dismiss{border:1px solid #d3dce5;background:#f5f7fa;color:#263342;box-shadow:none}
.service-modal-dismiss:hover{background:#e9eef3}
@media (max-width:560px){
  .service-modal{padding:14px}
  .service-modal-panel{border-radius:18px}
  .service-modal-logo-wrap{min-height:120px;padding:24px 58px 20px}
  .service-modal-logo{width:min(245px,100%)}
  .service-modal-content{padding:26px 22px 28px}
  .service-modal-actions{flex-direction:column}
  .service-modal-actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .service-modal,.service-modal-panel{transition:none}
}
