/* SGC Mobilidade — hotsite. Gerado a partir do design "Hotsite IBETA Mobilidade". */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2')}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#F4F8F6;color:#10231E}
a{color:#0E7C63}a:hover{color:#0B6551}
.flow{stroke-dasharray:5 7;animation:flow 1.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-24}}
.pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}
.lift{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.lift:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(14,42,35,.10);border-color:#A7D8C9}
.btn{transition:background .22s ease,border-color .22s ease}
.btn-primary:hover{background:#6EE7B7 !important;color:#06251D !important}
.btn-green:hover{background:#0B6551 !important;color:#FFFFFF !important}
.btn-ghost:hover{background:rgba(255,255,255,.12) !important;color:#FFFFFF !important}
.navlink:hover{color:#FFFFFF !important}
.tab:hover{border-color:#0E7C63 !important}
.root>*{flex-shrink:0}

/* ===== hotsite: base publicada ===== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:none}
.root{--g:max(120px, calc((100% - 1200px) / 2));width:100%;min-width:1440px;display:flex;flex-direction:column;background:#F4F8F6;overflow-x:hidden}
.root>*{flex-shrink:0}
[id]{scroll-margin-top:24px}
.tabbtn{flex-grow:1;height:60px;border-radius:14px;border:1px solid #D6E1DC;background:#FFFFFF;color:#10231E;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .22s ease,background .22s ease}
.tabbtn:hover{border-color:#0E7C63}
.tabbtn .tabnum{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#61756F}
.tabbtn.is-active{border-color:#0E2A23;background:#0E2A23;color:#FFFFFF;font-weight:800}
.tabbtn.is-active .tabnum{color:#34D399}
.modpanel{display:none;width:100%}
.modpanel.is-on{display:flex}
:focus-visible{outline:3px solid #34D399;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.flow,.pulse{animation:none}html{scroll-behavior:auto}}
.armadilha{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#form-status.is-erro{color:#B91C1C !important}
#form-contato button:disabled{opacity:.7;cursor:progress}