@layer mobility, institutional;
@layer mobility{
:root{--navy:#063764;--deep:#072d51;--blue:#008fdb;--sky:#00acf0;--ink:#15344e;--muted:#5b7080;--paper:#f5f9fc;--white:#fff;--line:#dce8ef;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--sky);outline-offset:4px;border-radius:3px}
.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;left:18px;z-index:20;padding:10px 16px;background:var(--white);color:var(--navy)}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;flex:none;width:185px}
.brand img{display:block;width:100%}
.nav-list{display:flex;align-items:center;gap:34px;margin:0;padding:0;list-style:none;font-size:.9rem;font-weight:700}
.nav-list a:not(.nav-contact):hover,.text-link:hover,.footer-bottom a:hover{color:var(--blue)}
.nav-contact{display:inline-flex;gap:12px;align-items:center;padding:10px 17px;color:var(--navy);border:1px solid #afcfe0;border-radius:8px}
.nav-contact:hover{background:var(--paper)}
.mobile-menu{display:none}
.hero{overflow:hidden;background:linear-gradient(122deg,#f3faff 0%,#fff 50%,#eff8fc 100%)}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:620px;gap:45px;padding-block:70px 90px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:.75rem;line-height:1.3;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow-line{width:28px;height:2px;background:var(--blue)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.16;letter-spacing:-.035em}
h1{max-width:680px;margin:25px 0 24px;color:var(--navy);font-size:clamp(2.65rem,5.3vw,5rem);font-weight:800}
h1 em{display:block;color:var(--blue);font-style:normal}
.hero-copy>p{max-width:540px;color:var(--muted);font-size:1.12rem}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:14px 22px;border-radius:8px;font-weight:800;line-height:1.4;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--blue);color:var(--white);box-shadow:0 10px 26px #008fdb3d}
.button-primary:hover{background:#0074b6}
.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--navy);font-size:.91rem;font-weight:800}
.hero-visual{position:relative;min-height:465px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 70% 25%,#096da7 0%,transparent 35%),linear-gradient(145deg,#0a4a7c,var(--deep) 70%);box-shadow:0 25px 65px #06376430}

.section{padding-block:105px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.section-heading h2,.about h2,.contact h2{max-width:630px;margin:17px 0 0;color:var(--navy);font-size:clamp(2rem,3.4vw,3.35rem)}
.section-heading>p{max-width:350px;margin:0 0 6px;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{min-height:310px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:transform .2s,box-shadow .2s,border-color .2s}
.service-card:hover{transform:translateY(-4px);border-color:#b4d8e9;box-shadow:0 16px 32px #06376413}
.service-number{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.1em}
.service-icon{display:grid;place-items:center;width:58px;height:58px;margin:30px 0 23px;border-radius:14px;background:#e7f7ff;color:var(--blue);font-size:2.2rem;line-height:1}
.service-card h3{margin:0 0 10px;color:var(--navy);font-size:1.35rem}
.service-card p{margin:0;color:var(--muted);font-size:.94rem}
.about{background:var(--paper)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.about-copy{padding-top:30px;color:var(--muted);font-size:1.07rem}.about-copy p{margin-bottom:18px}.about-copy .text-link{margin-top:12px}
.contact{padding-block:80px}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:54px 62px;border-radius:22px;background:linear-gradient(120deg,var(--navy),#075488);color:var(--white);box-shadow:0 22px 50px #06376424}
.contact .section-kicker{color:#64d5ff}.contact h2{max-width:610px;color:var(--white)}.contact p{margin:17px 0 0;color:#d7e9f5}
.contact-actions{display:flex;flex-direction:column;align-items:start;gap:17px;flex:none}
.button-light{background:var(--white);color:var(--navy)}.contact-phone{color:#e9f7ff;font-weight:700}.contact-phone:hover{text-decoration:underline}
.site-footer{padding:60px 0 24px;background:#082b4d;color:#d4e6f1}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #ffffff26;font-size:.82rem}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:70px}.hero-visual{min-height:360px}.section-heading{align-items:start;flex-direction:column;gap:14px}.about-grid{gap:35px}.contact-panel{padding:42px}}
@media(max-width:680px){.container{width:min(100% - 36px,1160px)}.header-inner{min-height:68px;gap:12px}.brand{width:135px}.nav-list{gap:12px;font-size:.8rem}.nav-list a:not(.nav-contact){display:none}.nav-contact{padding:8px 11px}.hero-grid{gap:35px;padding-block:60px}.hero-copy>p{font-size:1rem}.hero-visual{min-height:285px}.section{padding-block:70px}.service-grid,.about-grid{grid-template-columns:1fr}.service-card{min-height:0}.about-copy{padding-top:0}.contact{padding-block:45px}.contact-panel{display:block;padding:35px 26px}.contact-actions{margin-top:30px}.footer-bottom{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Tema azul-aço compartilhado com /solucao-de-recarga; logotipo original preservado. */
:root{--steel:#1f5681;--steel-hi:#2b6590;--steel-lo:#173f62;--panel:#276290;--edge:#6a9cc0;--ice:#a3e4fa;--cyan:#3ec3f5;--text:#f2fafe;--text-2:#d3e3ee;--ink:#032238;--header-band:linear-gradient(180deg,#eef7fcf2 0%,#e1f0f9e6 70%,#d4e8f500 100%)}
body{position:relative;background:var(--steel);color:var(--text)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55rem 32rem at 88% 8%,#8cc8ee4d,transparent 62%),radial-gradient(42rem 28rem at -5% 55%,#3ec3f52e,transparent 62%),linear-gradient(165deg,var(--steel-hi) 0%,var(--steel) 52%,var(--steel-lo) 100%)}
.site-header{position:relative;z-index:10;background:var(--header-band);border-bottom:0;backdrop-filter:none}
.header-inner{min-height:0;padding-block:14px 32px}
.brand{width:190px;padding:0;border-radius:0;background:none}
.nav-list{color:#0f4a78}
.nav-list a:not(.nav-contact):hover{color:var(--ink)}
.nav-contact{color:#0f4a78;border-color:#7fb0d0}
.nav-contact:hover{background:#ffffff80}
.hero{background:none}
h1,.section-heading h2,.about h2,.contact h2,.service-card h3{color:#fff}
h1{font-size:clamp(2.65rem,4.6vw,4.3rem)}
h1 em{background:linear-gradient(95deg,var(--ice),#9fdcf6 60%,#c9eefb);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.section-kicker{color:var(--ice)}
.eyebrow-line{background:var(--ice)}
.hero-copy>p,.section-heading>p,.service-card p,.about-copy{color:var(--text-2)}
.text-link{color:var(--ice)}
.text-link:hover{color:#fff}
.button-primary{background:linear-gradient(135deg,#7ccff3,#3fb2ea);color:var(--ink);box-shadow:0 12px 28px -10px #3ec3f5aa}
.button-primary:hover{background:linear-gradient(135deg,#93d7f6,#58bff0)}
.button-ghost{border:1px solid var(--edge);color:#fff}
.button-ghost:hover{background:#ffffff1a}
.hero-actions{gap:14px}
.hero-visual{border:1px solid var(--edge);background:linear-gradient(150deg,#2f6f9c,#1b4e78 70%);box-shadow:0 25px 65px -30px #0009}

@keyframes charger-flow{to{stroke-dashoffset:-72}}
@keyframes charger-pulse{0%{transform:scale(.55);opacity:.55}100%{transform:scale(1.25);opacity:0}}

.services{background:#173f6247}
.about{background:#12385a66}
.contact{background:none}
.service-card{display:flex;flex-direction:column;background:var(--panel);border-color:var(--edge)}
.service-card:hover{border-color:var(--ice);box-shadow:0 18px 36px -18px #0009}

.service-icon{width:52px;height:52px;margin:0 0 22px;background:#a3e4fa1f;color:var(--ice)}
.service-icon svg{width:28px;height:28px}
.service-card .text-link{margin-top:auto;padding-top:18px}
.contact-panel{border:1px solid var(--edge);background:linear-gradient(120deg,#2b6a98,#1d5887);box-shadow:0 22px 50px -24px #0009}
.contact .section-kicker{color:var(--ice)}
.contact p,.contact-phone{color:var(--text-2)}
.site-footer{background:#0a284499;color:var(--text-2)}

.footer-bottom{border-top-color:#ffffff33}
@media(max-width:680px){.brand{width:140px}.header-inner{padding-block:12px 26px}}

.footer-legal{display:flex;flex-wrap:wrap;gap:6px 20px;margin-right:auto;margin-left:24px}.footer-legal a:hover{text-decoration:underline}
@media(max-width:680px){.footer-legal{margin:0 0 8px}.footer-bottom{flex-wrap:wrap}}

/* Prévia azul da home: mesma linguagem visual da página de avaliação. */
.home-page{background:#1f5681;color:#f2fafe}
.home-page::before{background:radial-gradient(55rem 32rem at 88% 8%,#8cc8ee4d,transparent 62%),radial-gradient(42rem 28rem at -5% 55%,#3ec3f52e,transparent 62%),linear-gradient(165deg,#2b6590 0%,#1f5681 52%,#173f62 100%)}
.home-page .site-header{position:sticky;top:0;background:#eaf5fbf2;border-bottom:1px solid #c4dce9;backdrop-filter:blur(14px)}
.home-page .header-inner{min-height:78px;padding-block:12px}
.home-page .brand{width:178px}
.home-page .nav-list{gap:26px;color:#0f4a78}
.home-page .nav-list a:not(.nav-contact):hover{color:#032238}
.home-page .nav-contact{padding:11px 16px;border:0;border-radius:999px;background:#0d314b;color:#fff}
.home-page .nav-contact:hover{background:#195576;color:#fff}
.home-page .hero{background:none}
.home-page .hero-grid{grid-template-columns:1fr 1fr;min-height:660px;gap:54px;padding-block:78px 90px}
.home-page .eyebrow,.home-page .section-kicker{color:#a3e4fa}
.home-page .eyebrow-line{background:#a3e4fa}
.home-page h1,.home-page h2,.home-page h3{color:#f2fafe}
.home-page h1{max-width:700px;margin:26px 0;font-size:clamp(3rem,5vw,5.5rem);line-height:1.06;letter-spacing:-.055em}
.home-page h1 em{display:block;background:linear-gradient(95deg,#a3e4fa,#9fdcf6 60%,#c9eefb);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.home-page .hero-copy>p:not(.hero-footnote){max-width:590px;color:#d3e3ee;font-size:1.13rem;line-height:1.7}
.home-page .hero-actions{margin-top:34px}
.home-page .button{border-radius:999px}
.home-page .button-primary{background:linear-gradient(135deg,#7ccff3,#3fb2ea);color:#032238;box-shadow:0 12px 28px -10px #3ec3f5aa}
.home-page .button-primary:hover{background:linear-gradient(135deg,#93d7f6,#58bff0)}
.home-page .button-ghost{border:1px solid #8ab8d2;color:#f2fafe}
.home-page .button-ghost:hover{background:#ffffff1a}
.home-page .hero-footnote{margin:28px 0 0;color:#d3e3ee;font-size:.83rem}
.home-page .hero-visual{position:relative;min-height:510px;border:1px solid #6a9cc0;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 74% 20%,#397fa4,#205679 48%,#173f62 100%);box-shadow:0 30px 60px #092d4b55}

.home-page .section{padding-block:100px}
.home-page .section-heading{align-items:end}
.home-page .section-heading h2,.home-page .about h2,.home-page .contact h2{max-width:720px;color:#f2fafe;font-size:clamp(2.15rem,3.7vw,3.7rem);line-height:1.12}
.home-page .section-heading>p{max-width:360px;color:#d3e3ee}
.home-page .services{background:#173f6247}
.home-page .service-grid{gap:18px}
.home-page .service-card{min-height:265px;padding:30px;border:1px solid #6a9cc0;border-radius:22px;background:#276290;box-shadow:none}
.home-page .service-card:hover{border-color:#a3e4fa;box-shadow:0 18px 36px -18px #0009}
.home-page .service-number{color:#a3e4fa}
.home-page .service-card h3{margin-top:28px;color:#fff;font-size:1.45rem}
.home-page .service-card p{color:#d3e3ee;line-height:1.65}
.home-page .service-card .text-link{color:#a3e4fa}
.home-page .service-list{margin-top:22px;padding:26px 30px;border:1px solid #6a9cc0;border-radius:22px;background:#173f62b8}
.home-page .service-list h3{margin:0 0 5px;color:#fff;font-size:1.25rem}
.home-page .service-list p{margin:0 0 16px;color:#d3e3ee;font-size:.95rem}
.home-page .service-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none}
.home-page .service-list li{position:relative;min-width:0;padding:11px 0 11px 20px;border-bottom:1px solid #6a9cc066;color:#f2fafe;font-size:.96rem}
.home-page .service-list li::before{content:"";position:absolute;top:20px;left:0;width:7px;height:7px;border-radius:50%;background:#a3e4fa}
.home-page .service-list a{color:#a3e4fa;text-decoration:underline;text-underline-offset:3px}
.home-page .models{background:#123c60a6}
.home-page .model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.home-page .model-card{display:flex;flex-direction:column;min-height:500px;padding:36px;border:1px solid #6a9cc0;border-radius:24px;background:#276290}
.home-page .model-top{display:flex;align-items:center;justify-content:space-between;color:#a3e4fa;font-size:.74rem;font-weight:800;letter-spacing:.14em}
.home-page .model-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#a3e4fa1f;color:#a3e4fa;font-size:1.5rem}
.home-page .model-card h3{max-width:450px;margin:42px 0 18px;color:#fff;font-size:clamp(1.7rem,2.5vw,2.5rem)}
.home-page .model-card p,.home-page .model-card ul{color:#d3e3ee}
.home-page .model-card ul{margin:14px 0 26px;padding-left:20px}
.home-page .model-card li{margin-bottom:10px}
.home-page .model-card .text-link{margin-top:auto;color:#a3e4fa}
.home-page .model-note{max-width:790px;margin:22px 0 0;color:#d3e3ee;font-size:.86rem}
.home-page .process{background:#1f568180}
.home-page .process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.home-page .process h2{max-width:520px;margin:18px 0;color:#f2fafe;font-size:clamp(2.15rem,3.7vw,3.7rem)}
.home-page .process-grid>div>p{max-width:440px;color:#d3e3ee}
.home-page .process .button{margin-top:18px}
.home-page .process-list{margin:0;padding:0;list-style:none;border-top:1px solid #6a9cc0}
.home-page .process-list li{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:28px 0;border-bottom:1px solid #6a9cc0}
.home-page .process-list li>span{color:#a3e4fa;font-size:.85rem;font-weight:800}
.home-page .process-list h3{margin:0 0 8px;font-size:1.28rem}
.home-page .process-list p{margin:0;color:#d3e3ee}
.home-page .about{background:#12385a66}
.home-page .about-grid{gap:90px}
.home-page .about-copy{padding-top:23px;color:#d3e3ee}
.home-page .about-copy .text-link{color:#a3e4fa}
.home-page .contact{background:#1f568180}
.home-page .contact-panel{padding:62px;background:linear-gradient(120deg,#2b6a98,#1d5887);border:1px solid #6a9cc0;border-radius:28px}
.home-page .contact h2{color:#fff}
.home-page .contact .section-kicker{color:#a3e4fa}
.home-page .contact p,.home-page .contact-phone{color:#e1f0f7}
.home-page .button-light{color:#032238}
.home-page .site-footer{background:#0a2844;color:#d3e3ee}

@media(max-width:950px){.home-page .hero-grid{grid-template-columns:1fr;gap:36px}.home-page .hero-visual{min-height:440px}.home-page .process-grid{gap:40px}}
@media(max-width:680px){.home-page .header-inner{min-height:72px}.home-page .brand{width:135px}.home-page .nav-list li:not(:last-child){display:none}.home-page .nav-contact{padding:9px 12px;font-size:.78rem;white-space:nowrap}.home-page .hero-grid{padding-block:54px 68px}.home-page h1{font-size:clamp(2.8rem,10.5vw,4rem)}.home-page .hero-visual{min-height:330px}.home-page .section{padding-block:70px}.home-page .service-grid,.home-page .model-grid,.home-page .process-grid{grid-template-columns:1fr}.home-page .model-card{min-height:0;padding:27px}.home-page .model-card h3{margin-top:26px}.home-page .about-grid{gap:20px}.home-page .contact-panel{padding:34px 26px}}

/* Cena cinematográfica original: luz do carregador, pulso pelo cabo e resposta do veículo. */
.home-page .hero-visual{isolation:isolate;background:#173f62}
.home-page .hero-scene{position:absolute;inset:0;z-index:0;overflow:hidden;animation:hero-camera-drift 13s ease-in-out infinite alternate}
.home-page .hero-scene-photo{position:absolute;inset:0;display:block;width:100%;height:100%}
.home-page .hero-scene-photo{object-fit:cover}

.home-page .hero-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b2d4a55,transparent 26%,transparent 68%,#0b2d4a88)}

@keyframes hero-camera-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes hero-charger-light{0%,12%,88%,100%{opacity:.15}25%,64%{opacity:.68}}
@keyframes hero-cable-ambient{0%,20%,80%,100%{opacity:0}34%,65%{opacity:.48}}
@keyframes hero-cable-travel{0%,18%{opacity:0;stroke-dashoffset:0}25%{opacity:1}68%{opacity:1;stroke-dashoffset:-1350}78%,100%{opacity:0;stroke-dashoffset:-1350}}
@keyframes hero-port-response{0%,48%,100%{opacity:.1}62%,82%{opacity:.9}}
@media(max-width:680px),(prefers-reduced-motion:reduce){
  .home-page .hero-scene{animation:none}
  
  
  
}

/* Acabamento digital discreto: malha de pixels sobre a fotografia conceitual. */
.home-page .hero-scene-photo{filter:saturate(.92) contrast(1.02) brightness(.96)}
.home-page .hero-visual{aspect-ratio:1402/1122;min-height:0}

.home-page .hero-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#092d481c 1px,transparent 1px),linear-gradient(#092d481c 1px,transparent 1px),repeating-linear-gradient(180deg,transparent 0 3px,#b9e7f006 3px 4px);background-size:6px 6px,6px 6px,100% 4px;opacity:.72;mix-blend-mode:multiply}
@media(max-width:680px){.home-page .hero-visual::before{background-size:5px 5px,5px 5px,100% 4px;opacity:.5}}

/* Fragmentos e varredura discretos inspirados no ritmo da referência, com desenho próprio. */

@keyframes hero-bit-flicker{0%,12%,70%,100%{opacity:0;transform:translateY(0)}22%{opacity:.48}30%{opacity:.16}38%{opacity:.72;transform:translateY(-5px)}55%{opacity:.28;transform:translateY(-10px)}}
@keyframes hero-scan-pass{0%,12%{transform:translateX(0);opacity:0}20%{opacity:.55}74%{transform:translateX(340%);opacity:.38}83%,100%{transform:translateX(340%);opacity:0}}

/* Página interna de soluções. */
.solutions-page{background:#1f5681;color:#f2fafe}
.solutions-page::before{background:radial-gradient(55rem 32rem at 88% 8%,#8cc8ee4d,transparent 62%),linear-gradient(165deg,#2b6590 0%,#1f5681 52%,#173f62 100%)}
.solutions-page .site-header{position:sticky;top:0;background:#eaf5fbf2;border-bottom:1px solid #c4dce9;backdrop-filter:blur(14px)}
.solutions-page .header-inner{min-height:78px;padding-block:12px}
.solutions-page .brand{width:178px}
.solutions-page .nav-list{color:#0f4a78}
.solutions-page .nav-list a[aria-current=page]{color:#063764;text-decoration:underline;text-decoration-color:#3ec3f5;text-decoration-thickness:3px;text-underline-offset:7px}
.solutions-page .nav-contact{border-color:#7fb0d0;border-radius:999px;background:#0d3450;color:#fff}
.solutions-page .site-footer{position:relative;z-index:1;padding:0 0 90px;background:#092940;color:#d3e3ee}
.solutions-more{margin-top:18px;color:#a3e4fa}
@media(max-width:850px){.solutions-page .nav-list li:nth-child(3){display:none}}
@media(max-width:680px){.solutions-page .header-inner{min-height:72px}.solutions-page .brand{width:135px}.solutions-page .nav-list li:not(:last-child){display:none}.solutions-page .nav-contact{padding:9px 12px;font-size:.78rem;white-space:nowrap}.solutions-page .site-footer{padding-bottom:90px}}

/* No celular, a mensagem e a ação vêm primeiro; a cena visual fica no desktop. */
@media(max-width:680px){
  html{scroll-padding-top:86px}
  .desktop-nav{display:none}
  .mobile-menu{position:relative;display:block;margin-left:auto}
  .mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#123f5c;cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:hover,.mobile-menu[open] summary{background:#d5ebf7}
  .mobile-menu summary:focus-visible{outline:3px solid #00acf0;outline-offset:2px}
  .menu-lines{display:grid;gap:6px;width:27px}
  .menu-lines span{display:block;width:27px;height:2px;border-radius:2px;background:currentColor}
  .mobile-menu:not([open]) .mobile-menu-backdrop,.mobile-menu:not([open]) nav{display:none}
  .mobile-menu[open] .mobile-menu-backdrop{position:fixed;inset:0;z-index:30;display:block;width:100vw;height:100dvh;padding:0;border:0;background:#031c3099;cursor:pointer;animation:mobile-menu-shade-in .38s ease-out both}
  .mobile-menu nav{position:fixed;inset:0 0 0 auto;z-index:31;display:flex;flex-direction:column;width:min(340px,88vw);height:100dvh;overflow-y:auto;padding:24px 22px 30px;border:1px solid #ffffff9c;border-right:0;border-radius:30px 0 0 30px;background:radial-gradient(circle at 15% 10%,#ffffffd9,transparent 42%),radial-gradient(circle at 95% 85%,#9ad9f4a6,transparent 52%),linear-gradient(155deg,#f4fbffdb,#d8edf9d1 58%,#eaf7fdd9);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:-22px 0 60px #051b2d42,inset 1px 0 #ffffff9c;animation:mobile-menu-enter .48s cubic-bezier(.18,.82,.22,1) both}
  .mobile-menu.is-closing nav{animation:mobile-menu-exit .32s cubic-bezier(.55,0,.85,.35) both}
  .mobile-menu.is-closing .mobile-menu-backdrop{animation:mobile-menu-shade-out .32s ease-in both}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:15px;border-bottom:1px solid #c6dfed;color:#0f4a78;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .mobile-menu-close{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid #b8d8e8;border-radius:50%;background:#fff;color:#103c5c;font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
  .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 4px;border-bottom:1px solid #cbdfea;color:#0f4a78;font-size:1rem;font-weight:700}
  .mobile-menu nav a span{color:#6b9fbb;font-size:.9rem}
  .mobile-menu nav a:hover,.mobile-menu nav a:focus-visible,.mobile-menu nav a[aria-current=page]{color:#007bac}
  .mobile-menu nav a[aria-current=page]{padding-left:12px;border-left:3px solid #3ec3f5}
  .mobile-menu nav .mobile-menu-cta{justify-content:center;min-height:50px;margin-top:24px;padding:11px 15px;border:0;border-radius:999px;background:#0d314b;color:#fff}
  .mobile-menu nav .mobile-menu-cta:hover,.mobile-menu nav .mobile-menu-cta:focus-visible{background:#195576;color:#fff}
  body.mobile-menu-open{overflow:hidden}
  .home-page .hero-grid{display:block;min-height:0;padding-block:34px 42px}
  .home-page .hero-visual{display:none}
  .home-page .eyebrow{font-size:.66rem;letter-spacing:.1em}
  .home-page h1{margin:17px 0 18px;line-height:1.06}
  .home-page .hero-copy>p:not(.hero-footnote){font-size:1rem;line-height:1.55}
  .home-page .hero-actions{display:grid;justify-items:start;gap:8px;margin-top:23px}
  .home-page .hero-actions .button-primary{width:100%;min-height:48px}
  .home-page .hero-actions .button-ghost{min-height:40px;padding:7px 0;border:0;box-shadow:none}
  .home-page .hero-footnote{margin:16px 0 0;font-size:.78rem;line-height:1.45}
  .home-page .section{padding-block:48px}
  .home-page .section-heading{gap:10px;margin-bottom:22px}
  .home-page .section-heading h2,.home-page .about h2,.home-page .contact h2{font-size:clamp(1.9rem,7.5vw,2.5rem)}
  .home-page .service-grid,.home-page .model-grid{gap:12px}
  .home-page .service-card{min-height:0;padding:22px}
  .home-page .service-card h3{margin:12px 0 8px;font-size:1.3rem}
  .home-page .service-card p{line-height:1.5}
  .home-page .service-list{margin-top:12px;padding:20px}
  .home-page .service-list ul{grid-template-columns:1fr}
  .home-page .model-card{min-height:0;padding:22px}
  .home-page .model-card h3{margin:18px 0 12px;font-size:1.6rem}
  .home-page .model-card ul{margin-bottom:18px}
  .home-page .process-list li{padding:18px 0}
  .home-page .contact-panel{padding:27px 22px}
  
  
}
@keyframes mobile-menu-enter{from{transform:translateX(100%);opacity:.75}to{transform:translateX(0);opacity:1}}
@keyframes mobile-menu-exit{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.8}}
@keyframes mobile-menu-shade-in{from{opacity:0}to{opacity:1}}
@keyframes mobile-menu-shade-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.mobile-menu nav,.mobile-menu[open] .mobile-menu-backdrop,.mobile-menu.is-closing nav,.mobile-menu.is-closing .mobile-menu-backdrop{animation:none}}

/* Foto sem textos ou camadas sobrepostas. O menu móvel não amplia a página. */
.home-page .hero-scene{animation:none}
.home-page .hero-scene-photo{filter:none}
.home-page .hero-visual::before,.home-page .hero-visual::after{display:none}
@media(max-width:680px){
  html,body{overflow-x:clip}
  .home-page .site-header,.solutions-page .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-menu nav{right:0;left:auto;max-width:100dvw}
}

/* Ritmo visual da home (23/10/2026): seções claras intercaladas, ícones SVG próprios, foto também no celular e áreas de toque de 44px. */
.home-page .section-light{background:linear-gradient(180deg,#f3f9fd,#e6f2f9);color:#15344e}
.home-page .section-light .section-kicker{color:#0b6f9f}
.home-page .section-light h2,.home-page .section-light h3,.home-page .section-light .section-heading h2,.home-page .section-light.process h2{color:#0d314b}
.home-page .section-light p,.home-page .section-light .section-heading>p,.home-page .section-light .process-grid>div>p{color:#3b5f78}
.home-page .section-light .text-link,.home-page .section-light .service-list a{color:#0b5f8a}
.home-page .section-light .text-link:hover,.home-page .section-light .service-list a:hover{color:#063764}
.home-page .section-light .service-card{border-color:#cfe2ee;background:#fff;box-shadow:0 14px 34px -24px #0d314b66}
.home-page .section-light .service-card:hover{border-color:#3ec3f5;box-shadow:0 20px 40px -22px #0d314b80}
.home-page .section-light .service-card h3{color:#0d314b}
.home-page .section-light .service-card p{color:#3b5f78}
.home-page .section-light .service-number{color:#0b6f9f}
.home-page .service-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 0 20px;border-radius:14px}
.home-page .service-icon svg{width:28px;height:28px}
.home-page .section-light .service-icon{background:#e2f1f9;color:#0b6f9f}
.home-page .service-card h3{margin-top:10px}
.home-page .section-light .service-list{border-color:#cfe2ee;background:#ffffffb3}
.home-page .section-light .service-list h3{color:#0d314b}
.home-page .section-light .service-list li{border-bottom-color:#d6e7f1;color:#15344e}
.home-page .section-light .service-list li::before{background:#3ec3f5}
.home-page .section-light .process-list,.home-page .section-light .process-list li{border-color:#c4dce9}
.home-page .section-light .process-list li>span{color:#0b6f9f}
.home-page .section-light .button-primary{background:#0d314b;color:#fff;box-shadow:0 12px 26px -14px #0d314b}
.home-page .section-light .button-primary:hover{background:#195576}
.home-page .model-icon svg{width:24px;height:24px}
.home-page .contact-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:#d3e3ee;font-size:.92rem}
.home-page .contact-alt a{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){
  .home-page .hero-visual{display:block;margin-top:28px;aspect-ratio:4/3;border-radius:22px}
  .home-page .text-link,.home-page .hero-actions .button-ghost{min-height:44px}
  .home-page .service-icon{width:46px;height:46px;margin-bottom:14px}
}

/* Rodapé compartilhado (23/10/2026): base azul-gelo, logotipo sem moldura, contatos com ícones e linhas finas. */
body .site-footer.footer-modern{position:relative;z-index:1;padding:0;border-top:1px solid #c4dce9;background:linear-gradient(180deg,#f3f9fd 0%,#e4f0f8 100%);color:#2c4f68}
body .site-footer.footer-modern::before{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:linear-gradient(90deg,transparent,#3ec3f5 30%,#008fdb 70%,transparent);opacity:.7}
.footer-modern .footer-main{display:grid;grid-template-columns:1.3fr .8fr 1.1fr;gap:clamp(32px,6vw,96px);padding-block:72px 56px}
.footer-modern .footer-brand{align-self:start;padding:0;border-radius:0;background:none}
.footer-modern .footer-brand img{display:block;width:min(100%,220px);padding:0;border:0;background:none}
.footer-modern .footer-brand p{max-width:330px;margin:20px 0 26px;color:#3b5f78;font-size:.98rem;line-height:1.6}
.footer-modern .footer-cta{display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:11px 20px;border:0;border-radius:999px;background:#0d314b;color:#fff;font-size:.9rem;box-shadow:0 12px 26px -16px #0d314b}
.footer-modern .footer-cta:hover{background:#195576}
.footer-modern .footer-column h2{display:block;margin:6px 0 20px;padding:0;border:0;color:#0b6f9f;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.footer-modern .footer-column ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.footer-modern .footer-column a{display:inline-flex;align-items:center;min-height:36px;color:#15344e;font-size:.96rem;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 6px)/0 1px no-repeat;transition:background-size .25s,color .2s}
.footer-modern .footer-column a:hover{color:#063764;background-size:100% 1px}
.footer-modern .footer-contacts{gap:14px}
.footer-modern .footer-contacts a,.footer-modern .footer-area{display:flex;align-items:center;gap:14px;min-height:44px;background:none}
.footer-modern .footer-contacts a:hover span:last-child{text-decoration:underline;text-underline-offset:3px}
.footer-modern .footer-contacts span:last-child{display:flex;flex-direction:column;min-width:0;color:#15344e;font-size:.94rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.footer-modern .footer-contacts small{color:#4a6a80;font-size:.76rem;font-weight:400}
.footer-modern .footer-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #cfe2ee;border-radius:12px;background:#fff;color:#0b6f9f;transition:border-color .2s,background .2s}
.footer-modern .footer-icon svg{width:20px;height:20px}
.footer-modern .footer-contacts a:hover .footer-icon{border-color:#3ec3f5;background:#eaf7fd}
.footer-modern .footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;margin:0 auto;padding-block:22px 26px;border-top:1px solid #cfe2ee;color:#4a6a80;font-size:.82rem}
.footer-modern .footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0 auto 0 0}
.footer-modern .footer-bottom a{color:#2c4f68}.footer-modern .footer-bottom a:hover{color:#063764;text-decoration:underline;text-underline-offset:3px}
.footer-modern .footer-top{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.footer-modern .footer-top-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c4dce9;border-radius:50%;background:#fff;color:#0b6f9f}
.footer-modern .footer-top-icon svg{width:16px;height:16px}
.footer-modern .footer-top:hover{text-decoration:none!important}.footer-modern .footer-top:hover .footer-top-icon{border-color:#3ec3f5}
@media(max-width:850px){.footer-modern .footer-main{grid-template-columns:1fr 1fr}.footer-modern .footer-brand{grid-column:1/-1}}
@media(max-width:580px){.footer-modern .footer-main{grid-template-columns:1fr;gap:36px;padding-block:52px 40px}.footer-modern .footer-brand img{width:180px}.footer-modern .footer-column a{min-height:44px}.footer-modern .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}.footer-modern .footer-legal a,.footer-modern .footer-top{display:inline-flex;align-items:center;min-height:44px}.footer-modern .footer-legal{margin:0;gap:0 18px}.footer-modern .footer-legal>span{flex-basis:100%;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.footer-modern .footer-column a{transition:none}}

/* Página /solucoes/ (23/10/2026): topo azul com índice das frentes, seção clara para espaços, seção azul para serviços complementares. */
.solutions-page .sol-hero{padding:88px 0 96px}
.sol-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,90px);align-items:center}
.sol-hero-copy h1{max-width:680px;margin:22px 0 24px;color:#f2fafe;text-wrap:balance}
.sol-hero-copy p{max-width:560px;margin:0 0 32px;color:#d3e3ee;font-size:1.1rem;line-height:1.7}
.solutions-page .button{border-radius:999px}
.sol-index{padding:26px;border:1px solid #6a9cc0;border-radius:24px;background:#173f62b8;box-shadow:0 30px 60px -36px #000a}
.sol-index-title{display:block;margin-bottom:12px;color:#a3e4fa;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sol-index ol{margin:0;padding:0;list-style:none}
.sol-index li+li{border-top:1px solid #6a9cc055}
.sol-index a{display:flex;align-items:center;gap:16px;min-height:48px;padding:6px 4px;color:#f2fafe;font-size:1rem;font-weight:700;transition:color .2s,padding .2s}
.sol-index a span{color:#a3e4fa;font-size:.78rem;letter-spacing:.06em}
.sol-index a::after{content:"↓";margin-left:auto;color:#a3e4fa;opacity:.6;transition:opacity .2s}
.sol-index a:hover{padding-left:10px;color:#fff}.sol-index a:hover::after{opacity:1}
.sol-section{padding:96px 0;background:#123c60a6}
.sol-section.sol-light{background:linear-gradient(180deg,#f3f9fd,#e6f2f9);color:#15344e}
.sol-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}
.sol-heading h2{max-width:680px;margin:16px 0 0;color:#f2fafe;font-size:clamp(2.1rem,3.6vw,3.5rem);line-height:1.12}
.sol-heading>p{max-width:360px;margin:0 0 6px;color:#d3e3ee}
.sol-light .section-kicker{color:#0b6f9f}.sol-light .sol-heading h2{color:#0d314b}.sol-light .sol-heading>p{color:#3b5f78}
.sol-grid{display:grid;gap:18px}.sol-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sol-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sol-card{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #6a9cc0;border-radius:22px;background:#276290;scroll-margin-top:110px;transition:border-color .2s,box-shadow .2s,transform .2s}
.sol-card:hover{border-color:#a3e4fa;box-shadow:0 20px 40px -24px #000a}
.sol-card:target{border-color:#3ec3f5;box-shadow:0 0 0 3px #3ec3f566}
.sol-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.sol-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#a3e4fa1f;color:#a3e4fa}
.sol-icon svg{width:28px;height:28px}
.sol-num{color:#a3e4fa;font-size:1.6rem;font-weight:100;letter-spacing:-.02em;opacity:.8}
.sol-kicker{color:#a3e4fa;font-size:.72rem;font-weight:700;letter-spacing:.13em}
.sol-card h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 12px;color:#fff;font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.2}
.sol-card p{margin:0;color:#d3e3ee;line-height:1.65}
.sol-card .text-link{margin-top:auto;padding-top:20px;min-height:44px}
.sol-badge{padding:4px 10px;border:1px solid #a3e4fa80;border-radius:999px;color:#a3e4fa;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sol-light .sol-card{border-color:#cfe2ee;background:#fff;box-shadow:0 14px 34px -24px #0d314b66}
.sol-light .sol-card:hover{border-color:#3ec3f5;box-shadow:0 20px 40px -22px #0d314b80}
.sol-light .sol-icon{background:#e2f1f9;color:#0b6f9f}
.sol-light .sol-num,.sol-light .sol-kicker{color:#0b6f9f}
.sol-light .sol-card h3{color:#0d314b}.sol-light .sol-card p{color:#3b5f78}
.sol-light .sol-card .text-link{color:#0b5f8a}.sol-light .sol-card .text-link:hover{color:#063764}
.sol-hero-grid>*{min-width:0}
@media(max-width:950px){.sol-hero-grid{grid-template-columns:minmax(0,1fr)}.sol-grid-3{grid-template-columns:1fr 1fr}.sol-heading{flex-direction:column;align-items:start;gap:12px}}
@media(max-width:680px){
  .solutions-page .sol-hero{padding:36px 0 40px}
  .sol-hero-copy h1{margin:16px 0 16px}
  .sol-hero-copy p{margin-bottom:24px;font-size:1rem;line-height:1.55}
  .sol-hero-copy .button{width:100%;min-height:48px;justify-content:center}
  .sol-hero-grid{gap:28px}
  .sol-index{margin:0 -18px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .sol-index-title{padding:0 18px;margin-bottom:10px}
  .sol-index ol{display:flex;gap:8px;overflow-x:auto;padding:2px 18px 6px;scroll-snap-type:x proximity;scrollbar-width:none}
  .sol-index ol::-webkit-scrollbar{display:none}
  .sol-index li+li{border:0}
  .sol-index li{flex:none;scroll-snap-align:start}
  .sol-index a{min-height:44px;padding:0 16px;border:1px solid #6a9cc0;border-radius:999px;background:#173f62b8;font-size:.9rem;white-space:nowrap}
  .sol-index a::after{display:none}
  .sol-index a:hover{padding-left:16px}
  .sol-section{padding:52px 0}
  .sol-heading{margin-bottom:24px}
  .sol-heading h2{font-size:clamp(1.9rem,7.5vw,2.5rem)}
  .sol-grid{gap:12px}.sol-grid-3,.sol-grid-2{grid-template-columns:1fr}
  .sol-card{padding:22px;scroll-margin-top:90px}
  .sol-card-top{margin-bottom:16px}
  .sol-icon{width:46px;height:46px}
  .sol-card p{line-height:1.55}
  .sol-close{padding:44px 0}
  
  .sol-close-actions,.sol-close .button-light{width:100%}
  .sol-close .button-light{min-height:48px;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.sol-card,.sol-index a{transition:none}}

/* Imagens ilustrativas nos cartões de segmento (23/10/2026). */
.has-media{overflow:hidden}
.card-media{margin:-30px -30px 24px;aspect-ratio:16/10;overflow:hidden;background:#d9eaf6}
.card-media picture{display:block;width:100%;height:100%}
.card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.has-media:hover .card-media img{transform:scale(1.03)}
.home-page .service-card.has-media .service-icon{margin-top:-50px;position:relative;border:3px solid #fff;background:#e2f1f9}
.sol-card.has-media .sol-card-top .sol-icon{margin-top:-50px;position:relative;border:3px solid #fff}
@media(max-width:680px){.card-media{margin:-22px -22px 20px}.home-page .service-card.has-media .service-icon,.sol-card.has-media .sol-card-top .sol-icon{margin-top:-44px}}
@media(prefers-reduced-motion:reduce){.card-media img{transition:none}.has-media:hover .card-media img{transform:none}}
.sol-section:not(.sol-light) .sol-card.has-media .sol-icon{border-color:#276290;background:#2f6c99}
.sol-grid-2 .card-media{aspect-ratio:16/9}
/* Três caminhos, imagem em Tecnologia, links de outros serviços e área de atendimento (23/10/2026). */
.home-page .model-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .model-grid-3 .model-card{min-height:0;padding:30px}
.home-page .model-grid-3 .model-card h3{margin:30px 0 14px;font-size:clamp(1.45rem,2vw,1.85rem)}
.home-page .about-media{margin:32px 0 0;overflow:hidden;border:1px solid #6a9cc0;border-radius:22px;aspect-ratio:4/3;background:#173f62}
.home-page .about-media img{display:block;width:100%;height:100%;object-fit:cover}
.home-page .service-list li a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .25s}
.home-page .service-list li a:hover{color:#063764;background-size:100% 1px}
.home-page .service-list li a::after{content:" →";color:#0b6f9f}
.footer-modern .footer-area em{display:block;font-style:normal;font-weight:700;color:#15344e}
@media(max-width:950px){.home-page .model-grid-3{grid-template-columns:1fr}}
@media(max-width:680px){.home-page .model-grid-3 .model-card{padding:22px}.home-page .model-grid-3 .model-card h3{margin:18px 0 10px}.home-page .about-media{margin-top:22px;border-radius:18px}.home-page .service-list li a{display:inline-flex;align-items:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){.home-page .service-list li a{transition:none}}
/* Páginas legais do iMobi e página 404 com cabeçalho e rodapé do site (23/10/2026). */
.legal-page{background:#f3f9fd;color:#15344e}
.legal-page::before{display:none}
.legal-page .site-header{position:sticky;top:0;background:#eaf5fbf2;border-bottom:1px solid #c4dce9;backdrop-filter:blur(14px)}
.legal-page .header-inner{min-height:72px;padding-block:10px}
.legal-page .brand{width:170px}
.legal-page .back-site{display:inline-flex;align-items:center;min-height:44px;color:#0f4a78;font-weight:700;font-size:.92rem}
.legal-page .back-site:hover{color:#063764;text-decoration:underline}
.legal-main{max-width:880px;padding-block:44px 80px}
.legal-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:20px;color:#4a6a80;font-size:.85rem}
.legal-nav span{margin-right:4px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;color:#0b6f9f}
.legal-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #cfe2ee;border-radius:999px;background:#fff;color:#15344e;font-weight:700}
.legal-nav a:hover{border-color:#3ec3f5}
.legal-page .card{padding:clamp(22px,4vw,44px);border:1px solid #cfe2ee;border-radius:22px;background:#fff;box-shadow:0 18px 40px -30px #0d314b66}
.legal-page .card h1{margin:0 0 12px;color:#0d314b;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.legal-page .card h2{margin:34px 0 8px;color:#0d314b;font-size:1.2rem;line-height:1.35}
.legal-page .card p,.legal-page .card li{max-width:72ch;color:#2c4f68;line-height:1.7}
.legal-page .card a{color:#0b5f8a;text-decoration:underline;text-underline-offset:3px}
.legal-page .card .meta{color:#4a6a80;font-size:.9rem}
.legal-page .card .notice{padding:14px 18px;border-left:4px solid #3ec3f5;border-radius:0 12px 12px 0;background:#eaf7fd;color:#15344e}
.error-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:56vh;padding-block:72px}
.error-main .section-kicker{color:#0b6f9f}
.error-main h1{max-width:720px;margin:16px 0;color:#0d314b;font-size:clamp(2.4rem,5vw,4rem)}
.error-main p{max-width:560px;margin:0 0 28px;color:#3b5f78;font-size:1.05rem}
.error-actions{display:flex;flex-wrap:wrap;gap:10px}
.error-actions .button{border-radius:999px;min-height:46px}
.error-primary{background:#0d314b;color:#fff}.error-primary:hover{background:#195576}
.error-ghost{border:1px solid #9cc3da;color:#0d314b;background:#fff}.error-ghost:hover{border-color:#3ec3f5}
@media(max-width:680px){.legal-page .brand{width:135px}.legal-main{padding-block:28px 52px}.legal-page .card{margin:0 -18px;border-radius:0;border-inline:0}.error-main{padding-block:48px}.error-actions,.error-actions .button{width:100%;justify-content:center}}
.home-page .hero-footnote{max-width:560px;text-wrap:balance}
.back-site{display:inline-flex;align-items:center;min-height:44px}

/* Fechamento comum da home e de /solucoes/ (23/10/2026): seção clara, painel azul-marinho e três passos. */
.cta-section{padding:88px 0;background:linear-gradient(180deg,#f3f9fd,#e6f2f9)}
.cta-panel{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:40px 56px;align-items:center;padding:48px 56px;border-radius:28px;background:radial-gradient(38rem 22rem at 95% -10%,#2b6a98,transparent 62%),#0d314b;color:#f2fafe;box-shadow:0 30px 60px -36px #0d314b}
.cta-panel .section-kicker{color:#a3e4fa}
.cta-panel h2{max-width:620px;margin:14px 0 12px;color:#fff;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.1}
.cta-panel p{max-width:560px;margin:0;color:#d3e3ee;font-size:1.02rem;line-height:1.6}
.cta-steps{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0;list-style:none;color:#f2fafe;font-size:.92rem;font-weight:700}
.cta-steps li{display:flex;align-items:center;gap:10px}
.cta-steps span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a3e4fa80;border-radius:50%;color:#a3e4fa;font-size:.8rem}
.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cta-button{min-height:50px;border-radius:999px;background:#fff;color:#032238}
.cta-button:hover{background:#eaf7fd}
.cta-actions .contact-alt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;color:#d3e3ee;font-size:.92rem}
.cta-actions .contact-alt a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.cta-panel{grid-template-columns:1fr;padding:40px}}
@media(max-width:680px){.cta-section{padding:44px 0}.cta-panel{padding:30px 22px;border-radius:22px;gap:26px}.cta-steps{flex-direction:column;gap:10px}.cta-actions,.cta-button{width:100%}.cta-button{justify-content:center}}

/* Página /condominios/ (23/10/2026): conteúdo para síndicos. */
.condo-hero .sol-hero-grid{align-items:center}
.condo-actions{display:flex;flex-wrap:wrap;gap:12px}
.condo-actions .button-ghost{border:1px solid #8ab8d2;color:#f2fafe;border-radius:999px}
.condo-actions .button-ghost:hover{background:#ffffff1a}
.condo-hero-media{margin:0;overflow:hidden;border:1px solid #6a9cc0;border-radius:26px;aspect-ratio:4/3;background:#173f62;box-shadow:0 30px 60px -36px #000a}
.condo-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pillar{padding:26px;border:1px solid #cfe2ee;border-radius:20px;background:#fff;box-shadow:0 14px 34px -26px #0d314b66}
.pillar .sol-icon{background:#e2f1f9;color:#0b6f9f;margin-bottom:18px}
.pillar h3{margin:0 0 8px;color:#0d314b;font-size:1.2rem}
.pillar p{margin:0;color:#3b5f78;line-height:1.6}
.condo-list{margin:16px 0 0;padding:0;list-style:none}
.condo-list li{position:relative;padding:8px 0 8px 18px;border-top:1px solid #6a9cc055;color:#d3e3ee;font-size:.94rem;line-height:1.5}
.condo-list li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:50%;background:#a3e4fa}
.condo-safety,.condo-faq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:start}
.condo-safety h2,.condo-faq h2{margin:16px 0 14px;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12}
.condo-safety h2{color:#0d314b}.condo-safety p{color:#3b5f78;line-height:1.65}
.condo-faq h2{color:#f2fafe}.condo-faq p{color:#d3e3ee;line-height:1.65}
.condo-safety .section-kicker{color:#0b6f9f}
.safety-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.safety-list li{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #cfe2ee;border-radius:16px;background:#fff;color:#15344e;font-weight:700;line-height:1.45}
.safety-list .sol-icon{flex:none;width:44px;height:44px;background:#e2f1f9;color:#0b6f9f}
.safety-list .sol-icon svg{width:24px;height:24px}
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid #6a9cc0;border-radius:16px;background:#276290}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px;color:#fff;font-weight:700;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;color:#a3e4fa;font-size:1.4rem;line-height:1;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:focus-visible{outline:3px solid #3ec3f5;outline-offset:2px;border-radius:16px}
.faq-item p{margin:0;padding:0 20px 18px;color:#d3e3ee;line-height:1.65}
@media(max-width:950px){.pillar-grid{grid-template-columns:1fr 1fr}.condo-safety,.condo-faq{grid-template-columns:1fr}}
@media(max-width:680px){.condo-actions,.condo-actions .button{width:100%;justify-content:center}.condo-hero-media{border-radius:20px}.pillar-grid{grid-template-columns:1fr;gap:12px}.pillar{padding:22px}.safety-list li{padding:14px}.faq-item summary{padding:14px 16px}.faq-item p{padding:0 16px 16px}}
@media(prefers-reduced-motion:reduce){.faq-item summary::after{transition:none}}

/* Página /comercio/ (23/10/2026): mesmo molde de /condominios/, com segurança em azul e perguntas em seção clara. */
.segment-grid .pillar{border-color:#6a9cc0;background:#276290;box-shadow:none}
.segment-grid .pillar h3{color:#fff}.segment-grid .pillar p{color:#d3e3ee}
.segment-grid .pillar .sol-icon{background:#a3e4fa1f;color:#a3e4fa}
.com-safety h2{color:#f2fafe}.com-safety p{color:#d3e3ee}.com-safety .section-kicker{color:#a3e4fa}
.com-safety .safety-list li{border-color:#6a9cc0;background:#276290;color:#f2fafe}
.com-safety .safety-list .sol-icon{background:#a3e4fa1f;color:#a3e4fa}
.com-faq h2{color:#0d314b}.com-faq>div>p{color:#3b5f78}.com-faq .section-kicker{color:#0b6f9f}
.com-faq .faq-item{border-color:#cfe2ee;background:#fff}
.com-faq .faq-item summary{color:#0d314b}.com-faq .faq-item summary::after{color:#0b6f9f}
.com-faq .faq-item p{color:#3b5f78}
.commerce-page .cta-section{border-top:1px solid #d6e7f1}

/* Tablet (até 1024 px): menu sanduíche, porque o menu horizontal com cinco itens não cabe. */
@media(max-width:1024px){
  html,body{overflow-x:clip}
  .mobile-menu nav{right:0;left:auto;max-width:100dvw}
  .desktop-nav{display:none}
  .mobile-menu{position:relative;display:block;margin-left:auto}
  .mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#123f5c;cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:hover,.mobile-menu[open] summary{background:#d5ebf7}
  .mobile-menu summary:focus-visible{outline:3px solid #00acf0;outline-offset:2px}
  .menu-lines{display:grid;gap:6px;width:27px}
  .menu-lines span{display:block;width:27px;height:2px;border-radius:2px;background:currentColor}
  .mobile-menu:not([open]) .mobile-menu-backdrop,.mobile-menu:not([open]) nav{display:none}
  .mobile-menu[open] .mobile-menu-backdrop{position:fixed;inset:0;z-index:30;display:block;width:100vw;height:100dvh;padding:0;border:0;background:#031c3099;cursor:pointer;animation:mobile-menu-shade-in .38s ease-out both}
  .mobile-menu nav{position:fixed;inset:0 0 0 auto;z-index:31;display:flex;flex-direction:column;width:min(340px,88vw);height:100dvh;overflow-y:auto;padding:24px 22px 30px;border:1px solid #ffffff9c;border-right:0;border-radius:30px 0 0 30px;background:radial-gradient(circle at 15% 10%,#ffffffd9,transparent 42%),radial-gradient(circle at 95% 85%,#9ad9f4a6,transparent 52%),linear-gradient(155deg,#f4fbffdb,#d8edf9d1 58%,#eaf7fdd9);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:-22px 0 60px #051b2d42,inset 1px 0 #ffffff9c;animation:mobile-menu-enter .48s cubic-bezier(.18,.82,.22,1) both}
  .mobile-menu.is-closing nav{animation:mobile-menu-exit .32s cubic-bezier(.55,0,.85,.35) both}
  .mobile-menu.is-closing .mobile-menu-backdrop{animation:mobile-menu-shade-out .32s ease-in both}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:15px;border-bottom:1px solid #c6dfed;color:#0f4a78;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .mobile-menu-close{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid #b8d8e8;border-radius:50%;background:#fff;color:#103c5c;font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
  .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 4px;border-bottom:1px solid #cbdfea;color:#0f4a78;font-size:1rem;font-weight:700}
  .mobile-menu nav a span{color:#6b9fbb;font-size:.9rem}
  .mobile-menu nav a:hover,.mobile-menu nav a:focus-visible,.mobile-menu nav a[aria-current=page]{color:#007bac}
  .mobile-menu nav a[aria-current=page]{padding-left:12px;border-left:3px solid #3ec3f5}
  .mobile-menu nav .mobile-menu-cta{justify-content:center;min-height:50px;margin-top:24px;padding:11px 15px;border:0;border-radius:999px;background:#0d314b;color:#fff}
  .mobile-menu nav .mobile-menu-cta:hover,.mobile-menu nav .mobile-menu-cta:focus-visible{background:#195576;color:#fff}
  body.mobile-menu-open{overflow:hidden}
}
.step-grid .sol-card-top{margin-bottom:18px}.step-grid .pillar .sol-icon{margin-bottom:0}

/* Página /imobi/ (23/10/2026). */
.imobi-grid,.imobi-tech{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.imobi-grid,.imobi-tech{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.imobi-grid,.imobi-tech{grid-template-columns:1fr}}

/* Página /instalacao/ (23/10/2026). */
.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.install-grid .sol-card-top{margin-bottom:18px}.install-grid .pillar .sol-icon{margin-bottom:0}
.sol-light .install-grid .sol-num{color:#0b6f9f}
.install-page .sol-grid-2 .sol-card h3{margin-top:0}
.condo-safety .text-link{margin-top:14px;min-height:44px}
.condo-safety:not(.com-safety) .text-link{color:#0b5f8a}
@media(max-width:680px){.install-grid{grid-template-columns:1fr;gap:12px}}

/* Cards dos três caminhos (home) */
.home-page .path-grid{row-gap:0;column-gap:18px}
.home-page .path-card{position:relative;overflow:hidden;isolation:isolate;padding:30px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-page .path-card:hover{transform:translateY(-4px);border-color:#a3e4fa;box-shadow:0 18px 40px #0322384d}
.home-page .path-head{display:flex;align-items:center;gap:12px}
.home-page .path-card .model-icon{width:54px;height:54px;border-radius:16px;background:#a3e4fa24}
.home-page .path-card .model-icon svg{width:28px;height:28px}
.home-page .path-label{color:#a3e4fa;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.home-page .model-grid-3 .path-card h3{margin:26px 0 6px}
.home-page .model-card .path-for{margin:0 0 12px;color:#a3e4fa;font-size:.95rem;font-weight:700}
.home-page .model-card .path-desc{margin:0}
.home-page .path-facts{margin:22px 0 26px;padding:0;border-top:1px solid #ffffff2e}
.home-page .path-facts div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #ffffff2e}
.home-page .path-facts dt{padding-top:2px;color:#a3e4fa;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.home-page .path-facts dd{margin:0;color:#fff;font-size:.92rem;font-weight:600;line-height:1.4}
.home-page .path-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:auto;padding:12px 18px;border:1px solid #a3e4fa;border-radius:999px;background:#a3e4fa;color:#032238;font-size:.92rem;font-weight:800;text-align:center;transition:background .2s ease,border-color .2s ease}
.home-page .path-button:hover{background:#fff;border-color:#fff}
.home-page .path-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home-page .path-swipe{display:none}
.home-page .model-note .text-link{display:inline;color:#a3e4fa;font-weight:700;white-space:nowrap}
@supports (grid-template-rows:subgrid){@media(min-width:951px){.home-page .path-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;align-content:start}.home-page .path-button{align-self:end}}}
@media(max-width:950px){.home-page .path-grid{display:flex;gap:12px;margin:0 -18px;padding:4px 18px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none}.home-page .path-grid::-webkit-scrollbar{display:none}.home-page .path-card{flex:0 0 min(86%,420px);scroll-snap-align:start;padding:24px}.home-page .path-card:hover{transform:none}.home-page .path-swipe{display:block;margin:6px 0 0;color:#a3e4fa;font-size:.82rem;font-weight:700}.home-page .model-grid-3 .path-card h3{margin:20px 0 6px}}
@media(prefers-reduced-motion:reduce){.home-page .path-card,.home-page .path-button{transition:none}.home-page .path-card:hover{transform:none}}
@media(max-width:680px){.home-page .path-facts div{grid-template-columns:96px minmax(0,1fr);gap:10px}.home-page .path-facts dt{letter-spacing:.06em}}

/* Seção iMobi na home */
.home-page .about-imobi{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.home-page .about-imobi .about-copy{padding-top:0}
.home-page .about-lead{margin:18px 0 26px;color:#d3e3ee;font-size:1.08rem;line-height:1.6}
.home-page .about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0;list-style:none}
.home-page .about-features li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #6a9cc066;border-radius:14px;background:#276290a6}
.home-page .about-feature-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:12px;background:#a3e4fa24;color:#a3e4fa}
.home-page .about-feature-icon svg{width:22px;height:22px}
.home-page .about-features strong{display:block;color:#fff;font-size:.95rem;line-height:1.3}
.home-page .about-features small{display:block;margin-top:3px;color:#c4d9e6;font-size:.83rem;line-height:1.4}
.home-page .about-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;color:#b9d0de;font-size:.86rem}
.home-page .about-badge{padding:3px 10px;border:1px solid #a3e4fa66;border-radius:999px;color:#a3e4fa;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.home-page .about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.home-page .about-actions .text-link{margin:0;color:#a3e4fa}
.home-page .about-imobi .about-media{position:relative;margin:0}
.home-page .about-chip{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #ffffff40;border-radius:999px;background:#032238cc;color:#fff;font-size:.82rem;font-weight:700;backdrop-filter:blur(8px)}
.home-page .about-chip-dot{width:8px;height:8px;border-radius:50%;background:#5ee39a;box-shadow:0 0 0 4px #5ee39a33}
@media(max-width:950px){.home-page .about-imobi{grid-template-columns:1fr;gap:28px}}
@media(max-width:680px){.home-page .about-features{grid-template-columns:1fr;gap:10px}.home-page .about-features li{padding:12px}.home-page .about-actions .button{width:100%;justify-content:center}.home-page .about-chip{left:12px;bottom:12px;font-size:.76rem}}

/* Benefícios e chamada intermediária (condomínios) */
.benefit-section{padding:72px 0}
.benefit-card{display:flex;flex-direction:column}
.benefit-card .benefit-icon{width:52px;height:52px;margin-bottom:20px;border-radius:14px;background:linear-gradient(135deg,#1f86c4,#0b5f8f);color:#fff;box-shadow:0 10px 22px -12px #0b5f8f}
.benefit-card .benefit-icon svg{width:26px;height:26px}
.benefit-card h3{margin:0 0 10px;line-height:1.15}
.benefit-stat{display:block;color:#0b6f9f;font-size:clamp(1.6rem,2.2vw,2rem);font-weight:800;letter-spacing:-.02em}
.benefit-label{display:block;margin-top:4px;color:#0d314b;font-size:1rem;font-weight:700}
.benefit-card p{font-size:.94rem}
.check-band{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:28px;padding:28px 36px;border-radius:22px;background:radial-gradient(30rem 16rem at 100% 0,#2b6a98,transparent 60%),#0d314b;color:#f2fafe}
.check-band .section-kicker{color:#a3e4fa}
.check-band h3{margin:8px 0 6px;color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem)}
.check-band p{margin:0;color:#d3e3ee}
.check-band .button{flex:none}
@media(max-width:680px){.benefit-section{padding:44px 0}.benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.benefit-card{padding:16px}.benefit-card .benefit-icon{width:42px;height:42px;margin-bottom:12px}.benefit-card .benefit-icon svg{width:22px;height:22px}.benefit-stat{font-size:1.35rem}.benefit-label{font-size:.86rem}.benefit-card p{font-size:.84rem;line-height:1.45}.check-band{flex-direction:column;align-items:stretch;padding:24px 20px}.check-band .button{justify-content:center}}

/* Fases de segurança (condomínios) */
.safety-phases{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}
.safety-phases::before{content:"";position:absolute;top:28px;bottom:28px;left:23px;width:2px;background:linear-gradient(#7fc4e6,#cfe2ee)}
.safety-phase{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start}
.phase-num{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1f86c4,#0b5f8f);color:#fff;font-weight:800;box-shadow:0 0 0 5px #eef6fb}
.phase-body{padding:18px 22px;border:1px solid #cfe2ee;border-radius:18px;background:#fff;box-shadow:0 14px 34px -28px #0d314b66}
.phase-tag{color:#0b6f9f;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.phase-body h3{margin:4px 0 10px;color:#0d314b;font-size:1.12rem}
.phase-body ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.phase-body ul li{position:relative;padding-left:22px;color:#3b5f78;font-size:.93rem;line-height:1.5}
.phase-body ul li::before{content:"";position:absolute;left:2px;top:.45em;width:11px;height:6px;border-left:2px solid #0b6f9f;border-bottom:2px solid #0b6f9f;transform:rotate(-45deg)}
@media(max-width:680px){.safety-phases::before{left:17px}.safety-phase{grid-template-columns:36px minmax(0,1fr);gap:12px}.phase-num{width:36px;height:36px;font-size:.85rem}.phase-body{padding:15px 16px}}

/* Rodapé escuro, harmonizado com as seções azuis */
body .site-footer.footer-modern{border-top:0;background:radial-gradient(40rem 22rem at 100% 0,#1f5f8f66,transparent 60%),linear-gradient(180deg,#0d314b 0%,#082740 100%);color:#d3e3ee}
body .site-footer.footer-modern::before{opacity:.9}
.footer-modern .footer-main{grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);padding-block:64px 48px}
.footer-modern .footer-brand img{filter:brightness(1.35) saturate(1.1)}
.footer-modern .footer-brand p{color:#c4d9e6}
.footer-modern .footer-cta{background:linear-gradient(135deg,#7ccff3,#3fb2ea);color:#032238;font-weight:800;box-shadow:0 12px 28px -12px #3ec3f5aa}
.footer-modern .footer-cta:hover{background:#fff;color:#032238}
.footer-modern .footer-column h2{color:#a3e4fa}
.footer-modern .footer-column a{color:#e4f1f8}
.footer-modern .footer-column a:hover{color:#fff}
.footer-modern .footer-contacts span:last-child,.footer-modern .footer-area em{color:#fff}
.footer-modern .footer-contacts small{color:#a9c4d6}
.footer-modern .footer-icon{border-color:#ffffff26;background:#ffffff0f;color:#a3e4fa}
.footer-modern .footer-contacts a:hover .footer-icon{border-color:#a3e4fa;background:#a3e4fa1f}
.footer-modern .footer-bottom{border-top-color:#ffffff1f;color:#a9c4d6}
.footer-modern .footer-bottom a{color:#d3e3ee}
.footer-modern .footer-bottom a:hover{color:#fff}
.footer-modern .footer-top-icon{border-color:#ffffff33;background:#ffffff0f;color:#a3e4fa}
.footer-modern .footer-top:hover .footer-top-icon{border-color:#a3e4fa}
.footer-modern a:focus-visible{outline:2px solid #a3e4fa;outline-offset:3px}
@media(max-width:950px){.footer-modern .footer-main{grid-template-columns:1fr 1fr}.footer-modern .footer-brand{grid-column:1/-1}.footer-modern .footer-main>.footer-column:last-child{grid-column:1/-1}}
@media(max-width:580px){.footer-modern .footer-main{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:48px 36px}.footer-modern .footer-column a{font-size:.92rem}.footer-modern .footer-bottom{align-items:center;text-align:center}.footer-modern .footer-legal{justify-content:center}}

/* Menu suspenso de soluções */
.nav-drop{position:relative}
.nav-drop-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.nav-drop-toggle:hover,.nav-drop.is-open .nav-drop-toggle{color:#032238}
.nav-drop-toggle.is-current{color:#063764;text-decoration:underline;text-decoration-color:#3ec3f5;text-decoration-thickness:3px;text-underline-offset:7px}
.nav-drop-toggle:focus-visible{outline:3px solid #3ec3f5;outline-offset:4px;border-radius:6px}
.nav-chevron{width:16px;height:16px;transition:transform .2s ease}
.nav-drop.is-open .nav-chevron{transform:rotate(180deg)}
.nav-drop-panel{position:absolute;top:calc(100% + 14px);left:50%;z-index:60;width:min(560px,90vw);padding:20px;border:1px solid #cfe2ee;border-radius:20px;background:#fff;box-shadow:0 28px 60px -28px #0d314b80;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nav-drop-panel::before{content:"";position:absolute;inset:-16px 0 auto;height:16px}
.nav-drop.is-open .nav-drop-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-drop-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.nav-drop-title{margin:0 0 6px 10px;color:#0b6f9f;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.nav-list .nav-drop-panel a{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;color:#0d314b;text-decoration:none}
.nav-list .nav-drop-panel a:hover,.nav-list .nav-drop-panel a:focus-visible{background:#eef6fb;color:#063764}
.nav-list .nav-drop-panel a[aria-current=page]{background:#e2f1f9;text-decoration:none}
.nav-list .nav-drop-panel a.nav-condo-subitem{margin:-4px 0 7px 18px;padding:7px 10px 7px 14px;border-left:2px solid #8ac9e7;border-radius:0 10px 10px 0}
.nav-drop-panel strong{font-size:.92rem}
.nav-drop-panel small{color:#4a6a80;font-size:.78rem;font-weight:500}
.nav-list .nav-drop-panel .nav-condo-subitem strong{font-size:.84rem}
.nav-list .nav-drop-panel .nav-condo-subitem small{font-size:.73rem}
.nav-list .nav-drop-panel .nav-drop-all{flex-direction:row;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 14px;border-top:1px solid #e2eef5;border-radius:0 0 12px 12px;color:#0b6f9f;font-size:.85rem;font-weight:800}
.mobile-menu-group{margin:14px 0 2px;padding:0 4px;color:#0b6f9f;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mobile-menu nav a.mobile-condo-subitem{min-height:44px;margin:0 0 7px 18px;padding:8px 4px 8px 12px;border-left:2px solid #65b6dd;font-size:.88rem;font-weight:600}
@media(prefers-reduced-motion:reduce){.nav-drop-panel,.nav-chevron{transition:none}}

/* Carregador animado: assinatura visual nos painéis de chamada e no 404 */
.cta-panel{position:relative;overflow:hidden;isolation:isolate}
.cta-panel>:not(.cta-scene){position:relative;z-index:1}
.cta-scene,.error-scene{position:absolute;z-index:0;pointer-events:none}
.cta-scene{top:50%;right:28px;width:230px;color:#a3e4fa;opacity:.4;transform:translateY(-50%)}
@media(min-width:1101px){.cta-panel{padding-right:270px}}
@media(max-width:1100px){.cta-scene{display:none}}
.error-main{position:relative;overflow:hidden}
.error-main>:not(.error-scene){position:relative;z-index:1}
.error-scene{top:50%;right:0;width:min(420px,40vw);color:#0b6f9f;opacity:.18;transform:translateY(-50%)}
.cta-scene svg,.error-scene svg{display:block;width:100%;height:auto}
.sc-flow{stroke-dasharray:6 12;animation:sc-flow 2.4s linear infinite}
.sc-pulse{transform-box:view-box;transform-origin:435px 265px;animation:sc-pulse 3.6s ease-out infinite}
.sc-d1{animation-delay:1.2s}.sc-d2{animation-delay:2.4s}
@keyframes sc-flow{to{stroke-dashoffset:-72}}
@keyframes sc-pulse{0%{transform:scale(.55);opacity:.55}100%{transform:scale(1.25);opacity:0}}
@media(max-width:850px){.cta-scene,.error-scene{display:none}}
@media(prefers-reduced-motion:reduce){.sc-flow,.sc-pulse{animation:none}.sc-pulse{opacity:.2}}

/* Imagem do card leva à página; link inferior leva ao formulário */
.card-media-link{display:block;color:inherit;border-radius:inherit}
.card-media-link .card-media{overflow:hidden}
.card-media-link img{transition:transform .35s ease,filter .35s ease}
.card-media-link:hover img{transform:scale(1.04);filter:brightness(1.05)}
.card-media-link:focus-visible{outline:3px solid #3ec3f5;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.card-media-link img{transition:none}.card-media-link:hover img{transform:none}}

}
@layer mobility{
.questionnaire-page{min-height:100vh;background:#071d31;color:#deedf5}.questionnaire-page .header-inner{max-width:1160px}.back-site{color:#a9ddf5;font-weight:700;font-size:.9rem}.back-site:hover{color:#fff}.questionnaire-main{padding:56px 0 100px}.intro{max-width:770px;margin-bottom:32px}.intro h1{max-width:none;margin:14px 0 16px;font-size:clamp(2.4rem,4vw,4rem)}.intro p{max-width:690px;color:#b8cedc;font-size:1.08rem}.mode-note{margin-bottom:24px;padding:13px 17px;border:1px solid #315774;border-radius:10px;background:#10324d;color:#c3dfed;font-size:.87rem}.mode-note.demo{border-color:#38789c;background:#113a56}.mode-note.live{border-color:#338e8e;background:#104440}.wizard-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.wizard-sidebar,.wizard-panel{border:1px solid #28506a;border-radius:18px;background:#0c2b45}.wizard-sidebar{padding:28px;position:sticky;top:102px}.wizard-sidebar h2{margin:0 0 28px;color:#fff;font-size:1.5rem}.wizard-sidebar ol{list-style:none;margin:0;padding:0;border-left:1px solid #315774}.wizard-sidebar li{position:relative;margin:0 0 22px;padding-left:21px;color:#91adbf;font-size:.87rem;font-weight:700}.wizard-sidebar li::before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:#4b6b7d}.wizard-sidebar li.active{color:#66d2ff}.wizard-sidebar li.active::before,.wizard-sidebar li.complete::before{background:#43c7ff}.wizard-sidebar p{margin:30px 0 0;color:#a9c0d0;font-size:.85rem}.wizard-panel{min-height:540px;padding:34px 42px}.step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#73d4ff;font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.progress{display:block;width:100%;height:7px;margin:16px 0 34px;accent-color:#00acf0}.step-title{margin:0 0 12px;color:#fff;font-size:clamp(1.65rem,2.6vw,2.6rem)}.step-hint{margin:0 0 28px;color:#aec7d6}.field{margin:0 0 26px;padding:0;border:0}.field-label,.field legend{display:block;margin-bottom:11px;color:#e9f7ff;font-size:.96rem;font-weight:700}.field-label .optional,.field legend .optional{color:#95afc1;font-weight:400}.field input[type=text],.field input[type=number],.field input[type=tel],.field input[type=email]{display:block;width:100%;max-width:530px;min-height:50px;padding:11px 15px;border:1px solid #3d6680;border-radius:9px;background:#08243a;color:#fff;font:inherit}.field input:focus-visible{outline:3px solid #43c7ff;outline-offset:2px}.field input::placeholder{color:#8da8b8}.field-error{display:block;margin-top:7px;color:#ffc2b8;font-size:.84rem}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.option{display:flex;gap:12px;align-items:center;min-height:58px;padding:13px 15px;border:1px solid #3b627d;border-radius:10px;background:#103651;cursor:pointer;font-size:.91rem;font-weight:650;line-height:1.35}.option:hover{border-color:#58c9fa;background:#154461}.option:has(input:checked){border-color:#43c7ff;background:#115077;box-shadow:inset 0 0 0 1px #43c7ff}.option:has(input:focus-visible){outline:3px solid #43c7ff;outline-offset:2px}.option input{flex:none;width:18px;height:18px;margin:0;accent-color:#00acf0}.wizard-actions{display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid #294e68}.wizard-actions button,.edit-button{font:inherit;cursor:pointer}.button-quiet{border:1px solid #4a6e86;border-radius:8px;background:transparent;color:#e3f4fb;padding:12px 19px;font-weight:700}.button-quiet:hover{background:#153d58}.button-quiet:disabled{opacity:.45;cursor:not-allowed}.button-next{border:0;border-radius:8px;background:#008fdb;color:#fff;padding:12px 21px;font-weight:800}.button-next:hover{background:#00acf0}.button-next:disabled{opacity:.55;cursor:wait}.button-next:focus-visible,.button-quiet:focus-visible,.edit-button:focus-visible{outline:3px solid #7ad9ff;outline-offset:3px}.review-list{display:grid;gap:15px;margin-top:25px}.review-group{padding:18px;border:1px solid #345873;border-radius:12px;background:#103650}.review-group h3{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 13px;color:#fff;font-size:1.05rem}.review-row{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:7px 0;border-top:1px solid #ffffff1a;font-size:.87rem}.review-row dt{color:#aac3d1}.review-row dd{margin:0;color:#f1fbff;overflow-wrap:anywhere}.edit-button{border:0;background:transparent;color:#75d8ff;font-size:.84rem;font-weight:700}.edit-button:hover{text-decoration:underline}.review-note{margin:25px 0;color:#b8cedc}.submission-message{padding:14px 16px;margin:22px 0;border-radius:9px;background:#4f252d;color:#ffe0de}.confirmation{max-width:720px}.confirmation h2{color:#fff;font-size:2.5rem}.confirmation p{color:#c2d9e6}.confirmation .review-list{margin-bottom:27px}.confirmation .demo-warning{padding:15px;border-radius:9px;background:#133e5b;border:1px solid #4a83a4;color:#e2f5ff}.questionnaire-footer{padding:24px 0;border-top:1px solid #244b66;color:#a9c1d0;font-size:.85rem}.questionnaire-footer .container{display:flex;justify-content:space-between;gap:20px}.questionnaire-footer a{color:#7ad9ff}.questionnaire-footer a:hover{text-decoration:underline}@media(max-width:850px){.wizard-layout{grid-template-columns:1fr}.wizard-sidebar{display:none}.wizard-panel{padding:28px}.questionnaire-main{padding-top:42px}}@media(max-width:580px){.questionnaire-page .brand{width:145px}.back-site{font-size:.8rem}.intro h1{font-size:2.35rem}.wizard-panel{padding:22px 18px}.options{grid-template-columns:1fr}.review-row{grid-template-columns:1fr;gap:0}.wizard-actions{flex-wrap:wrap}.button-next{margin-left:auto}.questionnaire-footer .container{display:block}.questionnaire-footer a{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.trap-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cep-retry{display:inline-block;margin-top:10px}.field-help{display:block;margin-top:8px;color:#b8cedc;font-size:.84rem}.field-help.notice{color:#ffd0bd}.field-help.success{color:#bceccf}

/* Visual v2: azul mais claro, cartões de escolha e cena de recarga */
.questionnaire-page{--q-bg:#1f5681;--q-hi:#2b6590;--q-lo:#173f62;--q-surface:#276290;--q-surface-2:#2c6a96;--q-line:#6a9cc0;--q-muted:#d3e3ee;--q-accent:#3ec3f5;--q-accent-2:#a3e4fa;--q-ink:#032238;--q-glass:rgba(23,63,98,.55);background-color:var(--q-bg);color:#f2fafe;position:relative}
.questionnaire-page .site-header,.questionnaire-main,.questionnaire-footer{position:relative;z-index:1}
.back-site{color:#d7f2ff}
.intro h1 .grad{background:linear-gradient(95deg,var(--q-accent-2),#9fdcf6 60%,#c9eefb);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro p,.wizard-sidebar p,.step-hint,.review-note,.confirmation p{color:var(--q-muted)}
.scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.scene svg{position:absolute;top:70px;right:max(-60px,calc(50% - 760px));width:min(680px,92vw);height:auto;color:#c6e6f7;opacity:.55}
.scene .flow{stroke:var(--q-accent-2);stroke-dasharray:6 12;animation:scene-flow 2.4s linear infinite}
.scene .pulse{transform-origin:435px 265px;animation:scene-pulse 3.6s ease-out infinite}
.scene .delay-1{animation-delay:1.2s}.scene .delay-2{animation-delay:2.4s}
@keyframes scene-flow{to{stroke-dashoffset:-72}}
@keyframes scene-pulse{0%{transform:scale(.55);opacity:.55}100%{transform:scale(1.25);opacity:0}}
.mode-note,.mode-note.demo,.mode-note.live{border-color:var(--q-line);background:#173f6280;color:#e4f4fc}
.wizard-sidebar,.wizard-panel{border-color:var(--q-line);background:var(--q-glass);backdrop-filter:blur(14px)}
.wizard-panel{border-radius:24px;box-shadow:0 30px 70px -30px #0009}
.wizard-sidebar ol{border-left:0;display:grid;gap:4px}
.wizard-sidebar li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;margin:0;padding:9px 8px;border-radius:12px;color:var(--q-muted)}
.wizard-sidebar li::before{display:none}
.wizard-sidebar .dot{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--q-line);border-radius:50%;font-size:.75rem}
.wizard-sidebar li.active{background:#a3e4fa1a;color:#fff}
.wizard-sidebar li.active .dot{border-color:var(--q-accent-2);color:var(--q-accent-2);box-shadow:0 0 0 4px #a3e4fa26}
.wizard-sidebar li.complete .dot{border-color:var(--q-accent);background:var(--q-accent);color:var(--q-ink)}
.step-top{color:var(--q-accent-2)}
.segments{position:relative;display:flex;gap:5px;margin:14px 8px 30px 0;padding:5px;border:1.5px solid var(--q-line);border-radius:10px}
.segments::after{content:"";position:absolute;top:50%;right:-7px;width:4px;height:10px;margin-top:-5px;border-radius:0 3px 3px 0;background:var(--q-line)}
.segments i{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--q-accent) var(--fill,0%),#ffffff26 var(--fill,0%));transition:background .3s}
.privacy-note{margin:0 0 22px;color:var(--q-muted);font-size:.86rem}.privacy-note a{color:var(--q-accent-2);text-decoration:underline}
.charge-done{display:block;width:110px;height:auto;margin-bottom:20px;color:var(--q-accent)}
.charge-fill{transform-origin:9px 28px;animation:charge-fill 1.4s ease-out both}
@keyframes charge-fill{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media(max-width:850px){.wizard-sidebar,.wizard-panel{backdrop-filter:none;background:rgba(23,63,98,.86)}}
.step-title{letter-spacing:-.035em;text-wrap:balance}
.field-label,.field legend{color:#f2fafe}
.field input[type=text],.field input[type=number],.field input[type=tel],.field input[type=email]{border-color:var(--q-line);background:#12395e99;border-radius:12px}
.field input:focus-visible,.option:has(input:focus-visible){outline-color:var(--q-accent-2)}
.option{position:relative;padding-right:52px;border-color:var(--q-line);border-radius:14px;background:var(--q-surface);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.option::after{content:"";position:absolute;top:50%;right:16px;width:22px;height:22px;margin-top:-11px;border:1.5px solid var(--q-line);border-radius:50%;transition:background .18s,border-color .18s}
.option:hover{transform:translateY(-2px);border-color:var(--q-accent-2);background:var(--q-surface-2)}
.option:has(input:checked){border-color:var(--q-accent-2);background:linear-gradient(160deg,#347fae,#25608a);box-shadow:0 0 0 1px var(--q-accent-2),0 18px 40px -18px #3ec3f577}
.option:has(input:checked)::after{border-color:var(--q-accent-2);background:var(--q-accent-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23032238' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18.5 8'/%3E%3C/svg%3E") center/14px no-repeat}
.options-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}
.option-card{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;min-height:170px;padding:20px;font-size:1.04rem}
.option-card::after{top:16px;right:16px;margin-top:0}
.option-icon{width:42px;height:42px;padding:9px;border-radius:12px;background:#a3e4fa1f;color:var(--q-accent-2)}
.wizard-actions{border-top-color:#ffffff1f}
.button-quiet{border-color:var(--q-line);border-radius:12px}
.button-quiet:hover{background:#ffffff1a}
.button-next{border-radius:12px;background:linear-gradient(135deg,#7ccff3,#3fb2ea);color:var(--q-ink);box-shadow:0 12px 28px -10px #3ec3f5aa;transition:transform .18s}
.button-next:hover{background:linear-gradient(135deg,#93d7f6,#58bff0);transform:translateY(-2px)}
.button-next:disabled{transform:none;box-shadow:none}
.review-group{border-color:var(--q-line);background:#276290aa}
.review-row dt{color:var(--q-muted)}
.edit-button{color:var(--q-accent-2)}
.questionnaire-footer{border-top-color:#ffffff1f;color:var(--q-muted)}
.questionnaire-footer a,.back-site:hover{color:#fff}
.questionnaire-page{--header-band:linear-gradient(180deg,#eef7fcf2 0%,#e1f0f9e6 70%,#d4e8f500 100%)}
.questionnaire-page .back-site{color:#0f4a78;font-weight:700}
.questionnaire-page .back-site:hover{color:#032238}
@media(max-width:850px){.scene svg{opacity:.28;top:40px}}
@media(prefers-reduced-motion:reduce){.scene .flow,.scene .pulse{animation:none}.scene .pulse{opacity:.2}.charge-fill{animation:none}.segments i{transition:none}.option,.button-next{transition:none}.option:hover,.button-next:hover{transform:none}}
@media(max-width:680px){.questionnaire-footer{padding-bottom:90px}}

/* Ajustes de leitura do formulário em telas largas, retrato e celular. */
@media(min-width:1161px){
  .questionnaire-main>.container{width:min(1320px,calc(100% - 64px))}
  .questionnaire-main .wizard-layout{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:850px){
  .questionnaire-main .option-card{min-height:104px}
}
@media(max-width:580px){
  .questionnaire-main .options-cards{gap:10px}
  .questionnaire-main .option-card{flex-direction:row;align-items:center;gap:12px;min-height:76px;padding:13px 50px 13px 14px;font-size:1rem}
  .questionnaire-main .option-card::after{top:50%;right:15px;margin-top:-11px}
  .questionnaire-main .option-icon{flex:none;width:38px;height:38px;padding:8px}
}
.mode-note[hidden]{display:none}
.confirmation{max-width:850px}
.confirmation .review-group{padding:22px}
.confirmation .review-group h3{margin-bottom:18px}
.confirmation .review-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.confirmation .review-row{display:block;padding:13px 15px;border:1px solid #ffffff26;border-radius:10px;background:#173f6270}
.confirmation .review-row dt{margin-bottom:5px;font-size:.76rem;font-weight:700;letter-spacing:.03em}
.confirmation .review-row dd{font-size:.95rem;font-weight:650;line-height:1.4}
.review-row dt{display:flex;align-items:start;justify-content:space-between;gap:8px}
.review-row dt .edit-button{flex:none;font-size:.78rem}
@media(max-width:580px){
  .confirmation .review-group{padding:16px}
  .confirmation .review-group dl{grid-template-columns:1fr}
}

/* O formulário ocupa a tela útil do celular e começa logo após a abertura. */
@media(max-width:580px){
  .questionnaire-page .header-inner{min-height:64px;padding-block:9px;gap:10px}
  .questionnaire-page .brand{width:132px}
  .questionnaire-page .back-site{font-size:.78rem;white-space:nowrap}
  .questionnaire-main{padding:20px 0 44px}
  .questionnaire-main .container{width:calc(100% - 28px)}
  .questionnaire-main .intro{margin-bottom:16px}
  .questionnaire-main .intro .section-kicker{font-size:.68rem}
  .questionnaire-page .questionnaire-main .intro h1{margin:8px 0 10px;font-size:clamp(2rem,8vw,2.35rem);line-height:1.08}
  .questionnaire-main .intro p{margin:0;font-size:.94rem;line-height:1.45}
  .questionnaire-main .wizard-panel{min-height:0;padding:20px 16px;border-radius:18px}
  .questionnaire-main .step-top{gap:8px;font-size:.7rem;letter-spacing:.05em}
  .questionnaire-main .segments{margin:11px 7px 18px 0}
  .questionnaire-main .step-title{font-size:clamp(1.45rem,6vw,1.75rem);line-height:1.2}
  .questionnaire-main .step-hint{margin-bottom:16px;font-size:.9rem}
  .questionnaire-main .field{margin-bottom:18px}
  .questionnaire-main .option-card{min-height:66px;padding:11px 45px 11px 12px}
  .questionnaire-main .option-icon{width:34px;height:34px;padding:7px}
  .questionnaire-main .wizard-actions{margin-top:20px;padding-top:16px}
  .questionnaire-main .wizard-actions button{min-height:44px}
  .questionnaire-page .scene{display:none}
  .questionnaire-page .site-footer{padding-bottom:24px}
}
.questionnaire-page .step-notice{padding:12px 14px;border:1px solid var(--q-line);border-left:3px solid var(--q-accent);border-radius:10px;background:#173f6280;color:#e4f4fc}
.questionnaire-page .step-notice p{margin:0 0 10px;color:inherit}
.questionnaire-page .step-notice .button-quiet{padding:8px 14px;font-size:.88rem}

/* Entrada do formulário: grupos, cards compactos e avanço automático */
.questionnaire-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.questionnaire-page .profile-field{margin-bottom:8px}
.questionnaire-page .option-group-title{margin:18px 0 10px;color:var(--q-accent-2);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.questionnaire-page .profile-field .option-group-title:first-of-type{margin-top:4px}
.questionnaire-page .profile-field .options-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.questionnaire-page .profile-field .option-card{grid-column:span 2;min-width:0;flex-direction:row;align-items:center;gap:14px;min-height:84px;padding:16px 18px}
.questionnaire-page .profile-field .option-card:nth-child(4){grid-column:2/span 2}
.questionnaire-page .profile-field .option-card:nth-child(5){grid-column:4/span 2}
.questionnaire-page .profile-field .option-card::after{display:none}
.questionnaire-page .profile-field .option-icon{flex:none}
.questionnaire-page .option-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.questionnaire-page .option-text strong{color:#fff;font-size:.98rem;line-height:1.3}
.questionnaire-page .option-text small{color:#d3e6f2;font-size:.82rem;font-weight:500;line-height:1.35}
.questionnaire-page .inline-link{color:var(--q-accent-2);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.questionnaire-page .profile-help{line-height:1.65}
.questionnaire-page .summary-details{margin:24px 0 28px}
.questionnaire-page .summary-details summary{width:max-content;max-width:100%;padding:10px 0;color:var(--q-accent-2);font-weight:800;cursor:pointer}
.questionnaire-page .summary-details summary:focus-visible{outline:3px solid var(--q-accent-2);outline-offset:3px}
.questionnaire-page .summary-details .review-list{margin-top:12px}
.questionnaire-page .confirmation-guide{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin-top:16px;text-align:center;text-decoration:none;line-height:1.35}
@media(max-width:580px){
  .questionnaire-page .confirmation .charge-done{margin-bottom:12px}
  .questionnaire-page .confirmation h2{margin:10px 0 16px;font-size:clamp(1.85rem,7.5vw,2.2rem);line-height:1.12}
  .questionnaire-page .confirmation-guide{margin-top:12px}
  .questionnaire-page .summary-details{margin:16px 0 18px}
}
.questionnaire-page .step-title .optional{font-size:.48em;font-weight:600;color:#b8d3e2;white-space:nowrap}
@media(max-width:1100px){.questionnaire-page .profile-field .options-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.questionnaire-page .profile-field .option-card:nth-child(4){grid-column:span 2}.questionnaire-page .profile-field .option-card:nth-child(5){grid-column:2/span 2}}
@media(max-width:580px){.questionnaire-page .profile-field .options-cards{grid-template-columns:1fr;gap:8px}.questionnaire-page .profile-field .option-card,.questionnaire-page .profile-field .option-card:nth-child(4),.questionnaire-page .profile-field .option-card:nth-child(5){grid-column:auto;min-height:68px;padding:12px 14px}}

/* Keep the footer below the viewport while the first question is rendered. */
@media(max-width:850px){.questionnaire-page .questionnaire-main{min-height:100vh;min-height:100svh}}
@media(max-width:580px) and (max-height:740px){
  .questionnaire-page .questionnaire-main{padding-top:12px}
  .questionnaire-page .questionnaire-main .intro{margin-bottom:10px}
  .questionnaire-page .questionnaire-main .intro h1{margin:6px 0 7px}
  .questionnaire-page .questionnaire-main .wizard-panel{padding-block:16px}
  .questionnaire-page .questionnaire-main .segments{margin:8px 7px 12px 0}
  .questionnaire-page .questionnaire-main .step-title{margin-bottom:8px}
  .questionnaire-page .questionnaire-main .field{margin-bottom:12px}
  .questionnaire-page .questionnaire-main .wizard-actions{margin-top:14px;padding-top:12px}
}
@media(max-width:580px) and (max-height:650px){
  .questionnaire-page .questionnaire-main{padding-top:8px}
  .questionnaire-page .questionnaire-main .intro{margin-bottom:6px}
  .questionnaire-page .questionnaire-main .wizard-panel{padding-block:12px}
  .questionnaire-page .questionnaire-main .options{gap:8px}
  .questionnaire-page .questionnaire-main .option{min-height:52px;padding-block:9px}
  .questionnaire-page .questionnaire-main .wizard-actions{margin-top:8px;padding-top:8px}
}
@media(max-width:580px){
  .questionnaire-page .wizard-panel.wizard-panel-expand{min-height:calc(100svh - 24px);display:flex;flex-direction:column}
  .questionnaire-page .wizard-panel-expand #wizard,.questionnaire-page .wizard-panel-expand #step-form{flex:1;display:flex;flex-direction:column}
  .questionnaire-page .wizard-panel-expand .wizard-actions{margin-top:auto}
}

/* Endereço do condomínio: campos compactos e rolagem dentro do cartão no celular. */
.questionnaire-page .field-help:empty{display:none}
@media(max-width:580px){
  .questionnaire-page .condo-address .field-postalCode{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
  .questionnaire-page .condo-address .field-postalCode .field-label,
  .questionnaire-page .condo-address .field-postalCode .field-help,
  .questionnaire-page .condo-address .field-postalCode .field-error{grid-column:1/-1;margin:0}
  .questionnaire-page .condo-address .field-postalCode input{min-width:0;max-width:none}
  .questionnaire-page .condo-address .field-postalCode .cep-retry{min-height:44px;margin:0;padding:8px 13px;white-space:nowrap}
  .questionnaire-page .condo-address .address-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:10px}
  .questionnaire-page .condo-address .address-city-row{grid-template-columns:minmax(0,1fr) 78px}
  .questionnaire-page .condo-address .address-field-row .field{min-width:0}
  .questionnaire-page .condo-address .address-field-row input{min-width:0;max-width:none}
  .questionnaire-page .condo-address .address-field-row .field-label{font-size:.85rem;line-height:1.3}
  .questionnaire-page .wizard-panel.wizard-panel-address,
  .questionnaire-page .wizard-panel.wizard-panel-condo-project{height:calc(100svh - 28px - env(safe-area-inset-bottom, 0px));height:calc(100dvh - 28px - env(safe-area-inset-bottom, 0px));min-height:0;display:flex;flex-direction:column;overflow:hidden}
  .questionnaire-page .questionnaire-main .wizard-panel.wizard-panel-address,
  .questionnaire-page .questionnaire-main .wizard-panel.wizard-panel-condo-project{padding-block:10px}
  .questionnaire-page .wizard-panel-address #wizard,
  .questionnaire-page .wizard-panel-address #step-form,
  .questionnaire-page .wizard-panel-condo-project #wizard,
  .questionnaire-page .wizard-panel-condo-project #step-form{flex:1;min-height:0;display:flex;flex-direction:column}
  .questionnaire-page .wizard-panel-address .segments,
  .questionnaire-page .wizard-panel-condo-project .segments{margin-top:4px;margin-bottom:8px}
  .questionnaire-page .wizard-panel-address .step-title,
  .questionnaire-page .wizard-panel-condo-project .step-title{margin-bottom:8px}
  .questionnaire-page .wizard-panel-condo-project .step-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:3px}
  .questionnaire-page .questionnaire-main .intro.intro-condo-followup{margin-bottom:24px}
  .questionnaire-page .wizard-panel-condo-project .wizard-actions{gap:10px}
  .questionnaire-page .wizard-panel-address .condo-address{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:3px}
  .questionnaire-page .wizard-panel-address .field{margin-bottom:5px}
  .questionnaire-page .wizard-panel-address .field-label{margin-bottom:5px}
  .questionnaire-page .wizard-panel-address input{min-height:44px}
  .questionnaire-page .wizard-panel-address .wizard-actions,
  .questionnaire-page .wizard-panel-condo-project .wizard-actions{flex:none;margin-top:10px;padding-top:8px}
}

/* Nas telas finais do condomínio, o título acompanha a etapa. */
.questionnaire-page .intro-compact p{display:none}
.questionnaire-page .review-mobile-heading,.questionnaire-page .review-mobile-final,.questionnaire-page .review-next,.questionnaire-page .review-stage-number{display:none}
@media(max-width:580px){
  .questionnaire-page .intro-compact{margin-bottom:10px}
  .questionnaire-page .intro-compact .section-kicker{display:none}
  .questionnaire-page .questionnaire-main .intro-compact h1{margin:0;font-size:1.8rem;line-height:1.12}
  .questionnaire-page .wizard-panel.wizard-panel-contact{min-height:calc(100svh - 28px - env(safe-area-inset-bottom, 0px));min-height:calc(100dvh - 28px - env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column}
  .questionnaire-page .questionnaire-main .wizard-panel.wizard-panel-contact{padding-block:10px}
  .questionnaire-page .wizard-panel-contact #wizard,
  .questionnaire-page .wizard-panel-contact #step-form{flex:1;display:flex;flex-direction:column}
  .questionnaire-page .wizard-panel-contact .segments{margin-top:4px;margin-bottom:4px}
  .questionnaire-page .wizard-panel-contact .step-title{margin-bottom:6px}
  .questionnaire-page .wizard-panel-contact .field{margin-bottom:5px}
  .questionnaire-page .wizard-panel-contact .field-label{margin-bottom:4px}
  .questionnaire-page .wizard-panel-contact input{min-height:44px}
  .questionnaire-page .wizard-panel-contact .wizard-actions{margin-top:auto;padding-top:8px}
  .questionnaire-page .intro.intro-review{display:none}
  .questionnaire-page .wizard-panel.wizard-panel-review{min-height:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}
  .questionnaire-page .wizard-panel-review .review-desktop-heading,
  .questionnaire-page .wizard-panel-review .review-desktop-final{display:none}
  .questionnaire-page .wizard-panel-review .review-list{gap:16px;margin-top:0}
  .questionnaire-page .wizard-panel-review .review-stage{min-height:calc(100svh - 28px - env(safe-area-inset-bottom, 0px));min-height:calc(100dvh - 28px - env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;padding:18px 16px;border-radius:18px;scroll-snap-align:start}
  .questionnaire-page .wizard-panel-review .review-mobile-heading{display:block;margin-bottom:18px}
  .questionnaire-page .wizard-panel-review .review-mobile-heading h2{margin:8px 0 5px;color:#fff;font-size:1.55rem;line-height:1.16}
  .questionnaire-page .wizard-panel-review .review-mobile-heading p{margin:0;color:var(--q-muted);font-size:.9rem}
  .questionnaire-page .wizard-panel-review .review-stage h3{display:block;margin-bottom:8px;font-size:1.15rem}
  .questionnaire-page .wizard-panel-review .review-stage-number{display:block;margin-bottom:3px;color:var(--q-accent-2);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
  .questionnaire-page .wizard-panel-review .review-stage dl{margin:0}
  .questionnaire-page .wizard-panel-review .review-row{padding:8px 0;font-size:.84rem}
  .questionnaire-page .wizard-panel-review .review-row dt{line-height:1.3}
  .questionnaire-page .wizard-panel-review .review-row dd{margin-top:3px;font-size:.92rem;line-height:1.3}
  .questionnaire-page .wizard-panel-review .review-next{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;padding-top:12px;color:var(--q-accent-2);font-weight:800;text-decoration:none}
  .questionnaire-page .wizard-panel-review .review-next:focus-visible{outline:3px solid var(--q-accent-2);outline-offset:3px}
  .questionnaire-page .wizard-panel-review .review-mobile-final{display:block;margin-top:auto}
  .questionnaire-page .wizard-panel-review .review-note{margin:12px 0;font-size:.85rem;line-height:1.4}
  .questionnaire-page .wizard-panel-review .wizard-actions{gap:8px;margin-top:12px;padding-top:12px}
  .questionnaire-page .wizard-panel-review .wizard-actions button{min-height:44px;padding-inline:12px}
  .questionnaire-page .wizard-panel-review .wizard-actions .button-next{max-width:100%;text-align:center}
  .review-snap{scroll-snap-type:y proximity;scroll-padding-top:12px;scroll-behavior:smooth}
  .questionnaire-page .intro.intro-confirmation{display:none}
  .questionnaire-page .wizard-panel.wizard-panel-confirmation{height:calc(100svh - 28px - env(safe-area-inset-bottom, 0px));height:calc(100dvh - 28px - env(safe-area-inset-bottom, 0px));min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-block:12px}
  .questionnaire-page .wizard-panel-confirmation #wizard{flex:1;min-height:0;display:flex;flex-direction:column}
  .questionnaire-page .wizard-panel-confirmation .confirmation{flex:1;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
}
@media(max-width:580px) and (prefers-reduced-motion:reduce){.review-snap{scroll-snap-type:none;scroll-behavior:auto}}

/* Os demais caminhos usam o mesmo cartão enquadrado das etapas do condomínio. */
@media(max-width:580px){
  .questionnaire-page .questionnaire-main .intro.intro-first{margin-bottom:40px}
  .questionnaire-page .wizard-panel.wizard-panel-fluid{height:calc(100dvh - 28px - env(safe-area-inset-bottom, 0px));min-height:0;display:flex;flex-direction:column;overflow:hidden}
  .questionnaire-page .questionnaire-main .wizard-panel.wizard-panel-fluid{padding-block:10px}
  .questionnaire-page .wizard-panel-fluid #wizard,
  .questionnaire-page .wizard-panel-fluid #step-form{flex:1;min-height:0;display:flex;flex-direction:column}
  .questionnaire-page .wizard-panel-fluid .step-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:3px}
  .questionnaire-page .wizard-panel-fluid .wizard-actions{flex:none;margin-top:10px;padding-top:8px}
  .questionnaire-page .wizard-panel.wizard-panel-first{height:calc(100dvh - 40px - env(safe-area-inset-bottom, 0px));min-height:0}
  .questionnaire-page .wizard-panel-first .profile-help{margin-bottom:10px;line-height:1.3}
  .questionnaire-page .wizard-panel-first .profile-field{margin-bottom:0}
  .questionnaire-page .wizard-panel-first .profile-field .options-cards{gap:7px}
  .questionnaire-page .wizard-panel-first .profile-field .option-card{height:60px;min-height:60px;padding:7px 12px}
  .questionnaire-page .wizard-panel-first .profile-field .option-text strong{font-size:.94rem;line-height:1.2}
  .questionnaire-page .wizard-panel-first .profile-field .option-text small{display:none}
}
@media(max-width:580px) and (max-height:600px){
  .questionnaire-page .wizard-panel-first .profile-field .options-cards{gap:6px}
  .questionnaire-page .wizard-panel-first .profile-field .option-card{height:56px;min-height:56px}
}

}
@layer mobility{
/* The font is loaded once by the shared institutional stylesheet. */
:root{--font-family:'Roboto',sans-serif;--font-thin:100;--font-regular:400;--font-bold:700;--font-black:900}
body,button,input,select,textarea{font-family:var(--font-family);font-weight:var(--font-regular)}
p,li,dt,dd,input,select,textarea{font-weight:var(--font-regular)}
h1,.home-page h1,.questionnaire-page .intro h1,.solutions-page h1{font-weight:var(--font-thin);line-height:1.08;letter-spacing:-.025em}
.home-page h1{font-size:clamp(3rem,4vw,4.25rem);text-wrap:balance}
.solutions-page h1{font-size:clamp(2.8rem,5.4vw,5.5rem)}
.questionnaire-page .intro h1{font-size:clamp(2.6rem,4.8vw,4.8rem)}
h2,h3,h4,strong,b,.section-kicker,.eyebrow,.service-number,.model-top,.footer-column h2{font-weight:var(--font-bold)}
.nav-list,.nav-list a,.footer-column a,.back-site{font-weight:var(--font-regular)}
button,.button,.nav-contact,.footer-cta,.button-next,.button-quiet,.whatsapp-float{font-weight:var(--font-black)}
@media(max-width:680px){.home-page h1,.solutions-page h1{font-size:clamp(2.65rem,10vw,3.9rem)}.questionnaire-page .intro h1{font-size:clamp(2.5rem,9vw,3.5rem)}}

}
@layer institutional{
/* One font file and one scale for the institutional site and mobility. */
@font-face{font-family:Roboto;src:url("/mobilidade-eletrica/assets/Roboto-variable-latin.woff2") format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-family:Roboto,"Segoe UI",system-ui,Arial,sans-serif;--type-display:clamp(2.6rem,5vw,4.9rem);--type-section:clamp(2.2rem,3.8vw,3.5rem);--type-card:1.4rem;--type-card-text:.95rem;--type-nav:.92rem;--type-weight-heading:700}
body,button,input,select,textarea{font-family:var(--font-family)}
@media(max-width:600px){:root{--type-display:clamp(2.2rem,9.6vw,3.2rem);--type-section:clamp(2.2rem,8vw,2.5rem)}}

:root{
  --navy:#063764;--navy-deep:#052a4c;--ink:#0a2a45;--blue:#008fdb;--cyan:#00acf0;--ice:#eaf5fb;
  --pale:#f5fafd;--text:#1d3a50;--muted:#5a7385;--line:#dbe8ef;
  --radius:18px;--shadow:0 24px 60px -24px rgba(6,55,100,.28);
  --header-h:80px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:var(--font-family);color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--ink);text-wrap:balance}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;z-index:1000;top:-70px;left:20px;background:#fff;color:var(--navy);padding:12px 18px;border-radius:8px}
.skip-link:focus{top:12px}

/* Cabeçalho */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(6,55,100,.08);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px)}
.header-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:block;width:176px;flex:none}
.brand img{width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:6px;font-size:.92rem;font-weight:600;color:#274a63}
.desktop-nav>a:not(.nav-contact){position:relative;padding:10px 16px;border-radius:8px;transition:color .2s,background .2s}
.desktop-nav>a:not(.nav-contact):hover{color:var(--navy);background:var(--ice)}
.nav-contact{display:inline-flex;align-items:center;gap:12px;margin-left:10px;padding:11px 20px;border-radius:100px;background:var(--navy);color:#fff;transition:background .2s,transform .2s,box-shadow .2s}
.nav-contact:hover{background:var(--blue);transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(0,143,219,.6)}
.nav-contact span{color:#8fdcff;font-size:1.05rem}
.mobile-menu{display:none}

/* Carrossel de abertura */
.hero-carousel{position:relative;height:calc(100dvh - var(--header-h));min-height:600px;max-height:900px;overflow:hidden;background:var(--navy-deep);color:#fff}
.carousel-slides,.carousel-slide{position:absolute;inset:0}
.carousel-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s ease}
.carousel-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.carousel-image,.carousel-shade{position:absolute;inset:0;width:100%;height:100%}
.carousel-image{object-fit:cover;object-position:center;transform:scale(1.06);transition:transform 7s ease-out}
.carousel-slide.is-active .carousel-image{transform:scale(1)}
.carousel-shade{background:
  linear-gradient(90deg,rgba(4,30,56,.92) 0%,rgba(5,38,70,.74) 38%,rgba(5,38,70,.22) 72%,rgba(5,38,70,.08) 100%),
  linear-gradient(0deg,rgba(4,30,56,.72) 0%,transparent 34%),
  rgba(5,38,70,var(--img-tone,.16))}
.carousel-slide--pumping .carousel-shade{background:
  linear-gradient(90deg,rgba(4,30,56,.78) 0%,rgba(5,38,70,.55) 38%,rgba(5,38,70,.12) 72%,transparent 100%),
  linear-gradient(0deg,rgba(4,30,56,.58) 0%,transparent 34%)}
.carousel-slide-inner{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding-block:56px 130px}
.carousel-copy{max-width:660px}
.carousel-kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 26px;padding:7px 16px 7px 8px;border:1px solid rgba(255,255,255,.22);border-radius:100px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d5f1fd}
.carousel-kicker span{padding:3px 10px;border-radius:100px;background:var(--cyan);color:#032a47;letter-spacing:.06em}
.carousel-copy h1{margin:0 0 22px;color:#fff;font-size:var(--type-display);font-weight:700;line-height:1.04;letter-spacing:-.045em;text-shadow:0 2px 30px rgba(2,20,38,.35)}
.carousel-copy h1 em{display:block;font-style:normal;color:#7fd8ff}
.carousel-copy>p:not(.carousel-kicker){max-width:550px;margin:0 0 34px;color:#dbeaf3;font-size:1.1rem;line-height:1.7}
.carousel-cta{display:inline-flex;align-items:center;gap:18px;min-height:52px;padding:12px 14px 12px 24px;border-radius:100px;background:#fff;color:var(--navy);font-size:.92rem;font-weight:700;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);transition:transform .2s,background .2s}
.carousel-cta span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:.95rem;transition:transform .2s}
.carousel-cta:hover{background:var(--ice);transform:translateY(-2px)}
.carousel-cta:hover span{transform:translate(2px,-2px)}

/* Controles discretos */
.carousel-controls{position:absolute;z-index:3;left:50%;bottom:32px;transform:translateX(-50%);display:flex;align-items:center;gap:20px}
.carousel-dots{order:1;display:flex;align-items:center;gap:6px}
.carousel-play{order:2}
.carousel-arrows{order:3;display:flex;gap:8px;margin-left:auto}
.carousel-arrow,.carousel-play{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(5,38,70,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.carousel-arrow{font-size:1.1rem}
.carousel-arrow:hover,.carousel-play:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.55)}
.carousel-play{gap:8px;padding:0 14px;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.04em}
.carousel-play:disabled{opacity:.6;cursor:default}
.carousel-dot{width:52px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.carousel-dot:after{content:"";display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.3) linear-gradient(#fff,#fff) left/0% 100% no-repeat;transition:background-color .2s}
.carousel-dot:hover:after{background-color:rgba(255,255,255,.55)}
.carousel-dot.is-active:after{background-size:100% 100%;animation:dot-fill 6s linear}
.hero-carousel[data-paused="true"] .carousel-dot.is-active:after{animation-play-state:paused}
@keyframes dot-fill{from{background-size:0% 100%}to{background-size:100% 100%}}

/* Seções */
.section{padding-block:112px}
.kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.kicker:before{content:"";width:28px;height:2px;background:currentColor}
.section h2{font-size:var(--type-section);font-weight:700;line-height:1.08;letter-spacing:-.04em;margin-bottom:0}
.section h2 em{font-style:normal;color:var(--blue)}

.areas{background:var(--pale)}
.section-intro{display:grid;grid-template-columns:1.15fr .7fr;align-items:end;gap:80px;margin-bottom:52px}
.section-intro>p{max-width:400px;margin:0 0 6px;color:var(--muted);font-size:1.04rem;line-height:1.75}
.area-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.area-card{grid-column:span 2;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .3s,box-shadow .3s,border-color .3s}
.area-card:nth-child(4),.area-card:nth-child(5){grid-column:span 3}
.area-card:hover{transform:translateY(-6px);border-color:#b5dcf0;box-shadow:var(--shadow)}
.card-image{height:204px;position:relative;overflow:hidden;background:#cfe4f0}
.area-card:nth-child(4) .card-image,.area-card:nth-child(5) .card-image{height:240px}
/* Degradê leve nos cards, exceto na imagem de Bombeamento e controle. */
.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,38,70,.28))}
#area-bombeamento .card-image:after{display:none}
#area-bombeamento .card-image img{object-position:60% center}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.area-card:hover .card-image img{transform:scale(1.05)}
.card-index{position:absolute;z-index:1;top:16px;left:16px;display:grid;place-items:center;min-width:42px;height:30px;padding:0 12px;border-radius:100px;background:rgba(255,255,255,.94);color:var(--navy);font-size:.74rem;font-weight:800;letter-spacing:.06em}
.card-content{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px}
.card-type{display:block;margin-bottom:10px;font-size:.68rem;letter-spacing:.16em;font-weight:800;color:var(--blue)}
.card-content h3{font-size:var(--type-card);line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}
.card-content p{flex:1;margin-bottom:22px;color:var(--muted);font-size:.95rem;line-height:1.65}
.card-content a,.text-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding-bottom:3px;border-bottom:2px solid rgba(0,143,219,.25);color:var(--navy);font-size:.88rem;font-weight:700;transition:border-color .2s,color .2s}
.card-content a:hover,.text-link:hover{border-color:var(--blue);color:var(--blue)}
.card-content a span,.text-link span{color:var(--blue);font-size:1.05rem;transition:transform .2s}
.card-content a:hover span,.text-link:hover span{transform:translate(3px,-3px)}

.about{background:#fff}
.about-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,6vw,88px)}
.about-mark{position:relative;min-height:420px;padding:14px;border-radius:24px;background:linear-gradient(145deg,#0a5a96,var(--navy) 60%,var(--navy-deep));box-shadow:0 36px 70px -30px rgba(6,55,100,.55);overflow:hidden}
.about-mark:before{content:"";position:absolute;right:-90px;top:-90px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,172,240,.5),transparent 68%)}
.about-mark-inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:392px;padding:36px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;background:
  repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.04) 39px 40px),
  repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.04) 39px 40px)}
.about-mark-inner>span{font-size:.76rem;letter-spacing:.24em;font-weight:800;color:#8fdcff}
.about-mark-inner strong{max-width:340px;font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.08;letter-spacing:-.045em;font-weight:650}
.about-line{width:64px;height:4px;border-radius:4px;background:var(--cyan)}
.about-copy h2{margin-bottom:25px}
.about-points{border-bottom:1px solid var(--line)}
.about-point{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:16px 0;border-top:1px solid var(--line)}
.about-point h3{margin:3px 0 0;color:var(--navy);font-size:.76rem;font-weight:800;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.about-point p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.65}
.about-copy .text-link{margin-top:25px}

.contact{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:#fff}
.contact:before{content:"";position:absolute;right:-180px;top:-220px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(0,172,240,.32),transparent 66%)}
.contact-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:clamp(36px,6vw,100px)}
.contact-intro{max-width:640px}
.contact .kicker{color:#7fd8ff}
.contact h2{color:#fff;margin-bottom:20px}
.contact h2 em{color:#7fd8ff}
.contact-intro>p:not(.kicker){max-width:560px;margin:0;color:#c9deec;font-size:1.06rem;line-height:1.75}
.contact-methods{border-top:1px solid rgba(255,255,255,.25)}
.contact-method{padding:24px 0 26px;border-bottom:1px solid rgba(255,255,255,.25)}
.contact-method-label{margin:0 0 8px;color:#8fd6f6;font-size:.74rem;font-weight:800;letter-spacing:.14em}
.contact-method-link{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;font-size:clamp(1.18rem,2vw,1.55rem);font-weight:700;line-height:1.35;overflow-wrap:anywhere;transition:color .2s}
.contact-method-link:hover{color:#8fd6f6}
.contact-method-link span:last-child{flex:none;color:#8fd6f6;font-size:1.2rem}
@media(max-width:850px){.contact-inner{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){.contact-inner{gap:30px}.contact-method{padding:20px 0}.contact-method-link{font-size:1.14rem}}

.site-footer{background:#f7fafc;border-top:1px solid var(--line);color:var(--text)}
.footer-main{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(145px,.85fr) minmax(175px,1fr) minmax(200px,1.1fr);align-items:start;gap:clamp(24px,3vw,48px);padding-block:54px 46px}
.footer-brand{display:block;width:168px;margin-bottom:18px}
.footer-brand img{width:100%;height:auto}
.footer-intro p{max-width:250px;margin:0 0 8px;color:var(--muted);font-size:.9rem;line-height:1.6}
.footer-intro .footer-tagline{color:#7a94a6;font-size:.78rem}
.footer-group h2{margin:3px 0 17px;color:var(--navy);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.footer-group a{display:block;width:fit-content;padding:5px 0;color:#34536a;font-size:.9rem;line-height:1.5;transition:color .2s}
.footer-group a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.footer-contact a{overflow-wrap:anywhere}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:21px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}
.footer-bottom a{color:var(--navy);font-weight:700;white-space:nowrap}
.footer-bottom a:hover{color:var(--blue)}
@media(max-width:850px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.footer-bottom{flex-wrap:wrap}}

@media(max-width:1050px){
  .about-grid{gap:56px}
  .section-intro{gap:48px}
}
@media(max-width:850px){
  :root{--header-h:68px}
  .container{width:min(100% - 40px,1200px)}
  .brand{width:150px}
  .desktop-nav{display:none}
  .mobile-menu{display:block;position:relative}
  .mobile-menu summary{display:flex;flex-direction:column;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .menu-lines{display:flex;flex-direction:column;gap:5px}
  .menu-lines span{display:block;height:2px;width:100%;border-radius:2px;background:var(--navy)}
  .mobile-nav{display:none;position:absolute;right:0;top:calc(100% + 14px);width:min(300px,calc(100vw - 40px));padding:8px 20px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 50px -16px rgba(6,55,100,.35)}
  .mobile-menu[open] .mobile-nav{display:grid}
  .mobile-nav a{padding:14px 4px;border-bottom:1px solid var(--line);font-weight:600}
  .mobile-nav a:last-child{border-bottom:0;color:var(--blue)}
  .hero-carousel{min-height:620px}
  .carousel-slide-inner{padding-block:48px 126px}
  .carousel-shade{background:
    linear-gradient(90deg,rgba(4,30,56,.88),rgba(5,38,70,.4)),
    linear-gradient(0deg,rgba(4,30,56,.8) 0%,transparent 55%)}
  .section{padding-block:84px}
  .section-intro{grid-template-columns:1fr;gap:20px}
  .area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .area-card,.area-card:nth-child(4),.area-card:nth-child(5){grid-column:auto}
  .area-card:last-child{grid-column:span 2}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-mark{min-height:260px}
  .about-mark-inner{min-height:232px}
}
@media(max-width:600px){
  .container{width:calc(100% - 36px)}
  .hero-carousel{min-height:600px}
  .carousel-slide-inner{align-items:flex-end;padding-block:32px 112px}
  .carousel-image{object-position:60% center}
  .carousel-slide:nth-child(3) .carousel-image{object-position:40% center}
  .carousel-slide--pumping .carousel-image{object-position:30% center}
  .carousel-shade{background:linear-gradient(0deg,rgba(4,30,56,.95) 0%,rgba(4,30,56,.78) 42%,rgba(4,30,56,.25) 100%)}
  .carousel-slide--pumping .carousel-shade{background:linear-gradient(0deg,rgba(4,30,56,.90) 0%,rgba(4,30,56,.70) 44%,rgba(4,30,56,.18) 100%)}
  .carousel-kicker{margin-bottom:18px;font-size:.68rem}
  .carousel-copy h1{font-size:var(--type-display);margin-bottom:16px}
  .carousel-copy>p:not(.carousel-kicker){font-size:.98rem;line-height:1.6;margin-bottom:24px}
  .carousel-controls{bottom:20px;gap:6px}
  .carousel-dots{gap:2px}
  .carousel-dot{width:26px}
  .carousel-play{min-width:44px;padding:0}
  .carousel-play-label{display:none}
  .carousel-arrow{min-width:40px;min-height:40px}
  .section{padding-block:68px}
  .section-intro{margin-bottom:32px}
  .area-grid{grid-template-columns:1fr;gap:18px}
  .area-card:last-child{grid-column:auto}
  .card-image,.area-card:nth-child(4) .card-image,.area-card:nth-child(5) .card-image{height:196px}
  .card-content{padding:24px}
  .about-mark{min-height:220px;border-radius:20px}
  .about-mark-inner{min-height:192px;padding:24px}
  .about-point{grid-template-columns:1fr;gap:5px;padding:14px 0}
  .footer-main{grid-template-columns:1fr;gap:30px;padding-block:44px}
  .footer-bottom{display:grid;gap:10px}
}
@media(max-height:680px) and (max-width:600px){
  .carousel-slide-inner{align-items:flex-start;padding-top:36px}
  .carousel-copy h1{font-size:2.2rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
  .carousel-image,.carousel-slide.is-active .carousel-image{transform:none}
  .carousel-dot.is-active:after{background-size:100% 100%}
}

/* Enquadramento responsivo da seção de contato. */
@media(min-width:1100px) and (min-height:650px){
  .contact{display:flex;align-items:center;min-height:clamp(620px,78svh,820px)}
}
@media(min-width:700px) and (max-height:600px) and (orientation:landscape){
  .contact{min-height:calc(100svh - var(--header-h));padding-block:36px}
  .contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .contact h2{font-size:clamp(2rem,4vw,2.6rem)}
  .contact-intro>p:not(.kicker){font-size:.95rem;line-height:1.55}
  .contact-method{padding:12px 0 14px}
  .contact-method-link{font-size:1.14rem}
}

.footer-contact .footer-address{margin-top:17px}
.footer-contact .footer-address h3{margin:0 0 8px;color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.footer-contact .footer-address address{font-style:normal}
.footer-contact .footer-address address a{display:block;width:auto;padding:0;color:#34536a;font-size:.84rem;line-height:1.5}
.footer-contact .footer-directions{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:3px 0;color:var(--navy);font-size:.84rem;font-weight:800}

/* Prioriza o texto de Sobre em telas estreitas e evita a faixa da seção seguinte no desktop. */
@media(min-width:1100px){.about{padding-bottom:120px}}
@media(max-width:850px){
  .about{padding-block:64px}
  .about-grid{gap:32px}
  .about-copy{order:1}
  .about-mark{order:2}
}
@media(max-width:600px){
  .about{padding-top:8px;padding-bottom:32px}
  .about-grid{gap:28px}
  .about-copy h2{margin-bottom:14px}
  .about-point{padding-block:8px}
  .about-copy .text-link{margin-top:16px}
}

/* A quinta área ocupa a última linha no retrato intermediário. */
@media(min-width:601px) and (max-width:850px){
  .area-card:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .area-card:last-child .card-image{height:100%;min-height:240px}
  .area-card:last-child .card-image img{object-position:65% center}
}
@media(max-width:600px) and (orientation:portrait){
  .areas{padding-top:16px;scroll-margin-top:-12px}
}

@media(min-width:1100px){
  .areas .section-intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .areas .section-intro>div{grid-column:span 2}
  .areas .section-intro>p{grid-column:3;max-width:none}
}

/* Six approved business areas. */
.area-grid-six .area-card{grid-column:span 2;display:flex}
.area-grid-six .area-card .card-image{height:220px;min-height:0}
.offshore-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);color:white;padding:clamp(64px,8vw,120px) 0;min-height:520px;display:flex;align-items:center}
.offshore-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.offshore-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,30,56,.94),rgba(4,30,56,.68) 52%,rgba(4,30,56,.12))}
.offshore-hero .kicker{color:#7fd8ff}.offshore-hero h1{max-width:700px;font-size:var(--type-display);line-height:1.06;margin:18px 0 22px;color:white;letter-spacing:-.04em}.offshore-hero h1 em{display:block;color:#7fd8ff;font-style:normal}.offshore-hero p:not(.kicker){max-width:570px;font-size:1.1rem;color:#e1edf6;margin-bottom:30px}
.offshore-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.offshore-services article{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.offshore-services h3{font-size:1.35rem;line-height:1.2}.offshore-services p{color:var(--muted)}.offshore-contact{margin-top:36px;padding:28px;border-radius:var(--radius);background:var(--ice);display:flex;gap:24px;align-items:center;justify-content:space-between}.offshore-contact p{margin:0}.carousel-slide--offshore .carousel-image{object-position:65% center}
@media(max-width:950px){.area-grid-six .area-card{grid-column:auto}.offshore-services{grid-template-columns:1fr}.offshore-services article{padding:24px}.offshore-hero{min-height:470px}}
@media(max-width:680px){.area-grid-six .area-card .card-image{height:196px}.offshore-hero{min-height:480px;padding:48px 0}.offshore-photo{object-position:70% center}.offshore-hero::before{background:linear-gradient(90deg,rgba(4,30,56,.92),rgba(4,30,56,.58))}.offshore-hero h1{font-size:var(--type-display)}.offshore-contact{display:block;padding:22px}.offshore-contact .nav-contact{margin-top:18px;display:inline-flex}.offshore-details{padding-top:40px}}

/* Match the introduction to the three service columns. */
@media(min-width:951px){.offshore-details .section-intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end}.offshore-details .section-intro>div{grid-column:span 2;min-width:0}.offshore-details .section-intro>p{grid-column:3;max-width:none}}

}
/* Shared institutional appearance; page layouts remain in the imported legacy layer. */
body.mobility-integrated{--header-h:80px;--ink:#0a2a45;--muted:#5a7385;--line:#dbe8ef;--paper:#f5fafd;--white:#fff;--text:#1d3a50;--text-2:#5a7385;background:#fff;color:var(--text);font-family:var(--font-family);line-height:1.6}
body.mobility-integrated::before{display:none}
.mobility-integrated h1,.mobility-integrated h2,.mobility-integrated h3{color:var(--ink);font-weight:700;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}
.mobility-integrated h1{font-size:var(--type-display);max-width:750px}
.mobility-integrated h2{font-size:var(--type-section)}
.mobility-integrated h3{font-size:1.4rem;letter-spacing:-.025em}
.mobility-integrated .container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.mobility-integrated .section,.mobility-integrated .sol-section{padding-block:96px}
.mobility-integrated :is(.section-kicker,.eyebrow,.sol-kicker,.flow-kicker,.rules-kicker){color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.16em}
.mobility-integrated .eyebrow-line{background:var(--blue)}
.mobility-integrated :is(.section-heading,.sol-heading){margin-bottom:40px}
.mobility-integrated :is(.section-heading,.sol-heading) h2{margin-top:16px;max-width:720px}
.mobility-integrated :is(.section-heading,.sol-heading)>p{color:var(--muted);max-width:400px}
.mobility-integrated .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(6,55,100,.08);backdrop-filter:saturate(1.4) blur(18px)}
.mobility-integrated .header-inner{height:var(--header-h);min-height:0;padding-block:0;max-width:1200px}
.mobility-integrated .brand{width:176px;padding:0;background:none;border:0;border-radius:0;display:block}
.mobility-integrated .brand img{width:100%;height:auto;filter:none}
.mobility-integrated .desktop-nav{font-size:.92rem;font-weight:600;color:#274a63}
.mobility-integrated .nav-contact{background:var(--navy);color:#fff;border:0;border-radius:100px;padding:11px 20px;font-weight:600}
.mobility-integrated .nav-contact:hover{background:var(--blue);color:#fff}
.mobility-navigation{position:relative}
.mobility-navigation>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 16px;border-radius:8px;color:var(--navy);background:var(--ice)}
.mobility-navigation>summary::-webkit-details-marker{display:none}
.mobility-navigation>summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.mobility-navigation>summary span{font-size:.9rem}
.mobility-navigation-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:270px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(6,55,100,.3);display:grid;gap:2px}
.mobility-navigation-panel a{display:block;padding:9px 12px;border-radius:8px;white-space:nowrap;min-height:44px}
.mobility-navigation-panel a:hover,.mobility-navigation-panel a[aria-current=page]{background:var(--pale);color:var(--blue)}
.mobility-integrated .mobile-menu .mobile-nav{max-height:calc(100dvh - var(--header-h) - 20px);overflow:auto}
.mobility-menu-label{margin:14px 14px 4px;color:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.mobility-integrated .mobile-menu .mobile-nav a{min-height:44px}
.mobility-integrated .mobile-menu[open]~*{pointer-events:auto}
.mobility-integrated .site-footer{padding:0;background:#f7fafc;border-top:1px solid var(--line);color:var(--text)}
.mobility-integrated .site-footer::before{display:none}
.mobility-integrated .footer-main{padding-block:64px 48px;grid-template-columns:minmax(190px,1.25fr) minmax(145px,.85fr) minmax(175px,1fr) minmax(230px,1.15fr);gap:32px}
.mobility-integrated .footer-brand{display:block;width:176px;max-width:100%;padding:0;background:none}
.mobility-integrated .footer-brand img{width:100%;height:auto;filter:none}
.mobility-integrated .footer-group h2{font-size:.78rem;line-height:1.4;color:var(--navy);letter-spacing:.12em}
.mobility-integrated .footer-group a{color:#365873;font-weight:400}
.mobility-integrated .footer-group a:hover{color:var(--blue)}
.mobility-integrated .footer-intro p{color:var(--muted)}
.mobility-integrated .footer-bottom{margin-top:0;margin-right:auto;margin-left:auto;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--line);color:#58738a;text-align:left;font-size:.84rem}
.mobility-integrated .footer-bottom a{color:var(--navy)}
.mobility-documents{display:flex;gap:8px 20px;flex-wrap:wrap;grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);font-size:.82rem;color:#58738a}
.mobility-documents a:hover{text-decoration:underline}
.mobility-integrated .button,.mobility-integrated .path-button{min-height:48px;padding:12px 22px;border-radius:100px;font-size:.92rem;font-weight:700;line-height:1.4;box-shadow:none;gap:14px}
.mobility-integrated .button-primary{border:1px solid var(--navy);background:var(--navy);color:#fff}
.mobility-integrated .button-primary:hover{background:var(--blue);border-color:var(--blue)}
.mobility-integrated .button-ghost{border:1px solid #b3cede;background:#fff;color:var(--navy)}
.mobility-integrated .button-ghost:hover{background:var(--ice);border-color:var(--blue)}
.mobility-integrated .hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);color:#fff}
.mobility-hero-backdrop{position:absolute;inset:0;z-index:-1}
.mobility-hero-backdrop picture,.mobility-hero-backdrop img{display:block;width:100%;height:100%}
.mobility-hero-backdrop img{object-fit:cover;object-position:70% center}
.mobility-hero-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,30,56,.94),rgba(5,38,70,.78) 40%,rgba(5,38,70,.18) 100%),linear-gradient(0deg,rgba(4,30,56,.5),transparent 45%)}
.mobility-integrated .hero-grid{display:flex;align-items:center;min-height:min(820px,calc(100svh - var(--header-h)));gap:0;padding-block:64px}
.mobility-integrated .hero-copy{position:relative;max-width:660px}
.mobility-integrated .hero h1{font-size:var(--type-display);font-weight:700;letter-spacing:-.045em;line-height:1.04;margin:26px 0 22px;color:#fff}
.mobility-integrated .hero h1 em{display:block;background:none;color:#7fd8ff;-webkit-text-fill-color:currentColor;font-style:normal}
.mobility-integrated .hero :is(.eyebrow,.eyebrow-line){color:#a5e1fa}
.mobility-integrated .hero .eyebrow-line{background:#a5e1fa}
.mobility-integrated .hero-copy>p{max-width:550px;color:#dbeaf3;font-size:1.1rem;line-height:1.7}
.mobility-integrated .hero .hero-footnote{max-width:570px;margin-top:28px;font-size:.83rem;color:#c9deec}
.mobility-integrated .hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.mobility-integrated .hero .button-primary{background:#fff;border-color:#fff;color:var(--navy)}
.mobility-integrated .hero .button-primary:hover{background:var(--ice)}
.mobility-integrated .hero .button-ghost{border-color:rgba(255,255,255,.4);background:transparent;color:#fff}
.mobility-integrated .hero .button-ghost:hover{background:rgba(255,255,255,.12)}
.mobility-integrated :is(.services,.models,.sol-light,.section-light,.sol-section,.sol-hero,.flow-section,.rules-section){background:#fff;color:var(--text)}
.mobility-integrated :is(.services,.section-light,.sol-light,.flow-section-light,.rules-light){background:var(--pale)}
.mobility-integrated :is(.sol-hero,.flow-hero,.rules-hero){background:var(--pale);padding-block:64px;color:var(--text)}
.mobility-integrated .sol-hero-grid{min-height:0;padding-block:0;align-items:center;gap:48px}
.mobility-integrated .sol-hero-copy>p,.mobility-integrated .flow-lead,.mobility-integrated .rules-lead{color:var(--muted);font-size:1.06rem}
.mobility-integrated :is(.sol-hero,.flow-hero,.rules-hero) h1{color:var(--ink);font-weight:700;background:none;-webkit-text-fill-color:currentColor}
.mobility-integrated :is(.sol-hero,.flow-hero,.rules-hero) h1 em{background:none;color:var(--blue);-webkit-text-fill-color:currentColor}
.mobility-integrated .condo-hero-media{border:1px solid var(--line);border-radius:18px;box-shadow:none;overflow:hidden}
.mobility-integrated :is(.service-card,.model-card,.sol-card,.pillar,.benefit-card,.path-card,.flow-tile,.flow-step,.rules-panel,.rules-city,.legal-main>.card){background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:none;color:var(--text)}
.mobility-integrated :is(.service-card,.model-card,.sol-card,.pillar,.benefit-card,.path-card):hover{border-color:#b5dcf0;box-shadow:0 20px 45px -28px rgba(6,55,100,.28)}
.mobility-integrated :is(.service-card,.model-card,.sol-card,.pillar,.benefit-card,.path-card,.flow-step,.rules-panel,.rules-city) h3{color:var(--ink);font-weight:700}
.mobility-integrated :is(.service-card,.model-card,.sol-card,.pillar,.benefit-card,.path-card,.flow-step,.rules-panel,.rules-city,.process-list) p{color:var(--muted)}
.mobility-integrated :is(.service-icon,.model-icon,.sol-icon,.about-feature-icon,.benefit-icon){background:var(--ice);color:var(--blue);border-color:var(--line);box-shadow:none}
.mobility-integrated .service-grid,.mobility-integrated .model-grid{gap:24px}
.mobility-integrated :is(.service-card,.model-card,.sol-card){overflow:hidden}
.mobility-integrated :is(.service-card,.sol-card) .card-media{border-radius:0;box-shadow:none}
.mobility-integrated .service-card:not(.has-media){padding:28px}
.mobility-integrated :is(.path-label,.sol-num,.sol-badge,.path-facts dt){color:var(--blue)}
.mobility-integrated .path-card::before,.mobility-integrated .path-card::after{display:none}
.mobility-integrated .path-for{color:var(--navy);font-weight:700}
.mobility-integrated .path-facts{border-color:var(--line)}
.mobility-integrated .path-facts>div{border-color:var(--line)}
.mobility-integrated .path-facts dd{color:var(--text)}
.mobility-integrated .path-button{background:var(--pale);color:var(--navy);border:1px solid var(--line);text-align:left}
.mobility-integrated .path-button:hover{background:var(--ice);border-color:var(--blue)}
.mobility-integrated .model-note{color:var(--muted)}
.mobility-integrated .process-grid{align-items:start}
.mobility-integrated .process-grid>div>p,.mobility-integrated .process-list p{color:var(--muted)}
.mobility-integrated .process-list li{border-color:var(--line)}
.mobility-integrated .process-list li>span{color:var(--blue);background:var(--ice);border-color:var(--line)}
.mobility-integrated .about{background:#fff}
.mobility-integrated .about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;min-height:0;padding-block:0}
.mobility-integrated .about-copy{padding-top:0;color:var(--muted)}
.mobility-product-mark{display:block;width:160px;height:auto;margin:0 0 24px;filter:none}
.mobility-integrated .about-features strong{color:var(--ink)}
.mobility-integrated .about-features small{color:var(--muted)}
.mobility-integrated .about-features li{border-color:var(--line)}
.mobility-integrated .about-media{border-radius:18px;box-shadow:none;border:1px solid var(--line)}
.mobility-integrated .about-chip{background:#fff;color:var(--navy);border-color:var(--line);box-shadow:0 8px 24px -16px #06376480}
.mobility-integrated :is(.cta-section,.sol-close,.flow-end){background:var(--navy);color:#fff}
.mobility-integrated .cta-section{padding-block:80px}
.mobility-integrated .cta-panel{padding:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:64px;align-items:center;border:0;border-radius:0;background:none;box-shadow:none;min-height:0}
.mobility-integrated .cta-scene{display:none}
.mobility-integrated :is(.cta-panel,.sol-close,.flow-end) h2{color:#fff;font-weight:700}
.mobility-integrated :is(.cta-panel,.sol-close,.flow-end) p{color:#c9deec}
.mobility-integrated .cta-panel .section-kicker{color:#7fd8ff}
.mobility-integrated .cta-button{background:#fff;color:var(--navy);border:1px solid #fff;box-shadow:none}
.mobility-integrated .cta-button:hover{background:var(--ice)}
.mobility-integrated .cta-steps{color:#dbeaf3}
.mobility-integrated .cta-steps li span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.mobility-integrated .contact-alt{border-color:rgba(255,255,255,.25)}
.mobility-integrated .contact-alt :is(a,span){color:#dbeaf3}
.mobility-integrated :is(.condo-list,.safety-list,.faq-item,.rules-detail){border-color:var(--line);color:var(--text)}
.mobility-integrated :is(.condo-list,.safety-list,.faq-item,.rules-detail) :is(p,li){color:var(--muted)}
.mobility-integrated .faq-item summary{color:var(--ink)}
.mobility-integrated .check-band{background:var(--ice);color:var(--navy);border-color:var(--line)}
.mobility-integrated :is(.sol-index,.rules-index,.flow-overview){background:#fff;color:var(--navy);border-color:var(--line)}
.mobility-integrated .legal-main{padding-block:56px 80px;color:var(--text)}
.mobility-integrated .legal-main .card{padding:clamp(24px,4vw,48px);background:#fff;color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:none}
.mobility-integrated .legal-main :is(h1,h2,h3){color:var(--ink);font-weight:700}
.mobility-integrated .legal-main h1{font-size:clamp(2rem,3.8vw,3.4rem)}
.mobility-integrated .legal-main p,.mobility-integrated .legal-main li{color:var(--text)}
.mobility-integrated .legal-main .notice{background:var(--pale);border-color:var(--line);color:var(--muted)}
.mobility-integrated .legal-nav{color:var(--navy)}
.mobility-integrated .legal-main a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.mobility-integrated.questionnaire-page{--q-bg:#f5fafd;--q-surface:#fff;--q-surface-2:#eaf5fb;--q-line:#c8dce8;--q-muted:#5a7385;--q-accent:#008fdb;--q-accent-2:#063764;--q-ink:#0a2a45;--q-glass:#fff;background:var(--pale);color:var(--text)}
.mobility-integrated .scene{display:none}
.mobility-integrated .questionnaire-main{padding:48px 0 80px}
.mobility-integrated .questionnaire-main>.container{width:min(1200px,calc(100% - 64px))}
.mobility-integrated .intro{max-width:850px;margin-bottom:32px}
.mobility-integrated .intro h1{font-weight:700;max-width:850px;margin:14px 0 18px;font-size:var(--type-section);line-height:1.08}
.mobility-integrated .intro .grad{background:none;color:var(--blue);-webkit-text-fill-color:currentColor}
.mobility-integrated .intro p{color:var(--muted);font-size:1.04rem}
.mobility-integrated .wizard-layout{grid-template-columns:260px minmax(0,1fr);gap:24px}
.mobility-integrated :is(.wizard-sidebar,.wizard-panel){background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:none;backdrop-filter:none;color:var(--text)}
.mobility-integrated .wizard-sidebar{top:104px;padding:24px}
.mobility-integrated .wizard-sidebar h2{color:var(--ink);font-size:1.3rem;font-weight:700}
.mobility-integrated .wizard-sidebar li{color:var(--muted)}
.mobility-integrated .wizard-sidebar li.active{background:var(--ice);color:var(--navy)}
.mobility-integrated .wizard-sidebar li.active .dot{color:var(--navy);border-color:var(--blue);box-shadow:none}
.mobility-integrated .wizard-sidebar li.complete .dot{background:var(--blue);border-color:var(--blue);color:#fff}
.mobility-integrated .wizard-panel{padding:32px;min-height:0}
.mobility-integrated :is(.step-top,.privacy-note a,.edit-button){color:var(--blue)}
.mobility-integrated .step-title{color:var(--ink);font-weight:700;font-size:clamp(1.65rem,2.6vw,2.4rem)}
.mobility-integrated :is(.step-hint,.field-help,.review-note,.privacy-note,.wizard-sidebar p,.confirmation p){color:var(--muted)}
.mobility-integrated .field-label,.mobility-integrated .field legend{color:var(--ink)}
.mobility-integrated .field input:not([type=radio]):not([type=checkbox]){background:#fff;color:var(--ink);border-color:#b6cddc;border-radius:10px;min-height:50px;font:inherit}
.mobility-integrated .field input::placeholder{color:#6c8291}
.mobility-integrated .option{border-color:var(--line);background:#fff;color:var(--text);border-radius:14px;box-shadow:none}
.mobility-integrated .option:hover{background:var(--pale);border-color:var(--blue)}
.mobility-integrated .option:has(input:checked){background:var(--ice);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.mobility-integrated .option::after{border-color:#9fbcca}
.mobility-integrated .option:has(input:checked)::after{background-color:#9bdcf7;border-color:var(--blue)}
.mobility-integrated .option-icon{color:var(--blue);background:var(--ice)}
.mobility-integrated .option-card :is(strong,span){color:inherit}
.mobility-integrated :is(.option-hint,.option-card small){color:var(--muted)}
.mobility-integrated .segments{border-color:#b6cddc;box-shadow:none}
.mobility-integrated .segments i{background:linear-gradient(90deg,var(--blue) var(--fill,0%),#e3edf3 var(--fill,0%))}
.mobility-integrated .segments::after{background:#b6cddc}
.mobility-integrated .wizard-actions{border-color:var(--line)}
.mobility-integrated .button-next{border:0;border-radius:100px;background:var(--navy);color:#fff;box-shadow:none;padding:12px 22px;min-height:48px}
.mobility-integrated .button-next:hover{background:var(--blue)}
.mobility-integrated .button-quiet{border:1px solid #b6cddc;border-radius:100px;background:#fff;color:var(--navy);min-height:48px}
.mobility-integrated .button-quiet:hover{background:var(--ice)}
.mobility-integrated :is(.review-group,.mode-note,.mode-note.live,.mode-note.demo){background:var(--pale);border-color:var(--line);color:var(--text)}
.mobility-integrated .review-group h3,.mobility-integrated .review-row dd{color:var(--ink)}
.mobility-integrated .review-row{border-color:var(--line)}
.mobility-integrated .review-row dt{color:var(--muted)}
.mobility-integrated .confirmation h2{color:var(--ink);font-weight:700}
.mobility-integrated :is(.field-error,.submission-message){color:#a62427}
.mobility-integrated .submission-message{background:#fff1f0;border:1px solid #ecc6c4}
.mobility-integrated .field-help.success{color:#246145}
.mobility-integrated .field-help.notice{color:#85520f}
.mobility-integrated .flow-section-blue{background:var(--navy);color:#fff}
.mobility-integrated .flow-section-blue :is(h2,h3){color:#fff}
.mobility-integrated .flow-section-blue p{color:#dbeaf3}
@media(max-width:1000px){.mobility-integrated .footer-main{grid-template-columns:1fr 1fr;gap:36px}.mobility-integrated .about-grid{gap:32px}.mobility-integrated .sol-hero-grid{gap:32px}}
@media(max-width:850px){.mobility-integrated .wizard-layout{grid-template-columns:1fr}.mobility-integrated .wizard-sidebar{display:none}.mobility-integrated .cta-panel{grid-template-columns:1fr;gap:32px}.mobility-integrated .about-grid{grid-template-columns:1fr}.mobility-integrated .about-media{max-width:680px}.mobility-integrated .sol-hero-grid{grid-template-columns:1fr}.mobility-integrated .hero-grid{min-height:680px;padding-block:56px}}
@media(max-width:600px){body.mobility-integrated{--header-h:68px}.mobility-integrated .container,.mobility-integrated .questionnaire-main>.container{width:calc(100% - 36px)}.mobility-integrated .brand{width:150px}.mobility-integrated .header-inner{height:68px}.mobility-integrated .section,.mobility-integrated .sol-section{padding-block:48px}.mobility-integrated h1{font-size:clamp(2.1rem,9vw,2.8rem)}.mobility-integrated h2{font-size:var(--type-section)}.mobility-integrated .hero-grid{min-height:calc(100svh - 68px);padding-block:42px}.mobility-integrated .hero h1{font-size:var(--type-display);margin-block:22px 18px}.mobility-integrated .hero-copy>p{font-size:1rem;line-height:1.6}.mobility-integrated .hero .hero-footnote{font-size:.78rem;margin-top:22px}.mobility-hero-backdrop img{object-position:67% center}.mobility-hero-backdrop::after{background:linear-gradient(90deg,rgba(4,30,56,.94),rgba(5,38,70,.75) 65%,rgba(5,38,70,.55))}.mobility-integrated .hero-actions{align-items:flex-start;gap:12px;margin-top:24px}.mobility-integrated .hero-actions .button{font-size:.86rem;padding-inline:18px}.mobility-integrated :is(.sol-hero,.flow-hero,.rules-hero){padding-block:36px}.mobility-integrated .section-heading,.mobility-integrated .sol-heading{margin-bottom:28px}.mobility-integrated .footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:40px 30px}.mobility-integrated .footer-intro,.mobility-integrated .footer-contact{grid-column:1/-1}.mobility-integrated .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-block:22px}.mobility-integrated .cta-section{padding-block:48px}.mobility-integrated .questionnaire-main{padding-block:28px 48px}.mobility-integrated .intro h1{font-size:2.15rem}.mobility-integrated .wizard-panel{padding:22px 18px}.mobility-integrated .options{grid-template-columns:1fr}.mobility-integrated .option-card{min-height:76px}.mobility-integrated .legal-main{padding-block:30px 48px}.mobility-integrated .service-grid,.mobility-integrated .model-grid{gap:18px}.mobility-integrated .path-button{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.mobility-integrated *, .mobility-integrated *::before,.mobility-integrated *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(max-width:580px){
.mobility-integrated .wizard-panel:is(.wizard-panel-fluid,.wizard-panel-first,.wizard-panel-contact,.wizard-panel-address,.wizard-panel-condo-project,.wizard-panel-expand,.wizard-panel-confirmation){height:calc(100dvh - var(--header-h) - 32px - env(safe-area-inset-bottom,0px));min-height:0}
.mobility-integrated .wizard-panel-review .review-stage{min-height:calc(100dvh - var(--header-h) - 32px);background:#fff;border:1px solid var(--line)}
.mobility-integrated .wizard-panel-review .review-mobile-heading h2{color:var(--ink)}
}
/* Text inherited from the former dark theme now follows the light sections. */
.mobility-integrated :is(.about-copy,.condo-safety,.com-safety,.condo-faq,.com-faq,.rules-index,.rules-hero,.rules-heading) p{color:var(--muted)}
.mobility-integrated .rules-lead-question,.mobility-integrated .flow-overview strong{color:var(--ink)}
/* Match the institutional section introduction and its three-column card alignment. */
.mobility-integrated :is(.section-heading,.sol-heading){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end;text-align:left}
.mobility-integrated :is(.section-heading,.sol-heading)>div,.mobility-integrated .sol-heading>h2{grid-column:span 2;min-width:0}
.mobility-integrated :is(.section-heading,.sol-heading)>p{max-width:none}
@media(max-width:950px){.mobility-integrated :is(.section-heading,.sol-heading){grid-template-columns:1fr;gap:18px;align-items:start}.mobility-integrated :is(.section-heading,.sol-heading)>div,.mobility-integrated .sol-heading>h2{grid-column:auto}.mobility-integrated :is(.section-heading,.sol-heading)>p{max-width:650px}}

/* Permite a quebra do link da observacao em telas estreitas. */
.mobility-integrated .model-note .text-link{display:inline;white-space:normal;overflow-wrap:break-word}

.mobility-integrated .service-card h3{overflow-wrap:break-word;hyphens:auto}

.mobility-integrated :is(.service-card,.model-card,.sol-card,.pillar,.benefit-card,.path-card) h3{font-size:var(--type-card)}
.mobility-integrated :is(.service-card,.sol-card) p{font-size:var(--type-card-text);line-height:1.65}

/* Form surfaces and selected states share the institutional blue palette. */
body.mobility-integrated.questionnaire-page{background:#e8f2f8;--q-line:#b7cfdf;--q-muted:#496779}
.questionnaire-page .questionnaire-main{padding-top:32px;background:linear-gradient(180deg,#edf5fa 0%,#e8f2f8 100%)}
.questionnaire-page .intro{margin-bottom:26px}
.questionnaire-page .intro h1{font-size:clamp(2rem,3vw,2.8rem);margin-block:12px 14px}
.questionnaire-page .intro p{font-size:1rem;color:#496779}
.questionnaire-page .wizard-sidebar{background:linear-gradient(150deg,#0a4778,#063764 65%,#052a4c);border-color:#063764;box-shadow:0 16px 36px -24px #06376480;padding:26px 22px;color:#fff}
.questionnaire-page .wizard-sidebar h2{color:#fff;font-size:1.35rem;line-height:1.25;margin-bottom:26px}
.questionnaire-page .wizard-sidebar p{color:#d0e3ef;line-height:1.65}
.questionnaire-page .wizard-sidebar li{color:#d0e3ef;border:1px solid transparent}
.questionnaire-page .wizard-sidebar li .dot{color:#d0e3ef;border-color:#789bb8;background:transparent}
.questionnaire-page .wizard-sidebar li.active{background:#ffffff15;border-color:#78d4ff70;color:#fff}
.questionnaire-page .wizard-sidebar li.active .dot{background:#8fdcff;border-color:#8fdcff;color:#063764;box-shadow:none;font-weight:800}
.questionnaire-page .wizard-sidebar li.complete{color:#fff}
.questionnaire-page .wizard-sidebar li.complete .dot{background:#c0e8fa;border-color:#c0e8fa;color:#063764}
.questionnaire-page .wizard-panel{background:#fff;border:1px solid #bed3e1;border-top:3px solid #008fdb;box-shadow:0 18px 44px -32px #06376460;padding:28px 32px}
.questionnaire-page .step-top{color:#006ba6;font-size:.78rem}
.questionnaire-page .step-title{font-size:clamp(1.55rem,2.2vw,2.05rem);line-height:1.18;margin-bottom:14px}
.questionnaire-page .step-hint,.questionnaire-page .profile-help{color:#496779}
.questionnaire-page .segments{margin-top:16px;margin-bottom:28px;padding:0;border:0;border-radius:100px;background:#dbe8f1;box-shadow:none;overflow:hidden}
.questionnaire-page .segments i{height:7px;border-radius:0;background:linear-gradient(90deg,#008fdb var(--fill,0%),#dbe8f1 var(--fill,0%))}
.questionnaire-page .segments::after{display:none}
.questionnaire-page .option{background:#f0f6fa;border:1px solid #b7cddd;box-shadow:0 2px 5px #06376404;color:#163c58}
.questionnaire-page .option:hover{background:#e6f2fa;border-color:#3d8dbd;box-shadow:0 7px 18px -14px #06376470}
.questionnaire-page .option:has(input:checked){background:#d4ebf9;border-color:#0078b9;box-shadow:inset 0 0 0 1px #0078b9;color:#063764}
.questionnaire-page .option::after{display:block;opacity:1;background:#fff;border:1.5px solid #8aaabd}
.questionnaire-page .option:has(input:checked)::after{background:#063764 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18.5 8'/%3E%3C/svg%3E") center/14px no-repeat;border-color:#063764}
.questionnaire-page .option:has(input[type=checkbox])::after{border-radius:5px}
.questionnaire-page .option-card{padding-right:42px}
.questionnaire-page .option-card::after{display:block;width:20px;height:20px;top:14px;right:13px;margin-top:0}
body.mobility-integrated.questionnaire-page .option-card .option-icon{background:#dbeaf4;color:#075482;border-radius:10px}
body.mobility-integrated.questionnaire-page .option-card:has(input:checked) .option-icon{background:#063764;color:#fff}
.questionnaire-page .option-card small,.questionnaire-page .option-hint{color:#496779}
.questionnaire-page .option-card:has(input:checked) small{color:#244f6d}
.questionnaire-page .option:has(input:focus-visible){outline:3px solid #0078b9;outline-offset:3px}
.questionnaire-page .field input:not([type=radio]):not([type=checkbox]){background:#f3f8fc;border-color:#9ebbd0}
.questionnaire-page .field input:not([type=radio]):not([type=checkbox]):focus-visible{background:#fff;outline:3px solid #008fdb;outline-offset:2px}
.questionnaire-page .field input::placeholder{color:#637c8f}
.questionnaire-page .wizard-actions{border-color:#c7dae7;padding-top:22px}
.questionnaire-page .button-quiet{border-color:#9bb8ce;background:#f3f8fc}
.questionnaire-page .button-quiet:hover{background:#e1eff8}
.questionnaire-page .button-next{background:#063764;box-shadow:0 7px 16px -11px #06376490}
.questionnaire-page .button-next:hover{background:#07588c}
.questionnaire-page .review-group{background:#edf5fb;border-color:#b7cfdf}
.questionnaire-page .review-row dt{color:#426278}
.questionnaire-page .mode-note,.questionnaire-page .mode-note.live{background:#e4f0f8;border-color:#aac9dd;color:#254e69}
@media(max-width:850px){.questionnaire-page .wizard-panel{padding:26px}.questionnaire-page .intro{margin-bottom:22px}}
@media(max-width:600px){.questionnaire-page .questionnaire-main{padding-top:24px}.questionnaire-page .intro h1{font-size:1.85rem}.questionnaire-page .wizard-panel{padding:20px 18px}.questionnaire-page .step-title{font-size:1.6rem}.questionnaire-page .step-top{font-size:.72rem}.questionnaire-page .segments{margin-bottom:22px}.questionnaire-page .option-card{padding-right:44px}.questionnaire-page .wizard-panel-first .profile-field .option-card{height:auto;min-height:66px;padding:10px 42px 10px 12px}.questionnaire-page .option-card::after{top:50%;right:13px;margin-top:-10px}.questionnaire-page .option-card .option-icon{width:36px;height:36px;padding:7px}.questionnaire-page .wizard-actions{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.questionnaire-page .option,.questionnaire-page .button-next{transition:none}}