*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Nunito Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-24{bottom:-6rem}.-bottom-4{bottom:-1rem}.-bottom-8{bottom:-2rem}.-left-28{left:-7rem}.-left-6{left:-1.5rem}.-left-8{left:-2rem}.-right-10{right:-2.5rem}.-right-20{right:-5rem}.-right-4{right:-1rem}.-right-6{right:-1.5rem}.-right-8{right:-2rem}.-top-4{top:-1rem}.-top-6{top:-1.5rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-6{left:1.5rem}.right-0{right:0}.right-1{right:.25rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-4{top:1rem}.top-\[38px\]{top:38px}.top-\[84px\]{top:84px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.-mt-0\.5{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-\[-30px\]{margin-bottom:-30px}.mr-1\.5{margin-right:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1\.5px\]{height:1.5px}.h-\[160px\]{height:160px}.h-\[170px\]{height:170px}.h-\[280px\]{height:280px}.h-\[320px\]{height:320px}.h-\[420px\]{height:420px}.h-\[84px\]{height:84px}.h-full{height:100%}.h-px{height:1px}.max-h-\[420px\]{max-height:420px}.max-h-\[76vh\]{max-height:76vh}.min-h-\[240px\]{min-height:240px}.min-h-\[560px\]{min-height:560px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-64{width:16rem}.w-72{width:18rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[160px\]{width:160px}.w-\[170px\]{width:170px}.w-\[320px\]{width:320px}.w-\[420px\]{width:420px}.w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[390px\]{max-width:390px}.max-w-\[440px\]{max-width:440px}.max-w-\[600px\]{max-width:600px}.max-w-\[64px\]{max-width:64px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-\[\#1E3A5F\]{--tw-border-opacity:1;border-color:rgb(30 58 95/var(--tw-border-opacity,1))}.border-\[\#25405F\]{--tw-border-opacity:1;border-color:rgb(37 64 95/var(--tw-border-opacity,1))}.border-\[\#CCCC00\]{--tw-border-opacity:1;border-color:rgb(46 95 74/var(--tw-border-opacity,1))}.border-azul{--tw-border-opacity:1;border-color:rgb(30 58 95/var(--tw-border-opacity,1))}.border-azul\/10{border-color:rgba(30,58,95,.1)}.border-azul\/25{border-color:rgba(30,58,95,.25)}.border-n150{--tw-border-opacity:1;border-color:rgb(223 227 232/var(--tw-border-opacity,1))}.border-n150\/60{border-color:rgba(223,227,232,.6)}.border-n500{--tw-border-opacity:1;border-color:rgb(107 118 131/var(--tw-border-opacity,1))}.border-verde{--tw-border-opacity:1;border-color:rgb(46 95 74/var(--tw-border-opacity,1))}.bg-\[\#1E3A5F\]{--tw-bg-opacity:1;background-color:rgb(30 58 95/var(--tw-bg-opacity,1))}.bg-\[\#1E3A5F\]\/10{background-color:rgba(30,58,95,.1)}.bg-\[\#CCCC00\]{--tw-bg-opacity:1;background-color:rgb(46 95 74/var(--tw-bg-opacity,1))}.bg-\[\#7FB88A\]{--tw-bg-opacity:1;background-color:rgb(127 184 138/var(--tw-bg-opacity,1))}.bg-\[\#8FB4D9\]{--tw-bg-opacity:1;background-color:rgb(143 180 217/var(--tw-bg-opacity,1))}.bg-azul{--tw-bg-opacity:1;background-color:rgb(30 58 95/var(--tw-bg-opacity,1))}.bg-azul\/10{background-color:rgba(30,58,95,.1)}.bg-azul\/\[0\.035\]{background-color:rgba(30,58,95,.035)}.bg-azul\/\[0\.04\]{background-color:rgba(30,58,95,.04)}.bg-azul\/\[0\.05\]{background-color:rgba(30,58,95,.05)}.bg-azulescuro{--tw-bg-opacity:1;background-color:rgb(20 26 33/var(--tw-bg-opacity,1))}.bg-azulescuro\/60{background-color:rgba(20,26,33,.6)}.bg-n150{--tw-bg-opacity:1;background-color:rgb(223 227 232/var(--tw-bg-opacity,1))}.bg-n40{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.bg-verde{--tw-bg-opacity:1;background-color:rgb(46 95 74/var(--tw-bg-opacity,1))}.bg-verde\/10{background-color:rgba(55,95,146,.1)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-\[radial-gradient\(circle_at_50\%_30\%\2c rgba\(127\2c 184\2c 138\2c 0\.12\)\2c transparent_60\%\)\]{background-image:radial-gradient(circle at 50% 30%,rgba(204,204,0,.12),transparent 60%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#1E3A5F\],.from-azul{--tw-gradient-from:#1e3a5f var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,58,95,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-verde{--tw-gradient-from:#CCCC00 var(--tw-gradient-from-position);--tw-gradient-to:rgba(55,95,146,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#141A21\]{--tw-gradient-to:rgba(20,26,33,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#141a21 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#1E3A5F\]{--tw-gradient-to:rgba(30,58,95,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a5f var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-azul\/\[0\.04\]{--tw-gradient-to:rgba(30,58,95,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,58,95,.04) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#141A21\]{--tw-gradient-to:#141a21 var(--tw-gradient-to-position)}.to-\[\#1E3A5F\]{--tw-gradient-to:#1e3a5f var(--tw-gradient-to-position)}.to-\[\#CCCC00\]{--tw-gradient-to:#CCCC00 var(--tw-gradient-to-position)}.to-\[\#CCCC00\]\/\[0\.05\]{--tw-gradient-to:rgba(55,95,146,.05) var(--tw-gradient-to-position)}.to-azul{--tw-gradient-to:#1e3a5f var(--tw-gradient-to-position)}.to-azul\/\[0\.04\]{--tw-gradient-to:rgba(30,58,95,.04) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-verde{--tw-gradient-to:#CCCC00 var(--tw-gradient-to-position)}.to-verde\/\[0\.04\]{--tw-gradient-to:rgba(55,95,146,.04) var(--tw-gradient-to-position)}.to-verde\/\[0\.10\]{--tw-gradient-to:rgba(55,95,146,.1) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[center_15\%\]{-o-object-position:center 15%;object-position:center 15%}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[8px\]{font-size:8px}.text-\[clamp\(26px\2c 3\.2vw\2c 34px\)\]{font-size:clamp(26px,3.2vw,34px)}.text-\[clamp\(26px\2c 3\.2vw\2c 36px\)\]{font-size:clamp(26px,3.2vw,36px)}.text-\[clamp\(26px\2c 3\.4vw\2c 38px\)\]{font-size:clamp(26px,3.4vw,38px)}.text-\[clamp\(26px\2c 3\.6vw\2c 40px\)\]{font-size:clamp(26px,3.6vw,40px)}.text-\[clamp\(28px\2c 3\.6vw\2c 42px\)\]{font-size:clamp(28px,3.6vw,42px)}.text-\[clamp\(34px\2c 5vw\2c 58px\)\]{font-size:clamp(34px,5vw,58px)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\.35\]{line-height:1.35}.leading-\[1\.8\]{line-height:1.8}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#1E3A5F\]{--tw-text-opacity:1;color:rgb(30 58 95/var(--tw-text-opacity,1))}.text-\[\#1E3A5F\]\/20{color:rgba(30,58,95,.2)}.text-\[\#7C8CA1\]{--tw-text-opacity:1;color:rgb(124 140 161/var(--tw-text-opacity,1))}.text-\[\#7FB88A\]{--tw-text-opacity:1;color:rgb(127 184 138/var(--tw-text-opacity,1))}.text-\[\#8FB4D9\]{--tw-text-opacity:1;color:rgb(143 180 217/var(--tw-text-opacity,1))}.text-\[\#9FB1C4\]{--tw-text-opacity:1;color:rgb(159 177 196/var(--tw-text-opacity,1))}.text-\[\#c8e6d4\]{--tw-text-opacity:1;color:rgb(200 230 212/var(--tw-text-opacity,1))}.text-\[\#d6ebe0\]{--tw-text-opacity:1;color:rgb(214 235 224/var(--tw-text-opacity,1))}.text-azul{--tw-text-opacity:1;color:rgb(30 58 95/var(--tw-text-opacity,1))}.text-azul\/20{color:rgba(30,58,95,.2)}.text-azulescuro{--tw-text-opacity:1;color:rgb(20 26 33/var(--tw-text-opacity,1))}.text-n300{--tw-text-opacity:1;color:rgb(174 182 192/var(--tw-text-opacity,1))}.text-n500{--tw-text-opacity:1;color:rgb(107 118 131/var(--tw-text-opacity,1))}.text-n700{--tw-text-opacity:1;color:rgb(61 71 82/var(--tw-text-opacity,1))}.text-n900{--tw-text-opacity:1;color:rgb(20 26 33/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-verde{--tw-text-opacity:1;color:rgb(46 95 74/var(--tw-text-opacity,1))}.text-verde\/20{color:rgba(55,95,146,.2)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/85{color:hsla(0,0%,100%,.85)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-10{opacity:.1}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[0\.035\]{opacity:.035}.opacity-\[0\.03\]{opacity:.03}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.07\]{opacity:.07}.opacity-\[0\.08\]{opacity:.08}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_-10px_30px_rgba\(20\2c 26\2c 33\2c 0\.12\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-10px_30px_rgba\(20\2c 26\2c 33\2c 0\.12\)\]{--tw-shadow:0 -10px 30px rgba(20,26,33,.12);--tw-shadow-colored:0 -10px 30px var(--tw-shadow-color)}.shadow-\[0_10px_30px_-8px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-shadow:0 10px 30px -8px rgba(0,0,0,.35);--tw-shadow-colored:0 10px 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(30\2c 58\2c 95\2c 0\.25\)\]{--tw-shadow:0 10px 30px rgba(30,58,95,.25);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(30\2c 58\2c 95\2c 0\.35\)\]{--tw-shadow:0 10px 30px rgba(30,58,95,.35);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(46\2c 95\2c 74\2c 0\.25\)\]{--tw-shadow:0 10px 30px rgba(55,95,146,.25);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(46\2c 95\2c 74\2c 0\.35\)\]{--tw-shadow:0 10px 30px rgba(55,95,146,.35);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(74\2c 133\2c 103\2c 0\.25\)\]{--tw-shadow:0 10px 30px rgba(55,95,146,.25);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(74\2c 133\2c 103\2c 0\.35\)\]{--tw-shadow:0 10px 30px rgba(55,95,146,.35);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_36px_-8px_rgba\(30\2c 58\2c 95\2c 0\.28\)\]{--tw-shadow:0 14px 36px -8px rgba(30,58,95,.28);--tw-shadow-colored:0 14px 36px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_36px_-8px_rgba\(46\2c 95\2c 74\2c 0\.28\)\]{--tw-shadow:0 14px 36px -8px rgba(55,95,146,.28);--tw-shadow-colored:0 14px 36px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_36px_-8px_rgba\(74\2c 133\2c 103\2c 0\.28\)\]{--tw-shadow:0 14px 36px -8px rgba(55,95,146,.28);--tw-shadow-colored:0 14px 36px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_32px_-8px_rgba\(30\2c 58\2c 95\2c 0\.4\)\]{--tw-shadow:0 16px 32px -8px rgba(30,58,95,.4);--tw-shadow-colored:0 16px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_32px_-8px_rgba\(42\2c 85\2c 120\2c 0\.35\)\]{--tw-shadow:0 16px 32px -8px rgba(42,85,120,.35);--tw-shadow-colored:0 16px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_32px_-8px_rgba\(46\2c 95\2c 74\2c 0\.35\)\]{--tw-shadow:0 16px 32px -8px rgba(55,95,146,.35);--tw-shadow-colored:0 16px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_50px_-14px_rgba\(30\2c 58\2c 95\2c 0\.4\)\]{--tw-shadow:0 20px 50px -14px rgba(30,58,95,.4);--tw-shadow-colored:0 20px 50px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_70px_-20px_rgba\(30\2c 58\2c 95\2c 0\.3\)\]{--tw-shadow:0 30px 70px -20px rgba(30,58,95,.3);--tw-shadow-colored:0 30px 70px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_70px_-20px_rgba\(30\2c 58\2c 95\2c 0\.35\)\]{--tw-shadow:0 30px 70px -20px rgba(30,58,95,.35);--tw-shadow-colored:0 30px 70px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(30\2c 58\2c 95\2c 0\.15\)\]{--tw-shadow:0 4px 14px rgba(30,58,95,.15);--tw-shadow-colored:0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(20\2c 26\2c 33\2c 0\.06\)\]{--tw-shadow:0 4px 20px rgba(20,26,33,.06);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_16px_rgba\(30\2c 58\2c 95\2c 0\.3\)\]{--tw-shadow:0 6px 16px rgba(30,58,95,.3);--tw-shadow-colored:0 6px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_16px_rgba\(46\2c 95\2c 74\2c 0\.3\)\]{--tw-shadow:0 6px 16px rgba(55,95,146,.3);--tw-shadow-colored:0 6px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(30\2c 58\2c 95\2c 0\.10\)\]{--tw-shadow:0 6px 20px rgba(30,58,95,.1);--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(46\2c 95\2c 74\2c 0\.10\)\]{--tw-shadow:0 6px 20px rgba(55,95,146,.1);--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_22px_rgba\(30\2c 58\2c 95\2c 0\.08\)\]{--tw-shadow:0 6px 22px rgba(30,58,95,.08);--tw-shadow-colored:0 6px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_22px_rgba\(42\2c 85\2c 120\2c 0\.08\)\]{--tw-shadow:0 6px 22px rgba(42,85,120,.08);--tw-shadow-colored:0 6px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_22px_rgba\(46\2c 95\2c 74\2c 0\.08\)\]{--tw-shadow:0 6px 22px rgba(55,95,146,.08);--tw-shadow-colored:0 6px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_22px_-6px_rgba\(30\2c 58\2c 95\2c 0\.4\)\]{--tw-shadow:0 8px 22px -6px rgba(30,58,95,.4);--tw-shadow-colored:0 8px 22px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[\#CCCC00\]\/15{--tw-ring-color:rgba(55,95,146,.15)}.ring-azul\/15{--tw-ring-color:rgba(30,58,95,.15)}.ring-verde\/15{--tw-ring-color:rgba(55,95,146,.15)}.grayscale-\[15\%\]{--tw-grayscale:grayscale(15%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:-translate-y-1\.5:hover{--tw-translate-y:-0.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.hover\:bg-\[\#b8b800\]:hover{--tw-bg-opacity:1;background-color:rgb(36 76 60/var(--tw-bg-opacity,1))}.hover\:bg-\[\#EDF2F7\]:hover{--tw-bg-opacity:1;background-color:rgb(237 242 247/var(--tw-bg-opacity,1))}.hover\:bg-azul:hover{--tw-bg-opacity:1;background-color:rgb(30 58 95/var(--tw-bg-opacity,1))}.hover\:bg-azul\/\[0\.03\]:hover{background-color:rgba(30,58,95,.03)}.hover\:bg-n40:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.hover\:bg-verde:hover{--tw-bg-opacity:1;background-color:rgb(46 95 74/var(--tw-bg-opacity,1))}.hover\:from-\[\#141A21\]:hover{--tw-gradient-from:#141a21 var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,26,33,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-\[\#b8b800\]:hover{--tw-gradient-to:#b8b800 var(--tw-gradient-to-position)}.hover\:text-azul:hover{--tw-text-opacity:1;color:rgb(30 58 95/var(--tw-text-opacity,1))}.hover\:text-verde:hover{--tw-text-opacity:1;color:rgb(46 95 74/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-\[0_20px_44px_-6px_rgba\(30\2c 58\2c 95\2c 0\.32\)\]:hover{--tw-shadow:0 20px 44px -6px rgba(30,58,95,.32);--tw-shadow-colored:0 20px 44px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_44px_-6px_rgba\(46\2c 95\2c 74\2c 0\.32\)\]:hover{--tw-shadow:0 20px 44px -6px rgba(55,95,146,.32);--tw-shadow-colored:0 20px 44px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_44px_-6px_rgba\(74\2c 133\2c 103\2c 0\.32\)\]:hover{--tw-shadow:0 20px 44px -6px rgba(55,95,146,.32);--tw-shadow-colored:0 20px 44px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-azul:focus{--tw-border-opacity:1;border-color:rgb(30 58 95/var(--tw-border-opacity,1))}.focus\:bg-azul:focus{--tw-bg-opacity:1;background-color:rgb(30 58 95/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:text-azul{--tw-text-opacity:1;color:rgb(30 58 95/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:left-10{left:2.5rem}.sm\:right-10{right:2.5rem}.sm\:top-\[54px\]{top:54px}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:mr-\[14px\]{margin-right:14px}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:h-11{height:2.75rem}.sm\:h-\[320px\]{height:320px}.sm\:w-\[calc\(100\%-5rem\)\]{width:calc(100% - 5rem)}.sm\:min-w-\[calc\(33\.333\%-14px\)\]{min-width:calc(33.333% - 14px)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-start{justify-content:flex-start}.sm\:gap-10{gap:2.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-5{gap:1.25rem}.sm\:p-10{padding:2.5rem}.sm\:p-16{padding:4rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pt-16{padding-top:4rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-20{padding:5rem}}
/*
Theme Name: ConecteSer Editável Modular
Theme URI: https://www.conecteser.com.br
Author: ConecteSer
Description: Tema customizado da ConecteSer — Desenvolvimento Organizacional.
Version: 112.0
Text Domain: conecteser
*/

html{ scroll-behavior:smooth; overflow-x:hidden; }
body{ font-family:'Nunito Sans',sans-serif; overflow-x:hidden; }
address, p, a, li, h1, h2, h3, h4{ overflow-wrap:break-word; word-break:break-word; }
footer *{ min-width:0; }


/* HEADER FIXO — site one-page
   O menu permanece visível durante toda a rolagem. As âncoras recebem
   o offset correspondente à altura do header para nunca ficarem escondidas. */
:root{ --cs-header-height:96px; }
html{ scroll-padding-top:var(--cs-header-height); }
#siteHeader{ position:fixed; top:0; left:0; right:0; width:100%; z-index:50; transition:box-shadow .25s ease, background-color .25s ease; }
#siteHeader.cs-scrolled{ box-shadow:0 8px 24px -14px rgba(18,35,58,.28); }
#conteudo{ padding-top:var(--cs-header-height); scroll-margin-top:var(--cs-header-height); }
#conteudo > section[id], #conteudo section[id], #conteudo [id]{ scroll-margin-top:calc(var(--cs-header-height) + 12px); }
@media (max-width:1023px){ :root{ --cs-header-height:88px; } }
@media (max-width:639px){ :root{ --cs-header-height:84px; } }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } #siteHeader{ transition:none; } }

/* MARCA NO CABEÇALHO — proporção original preservada
   O SVG original da ConecteSer tem viewBox 375x220 (razão ≈ 1,705).
   A caixa abaixo respeita essa proporção e nunca recorta o círculo verde. */
.cs-header-inner{ height:var(--cs-header-height); }
.cs-brand{ display:flex; align-items:center; gap:14px; flex:0 0 auto; text-decoration:none; min-width:0; }
.cs-brand-mark{ display:block; width:82px; height:48px; flex:0 0 82px; overflow:visible; }
.cs-brand-mark-img{ display:block; width:100%; height:100%; object-fit:contain; object-position:left center; max-width:none; }
.cs-brand-copy{ display:flex; flex-direction:column; justify-content:center; width:168px; min-width:168px; line-height:1; }
.cs-brand-name{ display:block; color:#1E3A5F; font-size:29px; line-height:.96; font-weight:800; white-space:nowrap; letter-spacing:-.02em; }
.cs-brand-tagline{ display:block; width:100%; margin-top:6px; color:#64748B; font-size:10px; line-height:1; font-weight:600; letter-spacing:-.035em; white-space:nowrap; }
@media (max-width:1100px) and (min-width:1024px){
  .cs-brand{ gap:11px; }
  .cs-brand-mark{ width:75px; height:44px; flex-basis:75px; }
  .cs-brand-copy{ width:156px; min-width:156px; }
  .cs-brand-name{ font-size:27px; }
  .cs-brand-tagline{ font-size:9.3px; margin-top:5px; }
}
@media (max-width:1023px){
  .cs-brand{ gap:10px; }
  .cs-brand-mark{ width:72px; height:42px; flex-basis:72px; }
  .cs-brand-copy{ width:150px; min-width:150px; }
  .cs-brand-name{ font-size:26px; }
  .cs-brand-tagline{ font-size:8.9px; margin-top:5px; }
}
@media (max-width:639px){
  :root{ --cs-header-height:72px; }
  .cs-header-inner{ padding-left:14px; padding-right:12px; }
  .cs-brand{ gap:9px; min-width:0; max-width:calc(100vw - 66px); }
  .cs-brand-mark{ width:68px; height:40px; flex:0 0 68px; }
  .cs-brand-copy{ width:150px; min-width:0; max-width:150px; overflow:visible; }
  .cs-brand-name{ font-size:22.5px; line-height:.98; }
  .cs-brand-tagline{ display:block; width:150px; max-width:150px; margin-top:4px; font-size:8.85px; line-height:1; font-weight:600; letter-spacing:-.05em; white-space:nowrap; }
  #navToggle{ flex:0 0 auto; margin-left:6px; }
}
@media (max-width:374px){
  :root{ --cs-header-height:68px; }
  .cs-brand{ gap:8px; max-width:calc(100vw - 62px); }
  .cs-brand-mark{ width:61px; height:36px; flex-basis:61px; }
  .cs-brand-copy{ width:137px; max-width:137px; }
  .cs-brand-name{ font-size:20px; }
  .cs-brand-tagline{ width:137px; max-width:137px; font-size:8px; letter-spacing:-.055em; margin-top:3px; }
}

/* scroll reveal */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.16,.84,.44,1), transform .7s cubic-bezier(.16,.84,.44,1); }
.reveal.in-view{ opacity:1; transform:translateY(0); }

/* symbol draw-in animation */
.ring-blue,.ring-green{ stroke-dasharray:100; stroke-dashoffset:100; animation:draw-ring 1.6s cubic-bezier(.4,0,.2,1) forwards; }
.ring-green{ animation-delay:.35s; }
@keyframes draw-ring{ to{ stroke-dashoffset:0; } }
@media (prefers-reduced-motion: reduce){ .ring-blue,.ring-green{ animation:none; stroke-dashoffset:0; } }

/* flip cards */
.dim-card{ transition:transform .3s ease; }
.dim-card:hover{ transform:translateY(-4px); }
.flip-card{ perspective:1200px; height:280px; }
@media (max-width:400px){ .flip-card{ height:300px; } }
.flip-inner{ position:relative; width:100%; height:100%; transition:transform .6s cubic-bezier(.16,.84,.44,1); transform-style:preserve-3d; }
.touch-lift{ transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s; }
.touch-lift.tap-active{ transform:translateY(-6px) scale(1.015); }
@media (hover: hover) and (pointer: fine){
  .hover-lift:hover{ transform:translateY(-6px); }
}

.flip-card.is-flipped .flip-inner{ transform:rotateY(180deg); }
/* NAO usar :hover para virar. O hover no desktop entrava em conflito com o clique
   (a classe .is-flipped ficava dessincronizada do estado visual). Agora e so clique. */
.flip-card{ cursor:pointer; }
.flip-card:focus-visible{ outline:2px solid #CCCC00; outline-offset:4px; border-radius:12px; }
@media (hover: hover) and (pointer: fine){
  .flip-card:not(.is-flipped) .flip-inner{ transition:transform .6s cubic-bezier(.16,.84,.44,1), box-shadow .3s; }
}
@media (prefers-reduced-motion: reduce){ .flip-inner{ transition:none; } }
.flip-front,.flip-back{ position:absolute; inset:0; backface-visibility:hidden; border-radius:6px; }
.flip-back{ transform:rotateY(180deg); }

/* stacked cards */
.stack-behind{ position:absolute; border-radius:8px; border:1px solid rgba(255,255,255,0.12); }
.stack-wrap{ position:relative; transition:transform .3s; }
.stack-wrap:hover{ transform:translateY(-4px); }

/* tilt */
.tilt-el{ transition:transform .15s ease-out, box-shadow .3s; will-change:transform; }

/* carousel */
.carousel-track{ display:flex; transition:transform .5s cubic-bezier(.16,.84,.44,1); }

/* accordion */
.accordion-body{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
.accordion-item.open .accordion-body{ max-height:160px; }
.accordion-item.open .accordion-icon{ transform:rotate(45deg); }
.accordion-icon{ transition:transform .3s; }

/* modal */
.modal-overlay{ opacity:0; pointer-events:none; transition:opacity .3s; }
.modal-overlay.active{ opacity:1; pointer-events:auto; }
.modal-box{ display:none; transform:translateY(16px) scale(.98); opacity:0; transition:transform .3s cubic-bezier(.16,.84,.44,1), opacity .3s; max-height:88vh; overflow-y:auto; width:100%; }
/* flex + centralizacao: antes era display:block com width:100%, entao a area vazia
   ao lado do card ainda pertencia ao .modal-box e o clique "fora" nao fechava. */
.modal-box.active{ display:flex; align-items:flex-start; justify-content:center; }
.modal-panel{ width:100%; margin-inline:auto; }
.modal-overlay.active .modal-box.active{ transform:translateY(0) scale(1); opacity:1; }

/* ANIMATED WAVE DIVIDER — movimento real, não decoração estática */
.wave-wrap{ position:relative; height:70px; overflow:hidden; line-height:0; }
.symbol-pulse{ animation: symbol-breathe 3.2s ease-in-out infinite; }
@keyframes symbol-breathe{ 0%,100%{ opacity:0.7; transform:scale(1); } 50%{ opacity:1; transform:scale(1.08); } }
@media (prefers-reduced-motion: reduce){ .symbol-pulse{ animation:none; } }

.wave-wrap svg{ position:absolute; width:100%; height:100%; }

/* progress line draw-in for "nossa abordagem" steps */
.progress-line{ stroke-dasharray:1000; stroke-dashoffset:1000; transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1); }
.progress-line.in-view{ stroke-dashoffset:0; }
.step-circle{ transition:transform .3s cubic-bezier(.34,1.56,.64,1); }
.step-item:hover .step-circle, .step-item.tap-active .step-circle{ transform:scale(1.15); }
/* flowing signal line — replaces flat static bar */
.flow-path{ stroke-dasharray:8 6; animation:flow-move 3s linear infinite; }
@keyframes flow-move{ to{ stroke-dashoffset:-56; } }
.flow-dot{ animation:flow-pulse 2.4s ease-in-out infinite; transform-origin:center; transform-box:fill-box; }
@keyframes flow-pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.8); opacity:0.35; } }
@media (prefers-reduced-motion: reduce){ .flow-path,.flow-dot{ animation:none; } }

.insights-scroll{ scrollbar-width:thin; scrollbar-color:#AEB6C0 transparent; }
.insights-scroll::-webkit-scrollbar{ width:6px; }
.insights-scroll::-webkit-scrollbar-thumb{ background:#AEB6C0; border-radius:10px; }

/* PROSE ARTICLE — estilo para conteúdo de páginas legais e posts (the_content) */
.prose-article h2{ font-size:20px; font-weight:800; color:#141A21; margin-top:32px; margin-bottom:12px; }
.prose-article h3{ font-size:17px; font-weight:700; color:#141A21; margin-top:24px; margin-bottom:10px; }
.prose-article p{ margin-bottom:16px; }
.prose-article ul, .prose-article ol{ margin:0 0 16px 20px; }
.prose-article ul{ list-style:disc; }
.prose-article ol{ list-style:decimal; }
.prose-article li{ margin-bottom:8px; }
.prose-article a{ color:#1E3A5F; font-weight:600; text-decoration:underline; }
.prose-article strong{ font-weight:700; color:#141A21; }

.nav-links ul li{ border-bottom:1px solid #DFE3E8; }
.nav-links ul li:last-child{ border-bottom:none; }

/* flutuação leve dos círculos — suave, sem exagero */
.float-gentle-a{ animation: float-gentle-a 7s ease-in-out infinite; }
.float-gentle-b{ animation: float-gentle-b 8.5s ease-in-out infinite; animation-delay: -3s; }
.float-gentle-c{ animation: float-gentle-c 7.8s ease-in-out infinite; animation-delay: -1.4s; }
@keyframes float-gentle-a{ 0%,100%{ transform:translate(-50%,0); } 50%{ transform:translate(-50%,-8px); } }
@keyframes float-gentle-b{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(3px,6px); } }
@keyframes float-gentle-c{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(-4px,-6px); } }
@media (prefers-reduced-motion: reduce){ .float-gentle-a,.float-gentle-b,.float-gentle-c{ animation:none; } }

.nav-link::after{ content:''; position:absolute; left:0; bottom:-4px; width:0; height:1.5px; background:#CCCC00; transition:width .3s ease; }
.nav-link:hover::after{ width:100%; }

/* button micro-lift */
a.bg-verde, a.bg-azul, button[type="submit"]{ transition:transform .25s cubic-bezier(.34,1.56,.64,1), background-color .3s, box-shadow .3s; }
a.bg-verde:hover, a.bg-azul:hover, button[type="submit"]:hover{ transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(30,58,95,0.35); }

/* section watermark numerals for texture */
.sec-num{ position:absolute; top:0; right:0; font-size:180px; font-weight:800; line-height:1; color:#1E3A5F; opacity:0.045; pointer-events:none; user-select:none; z-index:0; }

/* faint grid texture on light sections */
.texture-lines{ background-image:linear-gradient(90deg, rgba(20,26,33,0.025) 1px, transparent 1px); background-size:64px 100%; }

/* subtle card hover for stat blocks */
.stat-block{ transition:transform .3s ease; }
.stat-block:hover{ transform:translateY(-3px); }
.nav-links{ position:absolute; top:var(--cs-header-height); left:0; right:0; transform:translateY(-8px); opacity:0; pointer-events:none; transition:all .25s; }
.nav-links.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
.hamburger span{ transition:transform .25s, opacity .25s; }
.hamburger.open span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity:0; }
.hamburger.open span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ---------------------------------------------------------------------------
   UTILITÁRIOS COMPLEMENTARES
   Classes usadas no markup que ainda não estavam no build do Tailwind.
   Ficam aqui para o site não depender de recompilar o CSS a cada ajuste.
   Ao rodar o Tailwind CLI de novo, elas serão geradas e este bloco pode sair.
--------------------------------------------------------------------------- */
.gap-7{ gap:1.75rem; }
.pt-5{ padding-top:1.25rem; }
.pt-10{ padding-top:2.5rem; }
.pb-2{ padding-bottom:.5rem; }
button:disabled{ opacity:.6; cursor:not-allowed; }
/* vermelho de erro — cor funcional de estado, fora da paleta institucional,
   usada apenas em mensagens de falha do formulário */
.text-erro{ color:#B4302A; }
@media (min-width:640px){
  .sm\:gap-4{ gap:1rem; }
  .sm\:mb-4{ margin-bottom:1rem; }
  .sm\:mb-12{ margin-bottom:3rem; }
  .sm\:pt-6{ padding-top:1.5rem; }
  .sm\:pb-6{ padding-bottom:1.5rem; }
  .sm\:pb-8{ padding-bottom:2rem; }
}

/* utilitários adicionados na restauração do texto oficial (jul/2026) */
.border-l-2{ border-left-width:2px; }
.border-verde\/40{ border-color:rgba(55,95,146,.4); }
.border-white\/15{ border-color:rgba(255,255,255,.15); }
.border-azul\/30{ border-color:rgba(30,58,95,.3); }
.hover\:border-azul:hover{ border-color:#1E3A5F; }
.max-w-sm{ max-width:24rem; }
.max-w-xl{ max-width:36rem; }
.mt-5{ margin-top:1.25rem; }
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){ margin-top:.375rem; }

/* ---------------------------------------------------------------------------
   BARRA LEGAL DO RODAPÉ
   Uma única linha com separadores. Quebra naturalmente em telas pequenas,
   e os separadores somem quando cada item passa a ocupar sua própria linha.
--------------------------------------------------------------------------- */
.legal-bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.35rem .6rem; max-width:100%; }
.legal-bar .sep{ color:#C7D3E0; user-select:none; }
@media (max-width:640px){
  .legal-bar{ flex-direction:column; gap:.5rem; }
  .legal-bar .sep{ display:none; }
}

/* Resumo dos Insights: no máximo 2 linhas, como no layout de referência */
.insight-resumo{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; max-width:100%;
}

/* utilitários da tagline do cabeçalho e da barra legal */
.mt-1{ margin-top:.25rem; }
.tracking-wide{ letter-spacing:.025em; }
@media (min-width:640px){
  .sm\:pb-4{ padding-bottom:1rem; }
  .sm\:text-\[11px\]{ font-size:11px; }
}

/* Barra legal: 15% maior que o text-xs original (12px -> 13.8px) e
   links em negrito leve para se distinguirem do texto corrido. */
.legal-bar{ font-size:13.8px; }
.legal-bar a{ font-weight:600; }

/* utilitários do rodapé em 2 colunas e da lista de Insights */
.py-6{ padding-top:1.5rem; padding-bottom:1.5rem; }
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ margin-top:.125rem; }
@media (min-width:640px){
  .sm\:items-end{ align-items:flex-end; }
  .sm\:justify-end{ justify-content:flex-end; }
  .sm\:text-right{ text-align:right; }
}


/* ==========================================================================
   THEME 30 — correção isolada da marca
   IMPORTANTE: este bloco apenas controla a imagem da logo no cabeçalho.
   Nenhum estilo de cards, modais, carousel, insights ou conteúdo é alterado.
   ========================================================================== */
.cs-brand-logo-v30{
  display:block;
  width:82px;
  height:auto;
  max-width:none;
  flex:0 0 82px;
  object-fit:contain;
  object-position:left center;
  overflow:visible;
}

@media (max-width:1100px) and (min-width:1024px){
  .cs-brand-logo-v30{ width:75px; flex-basis:75px; }
}

@media (max-width:1023px){
  .cs-brand-logo-v30{ width:72px; flex-basis:72px; }
}

@media (max-width:639px){
  .cs-brand-logo-v30{ width:68px; flex-basis:68px; }
}

@media (max-width:374px){
  .cs-brand-logo-v30{ width:61px; flex-basis:61px; }
}


/* ==========================================================================
   THEME 32 — header estabilizado + logo com URL nova (cache bust definitivo)
   ========================================================================== */
@media (min-width:1024px){
  :root{ --cs-header-height:88px; }
  .cs-header-inner{ height:var(--cs-header-height); }

  .cs-brand{ gap:13px; }

  .cs-brand-logo-v32{
    display:block;
    width:88px;
    height:auto;
    max-width:none;
    flex:0 0 88px;
    object-fit:contain;
    object-position:center;
  }

  .cs-brand-copy{
    width:176px;
    min-width:176px;
  }

  .cs-brand-name{
    font-size:30px;
    line-height:.97;
  }

  .cs-brand-tagline{
    width:176px;
    margin-top:5px;
    font-size:10.25px;
    line-height:1;
    letter-spacing:-.04em;
  }
}

@media (max-width:1023px){
  .cs-brand-logo-v32{
    display:block;
    width:72px;
    height:auto;
    max-width:none;
    flex:0 0 72px;
    object-fit:contain;
  }
}

@media (max-width:639px){
  :root{ --cs-header-height:72px; }

  .cs-brand-logo-v32{
    width:66px;
    flex-basis:66px;
  }

  .cs-brand-copy{
    width:148px;
    min-width:0;
    max-width:148px;
  }

  .cs-brand-name{ font-size:22px; }

  .cs-brand-tagline{
    width:148px;
    max-width:148px;
    margin-top:4px;
    font-size:8.7px;
    white-space:nowrap;
  }
}

@media (max-width:374px){
  :root{ --cs-header-height:68px; }
  .cs-brand-logo-v32{ width:59px; flex-basis:59px; }
  .cs-brand-copy{ width:136px; max-width:136px; }
  .cs-brand-name{ font-size:20px; }
  .cs-brand-tagline{ width:136px; max-width:136px; font-size:7.95px; }
}


/* THEME 34 - Hero responsivo sem dependência de utilitários Tailwind novos */
.cs-brand{gap:0!important}
.cs-brand-copy{width:230px;min-width:230px}
.cs-brand-name{font-size:34px;line-height:.96;letter-spacing:-.035em}
.cs-brand-tagline{width:100%;font-size:11.2px;margin-top:6px;letter-spacing:-.035em}

.cs34-hero{color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 42%,rgba(45,91,127,.18),transparent 35%),linear-gradient(135deg,#17385d 0%,#162d49 48%,#111c2b 100%)}
.cs34-hero-grid{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:650px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:54px;align-items:center;padding:58px 0}
.cs34-copy{min-width:0}
.cs34-title{font-size:clamp(42px,4.25vw,62px);font-weight:800;line-height:1.11;letter-spacing:-.035em;margin:0 0 26px}
.cs34-title span{color:#CCCC00}
.cs34-intro{font-size:clamp(15px,1.15vw,17px);line-height:1.58;color:#c4ced9;max-width:570px;margin:0 0 30px}
.cs34-actions{display:flex;flex-wrap:wrap;gap:12px}
.cs34-actions a,.cs34-actions button{font:700 14px/1.2 inherit;padding:15px 28px;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px}
.cs34-primary{background:#CCCC00;color:#fff;border:1px solid #CCCC00}
.cs34-secondary{background:transparent;color:#fff;border:1px solid #8092a6}

.cs34-visual{position:relative;width:min(100%,500px);aspect-ratio:1/1;margin:auto}
.cs34-ring{position:absolute;border-radius:50%;border:1.5px solid currentColor;filter:drop-shadow(0 0 8px rgba(120,180,230,.14));animation:cs34pulse 6s ease-in-out infinite}
.cs34-ring:after{content:"";position:absolute;inset:8%;border-radius:50%;border:17px solid currentColor;opacity:.05}
.cs34-ring i{position:absolute;width:15px;height:15px;border-radius:50%;background:currentColor;box-shadow:0 0 18px currentColor}
.cs34-ring b{position:absolute;color:currentColor;text-transform:uppercase;font-size:11px;line-height:1;font-weight:700;letter-spacing:.22em;white-space:nowrap}
.cs34-lead{width:72%;height:72%;left:3%;top:3%;color:#70b9f2;transform:rotate(-12deg)}
.cs34-lead i{top:-8px;left:48%}.cs34-lead b{top:-34px;left:39%}
.cs34-team{width:68%;height:68%;right:0;top:25%;color:#CCCC00;transform:rotate(10deg);animation-delay:-2s}
.cs34-team i{top:39%;right:-8px}.cs34-team b{top:36%;right:-88px}
.cs34-culture{width:66%;height:66%;left:23%;bottom:1%;color:#CCCC00;transform:rotate(-7deg);animation-delay:-4s}
.cs34-culture i{bottom:-8px;left:48%}.cs34-culture b{bottom:-36px;left:55%}
@keyframes cs34pulse{0%,100%{opacity:.72}50%{opacity:1}}

.modal-overlay{overflow:hidden!important;padding:16px!important;align-items:center!important}
.modal-box,.modal-box.active{max-height:calc(100dvh - 24px)!important;overflow:visible!important;align-items:center!important;padding:0!important}
.modal-panel{max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cs34-contact-panel{width:min(390px,calc(100vw - 32px))!important;max-width:390px!important}
body.cs-modal-open{overflow:hidden!important}

@media(max-width:1023px){
 .cs34-hero-grid{width:min(100% - 40px,940px);grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:28px;min-height:590px;padding:48px 0}
 .cs34-title{font-size:clamp(36px,5vw,50px)}
 .cs34-visual{width:min(100%,410px)}
 .cs34-ring b{font-size:9px}
 .cs34-team b{right:-55px}
 .cs-brand-copy{width:190px;min-width:190px}.cs-brand-name{font-size:28px}.cs-brand-tagline{font-size:9.6px}
}
@media(max-width:767px){
 .cs34-hero-grid{width:min(100% - 32px,680px);display:block;min-height:0;padding:44px 0 50px}
 .cs34-title{font-size:clamp(34px,9.5vw,48px);margin-bottom:22px}
 .cs34-intro{font-size:16px}
 .cs34-actions{gap:10px}
 .cs34-actions a,.cs34-actions button{flex:1 1 220px}
 .cs34-visual{width:min(78vw,360px);margin:48px auto 22px}
}
@media(max-width:639px){
 .cs-brand-copy{width:166px;min-width:0;max-width:166px}.cs-brand-name{font-size:24px}.cs-brand-tagline{font-size:8.7px;white-space:nowrap}
 .cs34-hero-grid{width:calc(100% - 28px);padding:36px 0 42px}
 .cs34-title{font-size:clamp(32px,10vw,42px);line-height:1.08}
 .cs34-intro{font-size:15px;line-height:1.55}
 .cs34-actions{display:grid;grid-template-columns:1fr}
 .cs34-actions a,.cs34-actions button{width:100%;min-height:48px}
 .cs34-visual{display:none}
 .cs34-contact-panel{padding:20px 17px!important}
}
@media(prefers-reduced-motion:reduce){.cs34-ring{animation:none}}

.cs-text-blue{color:#17385d!important}.cs-text-green{color:#CCCC00!important}.cs-text-navy{color:#162d49!important}
.csv42-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}
.csv42-card{min-width:0}.csv42-card img{max-width:100%;height:auto}.csv42-meta{display:block;margin-top:4px;opacity:.75}

/* V6 — cor separada do conteúdo */
.csmod-colored{color:var(--csmod-color,inherit)!important}

/* ==========================================================================
 * V21 — tipografia/formatacao responsiva
 * ========================================================================== */

/* Marca: nome e assinatura compartilham exatamente a mesma caixa/alinhamento. */
.cs-brand-copy{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:stretch!important;
  align-items:start!important;
}
.cs-brand-name,.cs-brand-tagline{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  text-align:left!important;
  margin-left:0!important;
  padding-left:0!important;
}
.cs-brand-name{font-family:Avenir,"Avenir Next","Helvetica Neue",Arial,sans-serif!important;font-weight:400!important}
.cs-brand-tagline{font-family:Avenir,"Avenir Next","Helvetica Neue",Arial,sans-serif!important}

/* Conteúdo editável: respeita Enter/quebras gravadas no painel. */
.cs34-title,.cs34-intro,
#conteudo h2,#conteudo h3,#conteudo h4,
#conteudo p,#conteudo li{
  white-space:pre-line;
}

/* HTML rico continua podendo usar spans/strong dentro do mesmo texto. */
#conteudo strong,#conteudo b{font-weight:700}
#conteudo em,#conteudo i{font-style:italic}

/* Tablet: reserva espaço para os rótulos externos do gráfico. */
@media (min-width:768px) and (max-width:1023px){
  .cs34-hero{overflow:visible}
  .cs34-hero-grid{
    width:min(calc(100% - 48px),960px);
    grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);
    gap:34px;
    overflow:visible;
  }
  .cs34-visual{
    width:min(38vw,390px);
    max-width:390px;
    margin:34px 48px 34px auto;
    overflow:visible;
  }
  .cs34-team b{right:-68px}
  .cs34-culture b{bottom:-31px;left:51%}
}

/* Smartphone: gráfico permanece visível e passa para baixo do conteúdo. */
@media (max-width:767px){
  .cs34-hero{overflow:hidden}
  .cs34-hero-grid{display:flex!important;flex-direction:column!important}
  .cs34-copy{width:100%}
  .cs34-visual{
    display:block!important;
    order:2;
    width:min(82vw,350px)!important;
    max-width:350px;
    margin:48px auto 40px!important;
    overflow:visible;
    flex:0 0 auto;
  }
  .cs34-ring b{font-size:8.5px;letter-spacing:.16em}
  .cs34-team b{right:-50px}
  .cs34-culture b{bottom:-28px;left:48%}
}
@media (max-width:430px){
  .cs34-visual{
    width:min(76vw,310px)!important;
    margin:44px auto 34px!important;
  }
  .cs34-lead b{top:-27px;left:32%}
  .cs34-team b{right:-45px;top:34%}
  .cs34-culture b{bottom:-27px;left:42%}
}

/* ==========================================================================
 * V22 — quebras editoriais globais
 * Desktop/tablet: cada linha digitada pelo editor é uma linha visual.
 * Mobile: preserva Enter, mas permite quebra adicional se fisicamente necessário.
 * ========================================================================== */

/* Elementos editoriais do tema */
.cs-editorial-lines,
.cs34-title,
.cs34-intro,
main h1, main h2, main h3, main h4,
main p, main li,
section h1, section h2, section h3, section h4,
section p, section li{
  white-space:pre-line;
}

/* Títulos: largura mais generosa e escala fluida para evitar quebra extra. */
main h1,main h2,main h3,
section h1,section h2,section h3,
.cs34-title{
  max-width:none;
  text-wrap:wrap;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* Em telas com espaço, linhas manuais não devem ganhar quebra adicional.
   O span .cs-manual-line é injetado via JS apenas em textos com newline. */
@media (min-width:768px){
  .cs-manual-line{
    display:block;
    width:max-content;
    max-width:none;
    white-space:nowrap;
  }
  .cs-manual-lines{
    width:max-content;
    max-width:min(100%,1400px);
  }
}

/* Em smartphone, mantém a intenção editorial sem causar overflow. */
@media (max-width:767px){
  .cs-manual-line{
    display:block;
    width:auto;
    max-width:100%;
    white-space:normal;
  }
  main h1,main h2,main h3,
  section h1,section h2,section h3,
  .cs34-title{
    font-size:clamp(1.75rem,8.6vw,3rem);
    line-height:1.08;
  }
}

/* ==========================================================================
 * V24 — iPad/tablet: gráfico inteiro dentro da viewport
 * ========================================================================== */
@media (min-width:768px) and (max-width:1180px){
  .cs34-hero{
    overflow:hidden!important;
  }
  .cs34-hero-grid{
    width:min(calc(100% - 40px),1100px)!important;
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;
    gap:18px!important;
    overflow:visible!important;
  }
  .cs34-copy{
    min-width:0!important;
    position:relative!important;
    z-index:2!important;
  }
  .cs34-visual{
    display:block!important;
    width:min(34vw,340px)!important;
    max-width:340px!important;
    min-width:0!important;
    margin:34px 72px 34px auto!important;
    transform:none!important;
    overflow:visible!important;
    position:relative!important;
    z-index:1!important;
  }
  .cs34-orbit,.cs34-ring{
    max-width:100%!important;
  }
  .cs34-lead b{
    top:-24px!important;
    left:30%!important;
  }
  .cs34-team b{
    right:-54px!important;
    top:34%!important;
  }
  .cs34-culture b{
    bottom:-26px!important;
    left:45%!important;
  }
}

/* iPad em portrait: empilha para garantir que nenhum rótulo seja cortado. */
@media (min-width:768px) and (max-width:900px) and (orientation:portrait){
  .cs34-hero-grid{
    display:flex!important;
    flex-direction:column!important;
  }
  .cs34-copy{width:100%!important}
  .cs34-visual{
    width:min(58vw,390px)!important;
    max-width:390px!important;
    margin:44px auto 46px!important;
  }
  .cs34-team b{right:-56px!important}
}

/* iPad landscape estreito: reduz um pouco mais antes de permitir corte. */
@media (min-width:901px) and (max-width:1100px) and (orientation:landscape){
  .cs34-visual{
    width:min(31vw,315px)!important;
    margin-right:68px!important;
  }
  .cs34-team b{right:-50px!important}
}

.cs26-systemic-close{margin-top:clamp(44px,5vw,72px)}
.cs26-systemic-close h3{margin:0 0 14px;max-width:1120px;font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.14;color:#111827}
.cs26-systemic-close p{margin:0;max-width:1320px;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.65;color:#334155}
@media(min-width:640px){#solucoes .cs26-solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ==========================================================================
 * V27 — ajuste visual SOMENTE do cabeçalho "Três dimensões que evoluem juntas"
 * Não altera keys, options, defaults ou rotina de gravação.
 * ========================================================================== */
.cs27-dimensions-intro{
  margin:clamp(56px,6vw,88px) 0 clamp(34px,4vw,52px);
  max-width:1380px;
}
.cs27-dimensions-label{
  display:inline-block;
  margin:0 0 24px;
  color:#CCCC00;
  font-size:clamp(.82rem,1vw,.98rem);
  line-height:1.2;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.cs27-dimensions-label::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin-top:14px;
  background:#CCCC00;
}
.cs27-dimensions-title{
  margin:0 0 18px;
  max-width:1320px;
  color:#162D49;
  font-size:clamp(2rem,3.25vw,3.35rem);
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.025em;
}
.cs27-dimensions-subtitle{
  margin:0;
  max-width:1180px;
  color:#475569;
  font-size:clamp(1rem,1.45vw,1.28rem);
  line-height:1.55;
}
@media(max-width:767px){
  .cs27-dimensions-intro{margin:44px 0 28px}
  .cs27-dimensions-label{margin-bottom:20px}
  .cs27-dimensions-title{font-size:clamp(1.75rem,8vw,2.45rem)}
}

/* V28 — somente cabeçalho das três dimensões */
.cs28-dimensions-head{margin:clamp(58px,6vw,88px) 0 clamp(38px,4vw,54px);max-width:1450px}
.cs28-dimensions-label{display:block;margin:0 0 24px;color:#CCCC00;font-size:clamp(.82rem,1vw,.98rem);line-height:1.2;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.cs28-dimensions-label:after{content:"";display:block;width:44px;height:2px;margin-top:14px;background:#CCCC00}
.cs28-dimensions-title{display:block;margin:0;max-width:1320px;color:#162D49;font-size:clamp(2rem,3.25vw,3.35rem);line-height:1.12;font-weight:700;letter-spacing:-.025em}
@media(max-width:767px){.cs28-dimensions-head{margin:44px 0 30px}.cs28-dimensions-title{font-size:clamp(1.75rem,8vw,2.45rem)}}

/* V29 — refinamento de escala do cabeçalho das três dimensões */
.cs28-dimensions-head{
  margin:clamp(48px,4.5vw,68px) 0 clamp(30px,3vw,42px)!important;
  max-width:1180px!important;
}
.cs28-dimensions-label{
  margin-bottom:18px!important;
  font-size:clamp(.74rem,.78vw,.84rem)!important;
  letter-spacing:.075em!important;
}
.cs28-dimensions-label:after{
  width:38px!important;
  margin-top:11px!important;
}
.cs28-dimensions-title{
  max-width:980px!important;
  font-size:clamp(1.55rem,2.05vw,2.05rem)!important;
  line-height:1.22!important;
  letter-spacing:-.015em!important;
  font-weight:700!important;
}
@media(max-width:767px){
  .cs28-dimensions-head{margin:38px 0 26px!important}
  .cs28-dimensions-title{
    max-width:100%!important;
    font-size:clamp(1.45rem,6.2vw,1.85rem)!important;
    line-height:1.2!important;
  }
}


/* ==========================================================================
   CONECTESER CLEAN 49 — CAMADA ÚNICA CONSOLIDADA
   ========================================================================== */
:root{--cfont:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--cblue:#1E3A5F;--cdark:#102F59;--cgreen:#CCCC00;--ctext:#475569;--cmuted:#718096;--cline:#D7DEE5}
body{font-family:var(--cfont);color:var(--ctext)}
#conteudo h1,#conteudo h2,#conteudo h3,#conteudo h4,#conteudo p,#conteudo li,#conteudo a,#conteudo button{font-family:var(--cfont)}

/* O desafio e visão sistêmica */
.cs41-visao{padding:72px 0 64px;background:#fff}.cs41-wrap{max-width:1380px;margin:auto;padding:0 32px}
.cs41-vhead{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.cs41-kicker{display:block;color:var(--cgreen);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.cs41-kicker:after{content:"";display:block;width:44px;height:2px;background:var(--cgreen);margin-top:14px}
.cs41-vtitle,.cs41-stitle{margin:0;color:var(--cdark);font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.02em}.cs41-vtitle{max-width:560px}
.cs41-vcopy{padding:10px 0 0 48px;border-left:1px solid var(--cline);color:var(--ctext);font-size:17px;line-height:1.55}.cs41-vcopy p{margin:0 0 18px}
.cs41-system{padding:64px 0 72px;background:linear-gradient(135deg,#f6fafc,#eef5fa)}.cs41-sgrid{display:grid;grid-template-columns:1.05fr .9fr .42fr;gap:46px;align-items:center}
.cs41-stitle{margin-bottom:22px;max-width:600px}.cs41-stitle:before{content:"";display:block;width:44px;height:2px;background:var(--cgreen);margin-bottom:20px}
.cs41-scopy{font-size:17px;line-height:1.55}.cs41-scopy p{margin:0 0 18px}
.cs41-orbit{position:relative;width:390px;height:370px;margin:auto}.cs41-orbit:before{content:"";position:absolute;inset:45px 20px 20px;border:1px solid #c8d8e8;border-radius:50%}
.cs41-circle{position:absolute;width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;box-shadow:0 15px 30px rgba(18,48,78,.18)}
.cs41-circle h3{margin:0 0 7px;font-size:17px;font-weight:700}.cs41-circle p{margin:0;font-size:12px;line-height:1.4;color:#e8eef5}
.cs41-lead{top:0;left:110px;background:linear-gradient(145deg,#174f91,#10253b)}.cs41-culture{left:20px;bottom:0;background:linear-gradient(145deg,#149153,#17445d)}.cs41-team{right:0;bottom:0;background:linear-gradient(145deg,#1472d0,#173e73)}
.cs41-center{position:absolute;z-index:5;left:145px;top:155px;width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:#fff;color:var(--cgreen);font-size:13px;font-weight:700}.cs41-note{padding-left:24px;border-left:1px solid var(--cline);font-size:15px;line-height:1.55}

/* Três dimensões: definitivamente estático */
.cs28-dimensions-head{margin:0 0 28px}.cs28-dimensions-label{font-size:13px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:var(--cgreen);margin-bottom:18px}.cs28-dimensions-label:after{content:"";display:block;width:44px;height:2px;background:var(--cgreen);margin-top:14px}
.cs28-dimensions-title{font-size:32px;line-height:1.16;font-weight:700;color:var(--cdark);max-width:920px}
.dim-card{height:auto!important;min-height:330px!important;perspective:none!important;transform:none!important}.dim-card:hover{transform:none!important}.dim-card .flip-inner{height:100%!important;min-height:330px!important;transform:none!important;transition:none!important;transform-style:flat!important}
.dim-card .flip-front{position:relative!important;inset:auto!important;height:100%!important;min-height:330px!important;backface-visibility:visible!important}.dim-card .flip-back{display:none!important}.dim-card .flip-front h4{font-size:17px!important;line-height:1.3!important;font-weight:700!important}.dim-card .flip-front p{font-size:16px!important;line-height:1.5!important}.dim-card .flip-front>span:last-child{display:none!important}

/* Nossa abordagem + cinco etapas */
.cs31-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}.cs31-label{font-size:13px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:var(--cgreen)}
.cs31-statement h3{font-size:36px;line-height:1.14;font-weight:700;color:var(--cdark)}.cs31-statement p,.cs31-context,.cs31-item{font-size:17px;line-height:1.55}.cs31-principles-title{font-size:19px;font-weight:700;color:var(--cdark)}
.cs31-process{position:relative;overflow:visible!important;padding:42px 34px 38px!important}.cs31-process ol{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}.cs31-process li{text-align:center!important}
.cs31-process .step-circle{font-size:16px!important;line-height:1!important;font-weight:700!important}
.cs31-process .cs47-step-title,.cs31-process .cs47-step-title *{font-size:16px!important;line-height:20.8px!important;font-weight:700!important;font-style:normal!important;letter-spacing:0!important;margin:0!important;padding:0!important;color:var(--cdark)!important}
.cs31-process .cs47-step-desc,.cs31-process .cs47-step-desc *{font-size:14px!important;line-height:20.3px!important;font-weight:400!important;font-style:normal!important;letter-spacing:0!important;margin:0!important;padding:0!important;color:var(--cmuted)!important}
.cs31-process .cs47-step-title{min-height:21px!important;margin:0 0 6px!important}.cs31-process .cs47-step-desc{min-height:41px!important;max-width:190px!important;margin:0 auto!important}

/* Como podemos apoiar — único flip do site */
#solucoes .max-w-6xl{max-width:1380px}#solucoes .cs39-head{display:grid;grid-template-columns:1fr .95fr;gap:0;align-items:start;margin-bottom:44px}
#solucoes .cs39-left{padding:0 64px 0 8px;min-height:205px}#solucoes .cs39-label{margin:0 0 24px;color:var(--cgreen);font-size:13px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}#solucoes .cs39-label:after{content:"";display:block;width:44px;height:2px;margin-top:16px;background:var(--cgreen)}
#solucoes .cs39-title{margin:0;max-width:650px;color:var(--cdark);font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.02em}#solucoes .cs39-context{min-height:205px;padding:14px 24px 0 50px;border-left:1px solid var(--cline);font-size:17px;line-height:1.55}
#solucoes .cs39-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#solucoes .cs-clean-flip{perspective:1200px;min-height:410px}#solucoes .cs-clean-flip-inner{position:relative;width:100%;height:410px;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}#solucoes .cs-clean-flip.is-flipped .cs-clean-flip-inner{transform:rotateY(180deg)}
#solucoes .cs-clean-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px}#solucoes .cs-clean-front{display:flex;flex-direction:column;padding:34px 36px;border:1px solid #e1e6e9;background:#fff;box-shadow:0 8px 24px rgba(21,45,67,.055)}
#solucoes .cs-clean-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;padding:34px 36px;background:linear-gradient(145deg,#CCCC00,#17643F);color:#fff;box-shadow:0 8px 24px rgba(21,45,67,.10)}
#solucoes .cs39-top{display:flex;align-items:center;gap:18px;margin-bottom:20px}#solucoes .cs39-icon{width:68px;height:68px;flex:0 0 68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f4ec;color:#167647}#solucoes .cs39-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.8}
#solucoes .cs39-num{color:#167647;font-size:16px;font-weight:700}#solucoes .cs-clean-face h3{margin:0;color:var(--cdark);font-size:19px;line-height:1.3;font-weight:700}#solucoes .cs-clean-back h3,#solucoes .cs-clean-back p{color:#fff}
#solucoes .cs39-rule{width:44px;height:2px;margin:17px 0 20px;background:#167647}#solucoes .cs-clean-front p{margin:0;font-size:17px;line-height:1.55}#solucoes .cs-clean-back p{margin:0;font-size:16px;line-height:1.52}
#solucoes .cs-clean-toggle{margin-top:auto;padding:20px 0 0;border:0;background:transparent;color:#167647;font-size:14px;font-weight:700;text-align:left;cursor:pointer}#solucoes .cs-clean-back .cs-clean-toggle{margin-top:22px;padding:8px 14px;width:max-content;border:1px solid rgba(255,255,255,.75);border-radius:999px;color:#fff}
#solucoes .cs39-system{display:grid;grid-template-columns:150px 1px minmax(0,1fr);grid-template-rows:auto auto;column-gap:34px;row-gap:5px;align-items:center;margin-top:36px;padding:28px 34px;min-height:150px;border:1px solid #dce8e1;border-radius:11px;background:linear-gradient(135deg,#fbfdfc,#f4f9f6)}
#solucoes .cs39-sicon{grid-column:1;grid-row:1/3;width:76px;height:76px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f4ec;color:#167647}#solucoes .cs39-sicon svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.8}
#solucoes .cs39-div{grid-column:2;grid-row:1/3;width:1px;height:100%;min-height:94px;background:var(--cline)}#solucoes .cs39-system h3{grid-column:3;grid-row:1;margin:0;color:var(--cdark);font-size:28px;line-height:1.18;font-weight:700}#solucoes .cs39-system p{grid-column:3;grid-row:2;margin:0;font-size:15px;line-height:1.5}

/* Para quem e depoimentos — padrão único */
#para-quem .tracking-widest,#depoimentos .tracking-widest{font-size:13px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.065em!important;color:var(--cgreen)!important}
#para-quem h2,#depoimentos h2{font-size:40px!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--cdark)!important}

/* Contato */
#contato .cs45-contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:64px;align-items:center;max-width:1120px;margin:0 auto}
#contato .cs45-contact-copy{text-align:left!important}#contato .cs45-contact-copy h2{font-size:40px!important;line-height:1.12!important;font-weight:700!important;margin-bottom:20px!important}#contato .cs45-contact-copy p{font-size:16px!important;line-height:1.55!important;max-width:620px;margin-left:0!important;margin-right:0!important}
#contato .cs45-contact-card{background:#fff;border-radius:14px;padding:28px 30px;text-align:left;box-shadow:0 14px 34px rgba(7,31,57,.18)}#contato .cs45-contact-card h3{font-size:20px!important;line-height:1.3!important;font-weight:700!important;margin:0 0 8px!important}#contato .cs45-contact-card p{font-size:14px!important;line-height:1.5!important;margin:0 0 18px!important}
#contato .cs45-contact-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:8px;padding:11px 18px;font-size:14px!important;font-weight:700!important}#contato .cs45-response{margin-top:12px!important;font-size:12px!important}

/* Responsividade */
@media(max-width:900px){.cs41-vhead,.cs41-sgrid,.cs31-intro{grid-template-columns:1fr}.cs41-vcopy{padding:0;border:0}.cs41-orbit{margin:20px auto}}
@media(max-width:767px){
 .cs41-wrap{padding:0 20px}.cs41-visao,.cs41-system{padding:48px 0}.cs41-vtitle,.cs41-stitle,#solucoes .cs39-title,#para-quem h2,#depoimentos h2,#contato .cs45-contact-copy h2{font-size:30px!important}
 .cs28-dimensions-title{font-size:28px}.dim-card,.dim-card .flip-inner,.dim-card .flip-front{min-height:0!important}
 .cs31-process{padding:30px 24px!important}.cs31-process>svg{display:none!important}.cs31-process ol{grid-template-columns:1fr!important}.cs31-process li{display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:auto auto!important;column-gap:18px!important;text-align:left!important;padding-bottom:26px!important}
 .cs31-process .step-circle{grid-column:1;grid-row:1/3;margin:0!important}.cs31-process .cs47-step-title{grid-column:2;grid-row:1;text-align:left!important}.cs31-process .cs47-step-desc{grid-column:2;grid-row:2;text-align:left!important;max-width:none!important;margin:0!important}
 #solucoes .cs39-head{display:block;margin-bottom:24px}#solucoes .cs39-left{padding:0;min-height:0}#solucoes .cs39-context{min-height:0;padding:0;border:0;font-size:16px}#solucoes .cs39-cards{grid-template-columns:1fr;gap:14px}
 #solucoes .cs-clean-flip,#solucoes .cs-clean-flip-inner{min-height:330px;height:330px}#solucoes .cs-clean-front,#solucoes .cs-clean-back{padding:22px}
 #solucoes .cs39-system{grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:6px 14px;padding:18px}#solucoes .cs39-div{display:none}#solucoes .cs39-sicon{grid-column:1;grid-row:1/3;width:48px;height:48px}#solucoes .cs39-system h3{grid-column:2;grid-row:1;font-size:19px}#solucoes .cs39-system p{grid-column:2;grid-row:2;font-size:14px}
 #para-quem .tracking-widest,#depoimentos .tracking-widest{font-size:12px!important}
 #contato .cs45-contact-grid{grid-template-columns:1fr;gap:28px}#contato .cs45-contact-card{padding:22px}
}

/* ==========================================================================
 CLEAN 50 — restaura composição de Nossa abordagem + card inteiro vira
 ========================================================================== */

/* Nossa abordagem: recupera o desenho, não a lista crua */
.cs31-intro{
 display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
 gap:72px!important;align-items:start!important;margin-bottom:42px!important;
}
.cs31-statement{max-width:650px!important}
.cs31-label{display:block!important;margin-bottom:20px!important}
.cs31-label:after{content:""!important;display:block!important;width:44px!important;height:2px!important;background:var(--cgreen)!important;margin-top:14px!important}
.cs31-statement h3{margin:0 0 16px!important}
.cs31-statement p{margin:0 0 24px!important}
.cs31-context{padding-left:44px!important;border-left:1px solid var(--cline)!important}
.cs31-principles-title{margin:0 0 22px!important}
.cs31-principles{display:grid!important;gap:12px!important;margin:0!important;padding:0!important;list-style:none!important}
.cs31-item{
 display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:14px!important;
 align-items:start!important;padding:0!important;margin:0!important;
}
.cs31-dot{
 width:32px!important;height:32px!important;border-radius:50%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 background:#E8F4EC!important;color:var(--cgreen)!important;font-size:12px!important;font-weight:700!important;
}
.cs31-item p,.cs31-item>div{margin:3px 0 0!important}

/* Soluções: o CARD TODO é o controle. Sem botão obrigatório. */
#solucoes .cs-clean-flip{cursor:pointer!important;outline:none!important}
#solucoes .cs-clean-flip:focus-visible{outline:3px solid rgba(46,107,80,.28)!important;outline-offset:4px!important}
#solucoes .cs-clean-toggle{
 pointer-events:none!important;border:0!important;background:transparent!important;
 padding:20px 0 0!important;margin-top:auto!important;
 color:#167647!important;font-size:14px!important;font-weight:700!important;
}
#solucoes .cs-clean-back .cs-clean-toggle{
 pointer-events:none!important;border:0!important;background:transparent!important;
 padding:18px 0 0!important;margin-top:0!important;color:rgba(255,255,255,.78)!important;
}
#solucoes .cs-clean-back{cursor:pointer!important}

/* Tablet/mobile abordagem */
@media(max-width:900px){
 .cs31-intro{grid-template-columns:1fr!important;gap:34px!important}
 .cs31-context{padding-left:0!important;border-left:0!important}
}
@media(max-width:767px){
 .cs31-intro{margin-bottom:30px!important}
 .cs31-item{grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important}
 .cs31-dot{width:30px!important;height:30px!important}
}

/* CLEAN 51 — princípios: mais respiro e texto levemente menor */
.cs31-principles{
  gap:18px!important;
}
.cs31-item{
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.cs31-dot{
  width:34px!important;
  height:34px!important;
  font-size:12px!important;
  line-height:1!important;
}
.cs31-item p,
.cs31-item > div{
  margin:0!important;
  font-size:16px!important;
  line-height:1.42!important;
  font-weight:400!important;
}
@media(max-width:767px){
 .cs31-principles{gap:15px!important}
 .cs31-item{grid-template-columns:32px minmax(0,1fr)!important;gap:13px!important}
 .cs31-dot{width:32px!important;height:32px!important;font-size:11px!important}
 .cs31-item p,.cs31-item>div{font-size:15px!important;line-height:1.42!important}
}

/* CLEAN 52 — princípios com respiro maior */
.cs31-principles{gap:24px!important}
.cs31-item{grid-template-columns:36px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}
.cs31-dot{width:34px!important;height:34px!important;flex:0 0 34px!important}
@media(max-width:767px){
 .cs31-principles{gap:20px!important}
 .cs31-item{grid-template-columns:32px minmax(0,1fr)!important;gap:13px!important}
 .cs31-dot{width:32px!important;height:32px!important;flex-basis:32px!important}
}

/* ==========================================================================
 CLEAN 53 — flip responsivo + princípios com círculos menores
 ========================================================================== */

/* Princípios: círculos menores e respiro real */
.cs31-principles{gap:22px!important}
.cs31-item{grid-template-columns:30px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}
.cs31-dot{
 width:28px!important;height:28px!important;min-width:28px!important;
 font-size:10px!important;line-height:1!important;flex:0 0 28px!important;
}
.cs31-item p,.cs31-item>div{font-size:16px!important;line-height:1.42!important}

/* Flip desktop: conteúdo nunca pode escapar */
#solucoes .cs-clean-flip,
#solucoes .cs-clean-flip-inner{height:auto!important;min-height:410px!important}
#solucoes .cs-clean-flip-inner{height:410px!important}
#solucoes .cs-clean-face{
 box-sizing:border-box!important;
 overflow:hidden!important;
}
#solucoes .cs-clean-front,#solucoes .cs-clean-back{
 width:100%!important;height:100%!important;min-width:0!important;
 overflow-wrap:anywhere!important;word-break:normal!important;
}
#solucoes .cs-clean-front p,#solucoes .cs-clean-back p,
#solucoes .cs-clean-front h3,#solucoes .cs-clean-back h3{
 max-width:100%!important;min-width:0!important;
}

/* iPad / tablet: mantém 3 cards, mas aumenta altura e reduz tipografia */
@media(min-width:768px) and (max-width:1100px){
 #solucoes .cs39-cards{gap:16px!important}
 #solucoes .cs-clean-flip{min-height:430px!important}
 #solucoes .cs-clean-flip-inner{height:430px!important;min-height:430px!important}
 #solucoes .cs-clean-front,#solucoes .cs-clean-back{padding:24px 22px!important}
 #solucoes .cs39-icon{width:52px!important;height:52px!important;flex:0 0 52px!important}
 #solucoes .cs39-icon svg{width:27px!important;height:27px!important}
 #solucoes .cs-clean-face h3{font-size:17px!important;line-height:1.28!important}
 #solucoes .cs-clean-front p{font-size:15px!important;line-height:1.48!important}
 #solucoes .cs-clean-back p{font-size:14px!important;line-height:1.46!important}
 #solucoes .cs-clean-toggle{font-size:12px!important}
}

/* iPhone: uma coluna, altura automática calculada pelo card */
@media(max-width:767px){
 .cs31-principles{gap:18px!important}
 .cs31-item{grid-template-columns:27px minmax(0,1fr)!important;gap:13px!important}
 .cs31-dot{
   width:25px!important;height:25px!important;min-width:25px!important;
   flex-basis:25px!important;font-size:9px!important;
 }
 .cs31-item p,.cs31-item>div{font-size:15px!important;line-height:1.42!important}

 #solucoes .cs39-cards{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
 #solucoes .cs-clean-flip{width:100%!important;min-height:360px!important;height:360px!important}
 #solucoes .cs-clean-flip-inner{width:100%!important;height:360px!important;min-height:360px!important}
 #solucoes .cs-clean-front,#solucoes .cs-clean-back{
   padding:22px 20px!important;
   width:100%!important;height:100%!important;
 }
 #solucoes .cs39-top{gap:12px!important;margin-bottom:14px!important}
 #solucoes .cs39-icon{width:46px!important;height:46px!important;flex:0 0 46px!important}
 #solucoes .cs39-icon svg{width:24px!important;height:24px!important}
 #solucoes .cs39-num{font-size:14px!important}
 #solucoes .cs-clean-face h3{font-size:17px!important;line-height:1.28!important}
 #solucoes .cs39-rule{width:34px!important;margin:12px 0 14px!important}
 #solucoes .cs-clean-front p{font-size:15px!important;line-height:1.46!important}
 #solucoes .cs-clean-back p{font-size:14px!important;line-height:1.45!important}
 #solucoes .cs-clean-toggle{font-size:12px!important;padding-top:14px!important}
}

/* celulares muito estreitos */
@media(max-width:390px){
 #solucoes .cs-clean-flip,#solucoes .cs-clean-flip-inner{height:390px!important;min-height:390px!important}
 #solucoes .cs-clean-front,#solucoes .cs-clean-back{padding:20px 18px!important}
 #solucoes .cs-clean-face h3{font-size:16px!important}
 #solucoes .cs-clean-front p{font-size:14px!important}
}

/* ==========================================================================
 CLEAN 54 — movimento sutil nos dois gráficos sistêmicos
 ========================================================================== */

/* GRÁFICO 1: Liderança / Cultura / Equipes */
@keyframes cs54LeadFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-4px,0)}
}
@keyframes cs54CultureFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-3px,3px,0)}
}
@keyframes cs54TeamFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(3px,2px,0)}
}
@keyframes cs54CenterPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.018)}
}
@keyframes cs54OrbitPulse{
  0%,100%{transform:scale(1);opacity:.72}
  50%{transform:scale(1.008);opacity:.9}
}
.cs41-orbit:before{
  transform-origin:center!important;
  animation:cs54OrbitPulse 8s ease-in-out infinite!important;
}
.cs41-lead{animation:cs54LeadFloat 6.4s ease-in-out infinite!important;will-change:transform}
.cs41-culture{animation:cs54CultureFloat 7.1s ease-in-out .6s infinite!important;will-change:transform}
.cs41-team{animation:cs54TeamFloat 6.8s ease-in-out 1.1s infinite!important;will-change:transform}
.cs41-center{animation:cs54CenterPulse 7.6s ease-in-out infinite!important;will-change:transform}
.cs41-circle{transition:filter .25s ease,box-shadow .25s ease!important}
.cs41-circle:hover{filter:brightness(1.06);box-shadow:0 18px 34px rgba(18,48,78,.24)!important}

/* GRÁFICO 2: círculos orbitais Liderança / Equipes / Cultura.
   As classes são aplicadas pelo JS somente quando o gráfico existe. */
@keyframes cs54RingA{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(2px,-2px,0) rotate(.35deg)}
}
@keyframes cs54RingB{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-2px,2px,0) rotate(-.3deg)}
}
@keyframes cs54RingC{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(1px,2px,0) rotate(.25deg)}
}
@keyframes cs54NodeGlow{
  0%,100%{filter:brightness(1);opacity:.92}
  50%{filter:brightness(1.18);opacity:1}
}
.cs54-orbit-graphic .cs54-ring-1{animation:cs54RingA 12s ease-in-out infinite!important;transform-origin:center!important;will-change:transform}
.cs54-orbit-graphic .cs54-ring-2{animation:cs54RingB 14s ease-in-out .7s infinite!important;transform-origin:center!important;will-change:transform}
.cs54-orbit-graphic .cs54-ring-3{animation:cs54RingC 13s ease-in-out 1.2s infinite!important;transform-origin:center!important;will-change:transform}
.cs54-orbit-graphic .cs54-node{animation:cs54NodeGlow 5.8s ease-in-out infinite!important;will-change:filter,opacity}
.cs54-orbit-graphic .cs54-node:nth-of-type(2){animation-delay:.8s!important}
.cs54-orbit-graphic .cs54-node:nth-of-type(3){animation-delay:1.6s!important}

/* Tablet/mobile: amplitude visual menor por escala, sem custo extra */
@media(max-width:900px){
 .cs41-lead,.cs41-culture,.cs41-team{animation-duration:8s!important}
 .cs54-orbit-graphic .cs54-ring-1,
 .cs54-orbit-graphic .cs54-ring-2,
 .cs54-orbit-graphic .cs54-ring-3{animation-duration:16s!important}
}

/* Acessibilidade: respeita redução de movimento do sistema */
@media(prefers-reduced-motion:reduce){
 .cs41-orbit:before,.cs41-lead,.cs41-culture,.cs41-team,.cs41-center,
 .cs54-orbit-graphic .cs54-ring-1,.cs54-orbit-graphic .cs54-ring-2,
 .cs54-orbit-graphic .cs54-ring-3,.cs54-orbit-graphic .cs54-node{
   animation:none!important;transform:none!important;
 }
}

/* CLEAN 54 — gráfico orbital do Hero (imagem 2) */
@keyframes cs54HeroLead{
  0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}
  50%{transform:translate3d(3px,-3px,0) rotate(-11.4deg)}
}
@keyframes cs54HeroTeam{
  0%,100%{transform:translate3d(0,0,0) rotate(10deg)}
  50%{transform:translate3d(-3px,2px,0) rotate(9.45deg)}
}
@keyframes cs54HeroCulture{
  0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}
  50%{transform:translate3d(2px,3px,0) rotate(-6.5deg)}
}
@keyframes cs54HeroNode{
  0%,100%{box-shadow:0 0 12px currentColor;transform:scale(.96)}
  50%{box-shadow:0 0 22px currentColor;transform:scale(1.08)}
}
.cs34-lead{animation:cs54HeroLead 13s ease-in-out infinite!important;will-change:transform}
.cs34-team{animation:cs54HeroTeam 15s ease-in-out .8s infinite!important;will-change:transform}
.cs34-culture{animation:cs54HeroCulture 14s ease-in-out 1.5s infinite!important;will-change:transform}
.cs34-ring i{animation:cs54HeroNode 6s ease-in-out infinite!important}
.cs34-team i{animation-delay:.8s!important}.cs34-culture i{animation-delay:1.6s!important}
.cs34-ring{transition:filter .3s ease!important}
.cs34-ring:hover{filter:drop-shadow(0 0 12px rgba(120,180,230,.25)) brightness(1.08)!important}

@media(max-width:900px){
 .cs34-lead{animation-duration:16s!important}
 .cs34-team{animation-duration:18s!important}
 .cs34-culture{animation-duration:17s!important}
}
@media(prefers-reduced-motion:reduce){
 .cs34-lead,.cs34-team,.cs34-culture,.cs34-ring i{
   animation:none!important;
 }
}

/* CLEAN 56 — identidade atual nas quatro páginas institucionais */
.cs56-legal-brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;line-height:1}
.cs56-wordmark{display:flex;align-items:baseline;font-family:Avenir,"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:29px;line-height:1;font-weight:400;letter-spacing:-1.25px}
.cs56-wordmark span:first-child{color:#1E3A5F}.cs56-wordmark span:last-child{color:#CCCC00}
.cs56-tagline{margin-top:6px;font-family:"Nunito Sans",system-ui,sans-serif;font-size:11px;line-height:1.15;font-weight:700;letter-spacing:-.1px;color:#5E7088}
@media(max-width:480px){
 .cs56-wordmark{font-size:25px;letter-spacing:-1px}
 .cs56-tagline{font-size:9.5px;margin-top:5px}
}

/* CLEAN 57 — verso do flip ligado aos campos detalhados existentes */
#solucoes .cs-clean-back{justify-content:flex-start!important;padding-top:30px!important}
#solucoes .cs-clean-back h3{margin:0 0 14px!important}
#solucoes .cs-clean-back p{margin:0 0 12px!important}
#solucoes .cs-clean-back .cs57-examples{
 font-size:13px!important;line-height:1.45!important;
 color:rgba(255,255,255,.82)!important;
}
#solucoes .cs-clean-back .cs-clean-toggle{margin-top:auto!important}
@media(min-width:768px) and (max-width:1100px){
 #solucoes .cs-clean-back{padding:22px 20px!important}
 #solucoes .cs-clean-back .cs57-examples{font-size:12px!important;line-height:1.4!important}
}
@media(max-width:767px){
 #solucoes .cs-clean-back{padding:20px!important}
 #solucoes .cs-clean-back .cs57-examples{font-size:12px!important;line-height:1.4!important}
}

/* CLEAN 58 — Para quem conforme referência aprovada */
#para-quem .flex.items-end.justify-between{margin-bottom:30px!important}
#para-quem h2{margin:0!important}
#para-quem .cs58-para-subtitle{
 margin:7px 0 0!important;
 max-width:820px!important;
 font-family:"Nunito Sans",system-ui,sans-serif!important;
 font-size:16px!important;line-height:1.5!important;font-weight:400!important;
 color:#52657d!important;
}
#para-quem .grid.sm\:grid-cols-2{gap:18px 22px!important}
#para-quem .group.relative.rounded-xl{min-height:205px!important}
@media(max-width:767px){
 #para-quem .flex.items-end.justify-between{margin-bottom:24px!important}
 #para-quem .cs58-para-subtitle{font-size:15px!important;line-height:1.45!important;margin-top:6px!important}
 #para-quem .group.relative.rounded-xl{min-height:0!important}
}

/* CLEAN 59 — maior destaque para o subtítulo de Para quem */
#para-quem .cs58-para-subtitle{
  margin:8px 0 0!important;
  max-width:1080px!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:20px!important;
  line-height:1.38!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  color:#526985!important;
}
#para-quem .flex.items-end.justify-between{
  margin-bottom:34px!important;
}
@media(max-width:900px){
  #para-quem .cs58-para-subtitle{
    max-width:820px!important;
    font-size:18px!important;
    line-height:1.4!important;
  }
}
@media(max-width:767px){
  #para-quem .cs58-para-subtitle{
    margin-top:7px!important;
    font-size:17px!important;
    line-height:1.42!important;
    font-weight:600!important;
  }
  #para-quem .flex.items-end.justify-between{
    margin-bottom:26px!important;
  }
}

/* CLEAN 60 — Sobre: biografia unificada em editor rico */
#sobre .cs60-bio{font-size:15px;line-height:1.6}
#sobre .cs60-bio p{margin:0 0 18px}
#sobre .cs60-bio p:last-child{margin-bottom:0}
#sobre .cs60-bio strong,#sobre .cs60-bio b{font-weight:700}
#sobre .cs60-bio a{text-decoration:underline}
@media(max-width:767px){#sobre .cs60-bio{font-size:15px;line-height:1.55}}

/* CLEAN 61 — depoimentos parametrizados */
#depoimentos .cs61-depo-texto{font-size:15px;line-height:1.55}
#depoimentos .cs61-depo-texto p{margin:0 0 10px}
#depoimentos .cs61-depo-texto p:last-child{margin-bottom:0}

/* ==========================================================================
 CLEAN 64 — Para quem: tipografia uniforme nos quatro cards
 ========================================================================== */
#para-quem .group.relative.rounded-xl h3,
#para-quem .group.relative.rounded-xl h3 *,
#para-quem .group.relative.rounded-xl > div > h3{
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1.30!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
#para-quem .group.relative.rounded-xl p,
#para-quem .group.relative.rounded-xl p *,
#para-quem .group.relative.rounded-xl > div > p{
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:15px!important;
  line-height:1.52!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
#para-quem .group.relative.rounded-xl{
  padding:34px 40px!important;
}
@media(max-width:900px){
  #para-quem .group.relative.rounded-xl{padding:30px 30px!important}
  #para-quem .group.relative.rounded-xl h3,
  #para-quem .group.relative.rounded-xl h3 *{font-size:17px!important}
  #para-quem .group.relative.rounded-xl p,
  #para-quem .group.relative.rounded-xl p *{font-size:14.5px!important;line-height:1.5!important}
}
@media(max-width:767px){
  #para-quem .group.relative.rounded-xl{padding:26px 24px!important}
  #para-quem .group.relative.rounded-xl h3,
  #para-quem .group.relative.rounded-xl h3 *{font-size:17px!important;line-height:1.3!important}
  #para-quem .group.relative.rounded-xl p,
  #para-quem .group.relative.rounded-xl p *{font-size:15px!important;line-height:1.5!important}
}

/* ==========================================================================
 CLEAN 65 — Desafios sistêmicos fora do quadro, sem ícone
 ========================================================================== */
#solucoes .cs65-system-text{
  margin-top:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
  width:100%!important;
}
#solucoes .cs65-system-text h3{
  margin:0 0 10px!important;
  max-width:1200px!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:28px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:#17365f!important;
}
#solucoes .cs65-system-text p{
  margin:0!important;
  max-width:1380px!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#334155!important;
}
@media(max-width:900px){
  #solucoes .cs65-system-text{margin-top:36px!important}
  #solucoes .cs65-system-text h3{font-size:24px!important;line-height:1.28!important}
  #solucoes .cs65-system-text p{font-size:15.5px!important;line-height:1.55!important}
}
@media(max-width:767px){
  #solucoes .cs65-system-text{margin-top:30px!important}
  #solucoes .cs65-system-text h3{font-size:22px!important;line-height:1.3!important;margin-bottom:9px!important}
  #solucoes .cs65-system-text p{font-size:15px!important;line-height:1.5!important}
}

/* CLEAN 66 — Nossa abordagem: narrativa em largura total */
#abordagem .cs66-abordagem-wide{display:block;width:100%;max-width:none;margin:0 0 54px}
#abordagem .cs66-abordagem-wide>.cs31-label{margin-bottom:18px}
#abordagem .cs66-abordagem-wide>.cs31-statement{max-width:1100px;font-size:clamp(34px,4.2vw,54px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.035em!important;color:#17365f!important}
#abordagem .cs66-abordagem-wide>.cs31-context{max-width:1180px;margin-top:24px!important;font-size:18px!important;line-height:1.62!important;color:#263445!important}
#abordagem .cs66-principles{width:100%;margin-top:48px;padding-top:30px;border-top:2px solid #CCCC00}
#abordagem .cs66-principles .cs31-principles-title{max-width:1180px;margin:0 0 16px!important;font-size:30px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:-.02em!important;color:#17365f!important}
#abordagem .cs66-principles-text{width:100%;max-width:1450px;font-family:"Nunito Sans",system-ui,sans-serif;font-size:24px;line-height:1.55;font-weight:400;letter-spacing:-.01em;color:#263445}
@media(max-width:900px){
 #abordagem .cs66-abordagem-wide>.cs31-statement{font-size:clamp(32px,5vw,44px)!important}
 #abordagem .cs66-abordagem-wide>.cs31-context{font-size:17px!important;line-height:1.58!important}
 #abordagem .cs66-principles{margin-top:40px;padding-top:26px}
 #abordagem .cs66-principles .cs31-principles-title{font-size:26px!important}
 #abordagem .cs66-principles-text{font-size:21px;line-height:1.5}
}
@media(max-width:767px){
 #abordagem .cs66-abordagem-wide{margin-bottom:40px}
 #abordagem .cs66-abordagem-wide>.cs31-statement{font-size:32px!important;line-height:1.1!important}
 #abordagem .cs66-abordagem-wide>.cs31-context{font-size:16px!important;line-height:1.55!important;margin-top:20px!important}
 #abordagem .cs66-principles{margin-top:34px;padding-top:22px}
 #abordagem .cs66-principles .cs31-principles-title{font-size:23px!important;line-height:1.3!important;margin-bottom:13px!important}
 #abordagem .cs66-principles-text{font-size:18px;line-height:1.55}
}

/* ==========================================================================
 CLEAN 67 — Nossa abordagem: último parágrafo contínuo
 ========================================================================== */
#abordagem .cs67-principles-continuous{
  width:100%!important;
  max-width:1450px!important;
  margin-top:34px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#abordagem .cs67-principles-paragraph{
  margin:0!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1.62!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#263445!important;
}
#abordagem .cs67-principles-paragraph strong{
  font:inherit!important;
  font-weight:700!important;
  color:#17365f!important;
}
@media(max-width:900px){
  #abordagem .cs67-principles-continuous{margin-top:30px!important}
  #abordagem .cs67-principles-paragraph{font-size:17px!important;line-height:1.58!important}
}
@media(max-width:767px){
  #abordagem .cs67-principles-continuous{margin-top:26px!important}
  #abordagem .cs67-principles-paragraph{font-size:16px!important;line-height:1.55!important}
}

/* ==========================================================================
 CLEAN 68 — Nossa abordagem: narrativa limpa, sem linha vertical
 ========================================================================== */
#abordagem .cs66-abordagem-wide{
  width:100%!important;
  max-width:none!important;
  margin-bottom:46px!important;
}

/* Título usa a largura da seção. No desktop, prioriza uma linha. */
#abordagem .cs66-abordagem-wide>.cs31-statement{
  width:100%!important;
  max-width:none!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:clamp(34px,3vw,46px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  color:#17365f!important;
}

/* Remove completamente a linguagem visual de citação/bloco lateral. */
#abordagem .cs66-abordagem-wide>.cs31-context{
  width:100%!important;
  max-width:1420px!important;
  margin:26px 0 0!important;
  padding:0!important;
  border-left:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1.62!important;
  font-weight:400!important;
  color:#263445!important;
}

/* O último parágrafo é continuação do mesmo texto, não uma nova seção. */
#abordagem .cs67-principles-continuous{
  width:100%!important;
  max-width:1420px!important;
  margin:30px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#abordagem .cs67-principles-paragraph{
  margin:0!important;
  font-size:18px!important;
  line-height:1.62!important;
  font-weight:400!important;
  color:#263445!important;
}
#abordagem .cs67-principles-paragraph strong{
  font:inherit!important;
  font-weight:700!important;
  color:#17365f!important;
}

@media(min-width:1200px){
  #abordagem .cs66-abordagem-wide>.cs31-statement{
    font-size:42px!important;
    white-space:nowrap!important;
  }
}
@media(max-width:1199px){
  #abordagem .cs66-abordagem-wide>.cs31-statement{
    white-space:normal!important;
  }
}
@media(max-width:900px){
  #abordagem .cs66-abordagem-wide{margin-bottom:40px!important}
  #abordagem .cs66-abordagem-wide>.cs31-statement{font-size:38px!important}
  #abordagem .cs66-abordagem-wide>.cs31-context,
  #abordagem .cs67-principles-paragraph{font-size:17px!important;line-height:1.58!important}
  #abordagem .cs67-principles-continuous{margin-top:26px!important}
}
@media(max-width:767px){
  #abordagem .cs66-abordagem-wide{margin-bottom:34px!important}
  #abordagem .cs66-abordagem-wide>.cs31-statement{
    font-size:32px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  #abordagem .cs66-abordagem-wide>.cs31-context,
  #abordagem .cs67-principles-paragraph{
    font-size:16px!important;
    line-height:1.55!important;
  }
  #abordagem .cs66-abordagem-wide>.cs31-context{margin-top:22px!important}
  #abordagem .cs67-principles-continuous{margin-top:24px!important}
}

/* ==========================================================================
 CLEAN 69 — Nossa abordagem: sem linhas/divisores entre os textos
 ========================================================================== */
#abordagem .cs66-abordagem-wide,
#abordagem .cs66-abordagem-wide *,
#abordagem .cs67-principles-continuous,
#abordagem .cs67-principles-continuous *,
#abordagem .cs67-principles-paragraph{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
#abordagem .cs66-abordagem-wide>.cs31-context{
  padding-left:0!important;
}
#abordagem .cs67-principles-continuous{
  padding-top:0!important;
}

/* CLEAN 70 — respeita somente as quebras digitadas na edição */
#abordagem .cs70-principles-continuous{width:100%!important;max-width:1420px!important;margin:30px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
#abordagem .cs70-principles-content{margin:0!important;font-family:"Nunito Sans",system-ui,sans-serif!important;font-size:18px!important;line-height:1.62!important;font-weight:400!important;color:#263445!important;white-space:pre-wrap!important}
#abordagem .cs70-principles-content strong{font:inherit!important;font-weight:700!important;color:#17365f!important}
#abordagem .cs70-editable-text{display:inline!important;white-space:pre-wrap!important}
@media(max-width:900px){#abordagem .cs70-principles-continuous{margin-top:26px!important}#abordagem .cs70-principles-content{font-size:17px!important;line-height:1.58!important}}
@media(max-width:767px){#abordagem .cs70-principles-continuous{margin-top:24px!important}#abordagem .cs70-principles-content{font-size:16px!important;line-height:1.55!important}}

/* ==========================================================================
 CLEAN 71 — Princípios em um único editor rico
 ========================================================================== */
#abordagem .cs71-principles-rich{
  width:100%!important;
  max-width:1420px!important;
  margin:30px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1.62!important;
  font-weight:400!important;
  color:#263445!important;
}
#abordagem .cs71-principles-rich p{margin:0 0 16px!important}
#abordagem .cs71-principles-rich p:last-child{margin-bottom:0!important}
#abordagem .cs71-principles-rich strong,
#abordagem .cs71-principles-rich b{font-weight:700!important;color:#17365f!important}
#abordagem .cs71-principles-rich br{display:block!important;content:""!important}
@media(max-width:900px){
  #abordagem .cs71-principles-rich{margin-top:26px!important;font-size:17px!important;line-height:1.58!important}
}
@media(max-width:767px){
  #abordagem .cs71-principles-rich{margin-top:24px!important;font-size:16px!important;line-height:1.55!important}
}

/* CLEAN 72 — Como podemos apoiar: título e contexto em fluxo vertical */
#solucoes .cs72-head{display:block!important;width:100%!important;max-width:none!important;margin:0 0 42px!important;padding:0!important}
#solucoes .cs72-label{position:relative!important;margin:0 0 20px!important;padding:0 0 14px!important;font-family:"Nunito Sans",system-ui,sans-serif!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#CCCC00!important}
#solucoes .cs72-label:after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:48px!important;height:2px!important;background:#CCCC00!important}
#solucoes .cs72-title{width:100%!important;max-width:1200px!important;margin:0!important;padding:0!important;border:0!important;font-family:"Nunito Sans",system-ui,sans-serif!important;font-size:clamp(36px,4vw,52px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.035em!important;color:#17365f!important}
#solucoes .cs72-copy{width:100%!important;max-width:1380px!important;margin:22px 0 0!important;padding:0!important;border:0!important;background:transparent!important;font-family:"Nunito Sans",system-ui,sans-serif!important;font-size:18px!important;line-height:1.58!important;font-weight:400!important;color:#334155!important}
@media(max-width:900px){#solucoes .cs72-head{margin-bottom:36px!important}#solucoes .cs72-title{font-size:40px!important;line-height:1.1!important}#solucoes .cs72-copy{font-size:17px!important;line-height:1.55!important;margin-top:20px!important}}
@media(max-width:767px){#solucoes .cs72-head{margin-bottom:30px!important}#solucoes .cs72-label{font-size:13px!important;margin-bottom:18px!important}#solucoes .cs72-title{font-size:32px!important;line-height:1.12!important}#solucoes .cs72-copy{font-size:16px!important;line-height:1.55!important;margin-top:18px!important}}

/* ==========================================================================
 CLEAN 73 — Como podemos apoiar: título na escala tipográfica do site
 ========================================================================== */
#solucoes .cs72-title{
  font-size:40px!important;
  line-height:1.14!important;
  letter-spacing:-.025em!important;
  max-width:1180px!important;
}
@media(max-width:1100px){
  #solucoes .cs72-title{
    font-size:36px!important;
    line-height:1.15!important;
  }
}
@media(max-width:900px){
  #solucoes .cs72-title{
    font-size:34px!important;
    line-height:1.16!important;
  }
}
@media(max-width:767px){
  #solucoes .cs72-title{
    font-size:29px!important;
    line-height:1.18!important;
    letter-spacing:-.02em!important;
  }
}
@media(max-width:390px){
  #solucoes .cs72-title{
    font-size:28px!important;
  }
}

/* ==========================================================================
 CLEAN 74 — Como podemos apoiar: título na mesma escala dos H2 do site
 ========================================================================== */
#solucoes .cs72-title{
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:36px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  max-width:1180px!important;
}
@media(max-width:1100px){
  #solucoes .cs72-title{
    font-size:34px!important;
    line-height:1.15!important;
  }
}
@media(max-width:767px){
  #solucoes .cs72-title{
    font-size:30px!important;
    line-height:1.16!important;
  }
}

/* ==========================================================================
 CLEAN 75 — títulos principais das seções na mesma escala
 ========================================================================== */
#para-quem h2,
#solucoes .cs72-title{
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-size:36px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:#17365f!important;
}
@media(max-width:1100px){
  #para-quem h2,
  #solucoes .cs72-title{
    font-size:34px!important;
    line-height:1.15!important;
  }
}
@media(max-width:767px){
  #para-quem h2,
  #solucoes .cs72-title{
    font-size:30px!important;
    line-height:1.16!important;
  }
}

/* ==========================================================================
 CLEAN 76 — O desafio: texto abaixo do título
 ========================================================================== */
#visao .cs76-vhead{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
#visao .cs76-vintro{
  display:block!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#visao .cs76-vhead .cs41-vtitle{
  width:100%!important;
  max-width:1180px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#visao .cs76-vhead .cs41-vcopy{
  width:100%!important;
  max-width:1180px!important;
  margin:28px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#visao .cs76-vhead .cs41-vcopy p{
  margin:0 0 20px!important;
}
#visao .cs76-vhead .cs41-vcopy p:last-child{
  margin-bottom:0!important;
}
@media(max-width:900px){
  #visao .cs76-vhead .cs41-vcopy{margin-top:24px!important}
}
@media(max-width:767px){
  #visao .cs76-vhead .cs41-vcopy{margin-top:20px!important}
  #visao .cs76-vhead .cs41-vcopy p{margin-bottom:16px!important}
}

/* ==========================================================================
 CLEAN 77 — Sistema tipográfico global
 Padroniza hierarquia sem alterar conteúdo, estrutura, imagens ou cores.
 ========================================================================== */
:root{
  --cs-font:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cs-h2:36px;
  --cs-h3:28px;
  --cs-card-title:18px;
  --cs-body:18px;
  --cs-card-body:16px;
  --cs-label:13px;
}
body{font-family:var(--cs-font)!important}

/* H2 — títulos principais equivalentes */
#visao .cs41-vtitle,
#sistemica .cs41-stitle,
#abordagem .cs66-abordagem-wide>.cs31-statement,
#solucoes .cs72-title,
#para-quem h2,
#depoimentos>div>h2,
#insights h2,
#contato h2{
  font-family:var(--cs-font)!important;
  font-size:var(--cs-h2)!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* H3 — destaques internos */
#solucoes .cs65-system-text h3,
#abordagem .cs31-principles-title{
  font-family:var(--cs-font)!important;
  font-size:var(--cs-h3)!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

/* Títulos de cards */
#solucoes .cs39-cards h3,
#para-quem .group.relative.rounded-xl h3{
  font-family:var(--cs-font)!important;
  font-size:var(--cs-card-title)!important;
  line-height:1.30!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

/* Corpo institucional */
#visao .cs41-vcopy,
#sistemica .cs41-scopy,
#abordagem .cs66-abordagem-wide>.cs31-context,
#abordagem .cs71-principles-rich,
#solucoes .cs72-copy{
  font-family:var(--cs-font)!important;
  font-size:var(--cs-body)!important;
  line-height:1.60!important;
  font-weight:400!important;
}

/* Corpo dos cards */
#solucoes .cs39-cards p,
#para-quem .group.relative.rounded-xl p{
  font-family:var(--cs-font)!important;
  font-size:var(--cs-card-body)!important;
  line-height:1.52!important;
  font-weight:400!important;
}

/* Labels — cor continua herdada de cada seção/fundo */
#visao .cs41-kicker,
#sistemica .cs41-kicker,
#abordagem .cs31-label,
#solucoes .cs72-label,
#para-quem .inline-flex,
#depoimentos .inline-flex,
#insights .inline-flex,
#contato .inline-flex{
  font-family:var(--cs-font)!important;
  font-size:var(--cs-label)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}

/* Fundos escuros: não sobrescrever cores; só escala e peso. */
#contato h2,
#contato p,
#contato .inline-flex{
  font-family:var(--cs-font)!important;
}

/* Escala responsiva */
@media(max-width:1100px){
  :root{
    --cs-h2:34px;
    --cs-h3:26px;
    --cs-body:17px;
    --cs-card-body:15.5px;
  }
}
@media(max-width:767px){
  :root{
    --cs-h2:30px;
    --cs-h3:24px;
    --cs-card-title:17px;
    --cs-body:16px;
    --cs-card-body:15px;
    --cs-label:12px;
  }
}

/* Hero permanece propositalmente fora desta normalização:
   é o único H1 e deve continuar sendo o maior elemento da página. */


/* ==========================================================================
 CLEAN 80 — Menu narrativo
 ========================================================================== */
.cs-main-nav .cs-nav-item{
  display:inline-block;
  padding:.35rem 0;
}
.cs-main-nav .cs-nav-item::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:2px;
  border-radius:999px;
  background:#CCCC00;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.cs-main-nav .cs-nav-item:hover::after,
.cs-main-nav .cs-nav-item.cs-active::after{
  transform:scaleX(1);
}
.cs-main-nav .cs-nav-item.cs-active{
  color:#17365f;
}
.cs-header-cta.cs-active{
  box-shadow:0 0 0 2px rgba(46,107,80,.24);
}
.cs-mobile-cta{
  text-decoration:none;
}
@media (prefers-reduced-motion:reduce){
  .cs-main-nav .cs-nav-item::after{transition:none}
}


/* ==========================================================================
 CLEAN 83 — Header realmente responsivo no desktop
 Garante espaço para o CTA Contato sem esconder ou cortar itens do menu.
 ========================================================================== */
@media (min-width:1024px) and (max-width:1279px){
  .cs-header-inner{gap:16px!important}
  .cs-brand{gap:9px}
  .cs-brand-mark{width:68px;height:40px;flex-basis:68px}
  .cs-brand-copy{width:142px;min-width:142px}
  .cs-brand-name{font-size:25px}
  .cs-brand-tagline{font-size:8.8px;margin-top:5px}
  .cs-main-nav{overflow:visible}
  .cs-header-cta{padding-left:14px!important;padding-right:14px!important;font-size:13px!important}
}
@media (min-width:1280px){
  .cs-main-nav{overflow:visible}
}


/* ==========================================================================
 CLEAN 84 — Contato é item real do menu desktop
 ========================================================================== */
.cs-nav-contact-item{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.cs-main-nav .cs-header-cta{
  display:inline-flex!important;
  color:#fff!important;
  text-decoration:none;
}
.cs-main-nav .cs-header-cta:hover{
  color:#fff!important;
}


/* ==========================================================================
 V86 — Contato com o mesmo tratamento visual dos demais itens do menu
 ========================================================================== */
.cs-main-nav .cs-header-contact{
  display:inline-block!important;
  color:inherit!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  text-decoration:none;
}
.cs-main-nav .cs-header-contact:hover{color:#1E3A5F!important;}


/* V89 — títulos dos cards de Soluções com peso consistente na frente e no verso */
#solucoes .cs-clean-front h3,
#solucoes .cs-clean-back h3{font-weight:700!important;}

/* V90 — força visualmente o mesmo negrito em TODOS os títulos do flip, frente e verso */
#solucoes .cs39-cards .cs-clean-flip .cs-clean-face > h3,
#solucoes .cs39-cards .cs-clean-flip .cs-clean-face > h3 *,
#solucoes .cs39-cards .cs-clean-flip .cs-clean-front > h3,
#solucoes .cs39-cards .cs-clean-flip .cs-clean-back > h3{
  font-family:"Nunito Sans",system-ui,sans-serif!important;
  font-weight:800!important;
  font-synthesis:weight!important;
}

/* V92 — feedback visual do envio do formulário */
#contatoForm button[type="submit"][aria-busy="true"]{display:flex;align-items:center;justify-content:center;gap:.65rem;cursor:wait;opacity:.9}
.cs92-send-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:cs92spin .75s linear infinite}
@keyframes cs92spin{to{transform:rotate(360deg)}}
#contatoStatus:not(.hidden){display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem .8rem;border-radius:8px}
#contatoStatus.text-verde{background:#edf8f1;color:#1f6f4a}
#contatoStatus.text-erro{background:#fff1f0;color:#b42318}
.cs92-send-ok{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2f7a59;color:#fff;font-weight:800;flex:0 0 auto}


/* ==========================================================================
   V93 — marca ConecteSer baseada na identidade registrada
   Mantém desenho/proporção do símbolo original, inclusive a linha entre pontos.
   Conecte em azul original (#375F92); símbolo e Ser no verde atual (#3A5E4B).
   ========================================================================== */
.cs-brand-copy-v93{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;width:auto!important;min-width:0!important;max-width:none!important}
.cs-brand-registered-v93{display:block;width:286px;height:auto;max-width:none}
.cs-brand-tagline-v93{display:block!important;width:auto!important;max-width:none!important;margin-top:3px!important;margin-left:1px;font-family:Avenir,"Avenir Next","Helvetica Neue",Arial,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:.005em!important;color:#667085!important;white-space:nowrap}
@media (max-width:1100px){.cs-brand-registered-v93{width:245px}.cs-brand-tagline-v93{font-size:10.5px!important}}
@media (max-width:767px){.cs-brand-registered-v93{width:205px}.cs-brand-tagline-v93{font-size:9px!important}}
@media (max-width:420px){.cs-brand-registered-v93{width:175px}.cs-brand-tagline-v93{font-size:8px!important}}

/* ==========================================================================
   V94 — identidade registrada: azul #375F92 + verde #CCCC00
   Logo integral com Desenvolvimento Organizacional e menu discretamente maior.
   ========================================================================== */
:root{--cs-brand-blue:#375F92;--cs-brand-lime:#CCCC00;--cblue:#375F92;--cdark:#27466d;--cgreen:#CCCC00}
.cs-brand-copy-v94{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;line-height:1!important}
.cs-brand-registered-v94{display:block;width:252px;height:auto;max-width:none}
.cs-main-nav .cs-nav-item{font-size:15px!important;line-height:1.25!important;color:#334155}
.cs-main-nav .cs-nav-item:hover{color:#375F92!important}
.nav-link::after{background:#CCCC00!important;height:2px}
@media (min-width:1280px){.cs-main-nav .cs-nav-item{font-size:16px!important}}
@media (max-width:1100px) and (min-width:1024px){.cs-brand-registered-v94{width:224px}.cs-main-nav .cs-nav-item{font-size:14px!important}}
@media (max-width:1023px){.cs-brand-registered-v94{width:218px}}
@media (max-width:639px){.cs-brand-registered-v94{width:194px}}
@media (max-width:374px){.cs-brand-registered-v94{width:174px}}

/* Paleta V94: azul registrado como cor institucional e verde-limão como acento. */
.text-azul,.hover\:text-azul:hover,.group:hover .group-hover\:text-azul{color:#375F92!important}
.border-azul,.hover\:border-azul:hover{border-color:#375F92!important}
.bg-azul,.hover\:bg-azul:hover,.focus\:bg-azul:focus{background-color:#375F92!important}
.text-verde,.hover\:text-verde:hover{color:#8f9000!important}
.border-verde{border-color:#CCCC00!important}
/* Em superfícies, o verde-limão é usado como acento para preservar contraste. */
.bg-verde{background-color:#375F92!important}
.ring-verde\/15{--tw-ring-color:rgba(204,204,0,.20)!important}
.focus\:border-azul:focus{border-color:#375F92!important}

/* ========================================================================== 
   V95 — aplicação global da identidade registrada ConecteSer
   Azul institucional #375F92 | Verde de acento #CCCC00
   Header harmonizado: logo levemente maior, menu 21px e azul da marca.
   ========================================================================== */
:root{--cs-brand-blue:#375F92;--cs-brand-lime:#CCCC00;--cblue:#375F92;--cdark:#375F92;--cgreen:#CCCC00}
@media (min-width:1024px){
  .cs-header-inner{gap:42px!important}
  .cs-brand{flex:0 0 auto!important}
  .cs-brand-registered-v94{width:266px!important;height:auto!important}
  .cs-main-nav{margin-left:18px!important}
  .cs-main-nav ul{gap:34px!important;font-weight:500!important}
  .cs-main-nav .cs-nav-item{font-size:21px!important;font-weight:500!important;line-height:1.2!important;color:#375F92!important;letter-spacing:-.01em!important}
  .cs-main-nav .cs-nav-item:hover,.cs-main-nav .cs-nav-item.cs-active,.cs-main-nav .cs-header-contact,.cs-main-nav .cs-header-contact:hover{color:#375F92!important}
}
@media (min-width:1280px){.cs-main-nav ul{gap:42px!important}}
@media (max-width:1180px) and (min-width:1024px){
  .cs-brand-registered-v94{width:244px!important}
  .cs-header-inner{gap:24px!important}
  .cs-main-nav{margin-left:4px!important}
  .cs-main-nav ul{gap:20px!important}
  .cs-main-nav .cs-nav-item{font-size:18px!important}
}
@media (max-width:1023px){.cs-brand-registered-v94{width:224px!important}}
@media (max-width:639px){.cs-brand-registered-v94{width:200px!important}}

/* Azul institucional nas superfícies e elementos que usavam o azul anterior. */
.bg-azul,.hover\:bg-azul:hover,.focus\:bg-azul:focus{background-color:#375F92!important}
.text-azul,.hover\:text-azul:hover,.group:hover .group-hover\:text-azul{color:#375F92!important}
.border-azul,.hover\:border-azul:hover,.focus\:border-azul:focus{border-color:#375F92!important}
[data-fixed-header]{border-bottom-color:#375F92!important}

/* Verde registrado como acento. Em fundos extensos preservamos azul para contraste. */
.text-verde,.hover\:text-verde:hover{color:#8A8A00!important}
.border-verde{border-color:#CCCC00!important}
.nav-link::after{background:#CCCC00!important}
.ring-verde\/15{--tw-ring-color:rgba(204,204,0,.22)!important}

/* ========================================================================== 
   V96 — alinhamento estrutural do cabeçalho
   Logo alinhada ao mesmo eixo esquerdo do conteúdo do hero.
   Menu alinhado visualmente à linha "Desenvolvimento Organizacional".
   Navegação em tom neutro mais escuro para maior contraste.
   ========================================================================== */
@media (min-width:1024px){
  #siteHeader .cs-header-inner{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:48px!important;
    justify-content:flex-start!important;
  }
  #siteHeader .cs-brand{margin:0!important;flex:0 0 auto!important}
  #siteHeader .cs-brand-registered-v94{width:258px!important;height:auto!important}
  #siteHeader .cs-main-nav{
    margin-left:auto!important;
    flex:0 1 auto!important;
    align-self:flex-end!important;
    padding-bottom:15px!important;
  }
  #siteHeader .cs-main-nav ul{gap:38px!important;justify-content:flex-end!important}
  #siteHeader .cs-main-nav .cs-nav-item,
  #siteHeader .cs-main-nav .cs-header-contact{
    color:#1F2937!important;
    font-size:20px!important;
    font-weight:500!important;
    letter-spacing:-.012em!important;
  }
  #siteHeader .cs-main-nav .cs-nav-item:hover,
  #siteHeader .cs-main-nav .cs-nav-item.cs-active,
  #siteHeader .cs-main-nav .cs-header-contact:hover{color:#111827!important}
}
@media (min-width:1280px){#siteHeader .cs-main-nav ul{gap:44px!important}}
@media (max-width:1180px) and (min-width:1024px){
  #siteHeader .cs-header-inner{width:min(100% - 40px,940px)!important;gap:24px!important}
  #siteHeader .cs-brand-registered-v94{width:230px!important}
  #siteHeader .cs-main-nav{padding-bottom:14px!important}
  #siteHeader .cs-main-nav ul{gap:20px!important}
  #siteHeader .cs-main-nav .cs-nav-item,#siteHeader .cs-main-nav .cs-header-contact{font-size:17px!important}
}

/* ========================================================================== 
   V97 — revisão global de paleta e componentes
   Identidade: azul #375F92 | verde-limão #CCCC00 | neutros branco/cinza.
   ========================================================================== */
:root{
  --cs-brand-blue:#375F92;
  --cs-brand-lime:#CCCC00;
  --cs-brand-navy:#17365F;
  --cs-brand-deep:#102F59;
  --cs-brand-ink:#1F2937;
  --cblue:#375F92;
  --cdark:#17365F;
  --cgreen:#CCCC00;
}

/* CTA principal dentro da paleta registrada */
.cs34-primary,
#inicio .cs34-primary{
  background:#CCCC00!important;
  border-color:#CCCC00!important;
  color:#17365F!important;
  font-weight:700!important;
}
.cs34-primary:hover,
#inicio .cs34-primary:hover{
  background:#b8b800!important;
  border-color:#b8b800!important;
  color:#102F59!important;
}

/* Diagrama sistêmico: somente formas e conexão fina, sem ícones. */
.cs41-orbit:before{border-color:rgba(55,95,146,.22)!important;border-width:1px!important}
.cs41-lead{background:linear-gradient(145deg,#375F92,#17365F)!important}
.cs41-team{background:linear-gradient(145deg,#4f83c2,#375F92)!important}
.cs41-culture{background:linear-gradient(145deg,#CCCC00,#a8a800)!important;color:#17365F!important}
.cs41-culture h3,.cs41-culture p{color:#17365F!important}
.cs41-center{background:linear-gradient(145deg,#17365F,#102F59)!important;color:#fff!important;border-color:#fff!important}
.cs41-center:after{content:"";display:block;width:34px;height:2px;background:#CCCC00;margin:10px auto 0}

/* Frase institucional: aspas e destaque exatamente no verde #CCCC00. */
#frase .font-serif.text-8xl{color:#CCCC00!important;opacity:1!important}
#frase p span{color:#CCCC00!important}

/* Soluções e elementos verdes antigos migram para a paleta atual. */
#solucoes .cs-clean-back{background:linear-gradient(145deg,#375F92,#17365F)!important}
#solucoes .cs39-icon{background:rgba(204,204,0,.16)!important;color:#7f8000!important}
#solucoes .cs39-num,#solucoes .cs-clean-toggle{color:#727300!important}
#solucoes .cs39-rule{background:#CCCC00!important}
#solucoes .cs39-system{border-color:rgba(55,95,146,.18)!important;background:linear-gradient(135deg,#fff,#f7f9fc)!important}
#solucoes .cs39-sicon{background:rgba(204,204,0,.16)!important;color:#727300!important}

/* Cards e destaques: verde antigo substituído por azul + lima de acento. */
.dim-card .bg-\[\#CCCC00\]{background:#375F92!important}
.progress-line{stroke:#CCCC00!important}

/* Sobre/contato: azul institucional e acentos lima. */
#sobre,#contato{background:linear-gradient(135deg,#375F92 0%,#17365F 52%,#102F59 100%)!important}
#sobre .text-\[\#CCCC00\],#contato .text-\[\#8FB4D9\]{color:#CCCC00!important}
#sobre .bg-\[\#CCCC00\],#contato .bg-\[\#8FB4D9\]{background:#CCCC00!important}

/* Botões do formulário: azul institucional, hover azul profundo. */
#contatoForm button[type="submit"]{background:#375F92!important;color:#fff!important}
#contatoForm button[type="submit"]:hover{background:#17365F!important}
.cs92-send-ok{background:#375F92!important}

/* Links, linhas e foco seguem a identidade. */
.nav-link::after{background:#CCCC00!important}
.flip-card:focus-visible{outline-color:#CCCC00!important}
.prose-article a{color:#375F92!important}

/* Menu permanece neutro escuro conforme V96; ativo/hover recebe azul institucional. */
@media (min-width:1024px){
  #siteHeader .cs-main-nav .cs-nav-item,
  #siteHeader .cs-main-nav .cs-header-contact{color:#1F2937!important}
  #siteHeader .cs-main-nav .cs-nav-item:hover,
  #siteHeader .cs-main-nav .cs-nav-item.cs-active,
  #siteHeader .cs-main-nav .cs-header-contact:hover{color:#375F92!important}
}


/* ================================================================
   V98 — CTA "Conheça nossa abordagem" no hero + paleta #CCCC00
   ================================================================ */
#inicio .cs34-actions{
  margin-top:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
#inicio .cs34-primary{
  background:#CCCC00!important;
  border:1px solid #CCCC00!important;
  color:#17365F!important;
  box-shadow:0 10px 24px rgba(16,47,89,.16)!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
#inicio .cs34-primary:hover{
  background:#b8b800!important;
  border-color:#b8b800!important;
  color:#102F59!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(16,47,89,.20)!important;
}
/* CTA secundário continua no hero, mas visualmente subordinado à ação principal. */
#inicio .cs34-secondary{
  background:transparent!important;
  border-color:rgba(255,255,255,.48)!important;
  color:#fff!important;
}
#inicio .cs34-secondary:hover{
  border-color:#CCCC00!important;
  color:#CCCC00!important;
}
/* Acentos sistêmicos coerentes com a identidade registrada. */
.cs41-orbit:before{border-color:rgba(55,95,146,.22)!important}
.cs41-orbit:after{border-color:rgba(55,95,146,.14)!important}
.cs41-center:after,.cs41-note:after{background:#CCCC00!important}
/* Nenhum verde legado nos CTAs de abordagem. */
a[href="#abordagem"].cs34-primary{background:#CCCC00!important;color:#17365F!important}

/* V99 — composição sistêmica conforme layout aprovado, somente nesta seção */
.cs41-system .cs41-sgrid{grid-template-columns:minmax(390px,.82fr) minmax(650px,1.18fr)!important;gap:52px!important;align-items:center!important}
.cs99-system-visual{min-width:0}
.cs99-system-main{display:grid;grid-template-columns:500px minmax(250px,1fr);gap:34px;align-items:center}
.cs99-system-main .cs41-orbit{width:500px;height:470px;margin:0;position:relative}
.cs99-system-main .cs41-orbit:before{inset:64px 35px 35px!important;border:1px solid rgba(55,95,146,.28)!important}
.cs99-system-main .cs41-circle{width:220px!important;height:220px!important;padding:28px!important;box-shadow:0 18px 36px rgba(18,48,78,.17)!important}
.cs99-system-main .cs41-circle h3{font-size:23px!important;line-height:1.15!important;margin:0!important;color:#fff!important}
.cs99-system-main .cs41-circle p{font-size:15px!important;line-height:1.42!important;margin:0!important;color:#fff!important}
.cs99-mini-rule{display:block;width:38px;height:2px;background:#CCCC00;margin:14px auto 14px}
.cs99-system-main .cs41-lead{top:0!important;left:140px!important;background:linear-gradient(145deg,#245f9e,#12355f)!important}
.cs99-system-main .cs41-culture{left:15px!important;bottom:0!important;background:linear-gradient(145deg,#CCCC00,#8f9800)!important}
.cs99-system-main .cs41-culture h3,.cs99-system-main .cs41-culture p{color:#fff!important}
.cs99-system-main .cs41-culture .cs99-mini-rule{background:rgba(255,255,255,.72)}
.cs99-system-main .cs41-team{right:0!important;bottom:0!important;background:linear-gradient(145deg,#2776c9,#315f9c)!important}
.cs99-system-main .cs41-team .cs99-mini-rule{background:rgba(255,255,255,.72)}
.cs99-system-main .cs41-center{left:190px!important;top:182px!important;width:132px!important;height:132px!important;padding:15px!important;background:linear-gradient(145deg,#173f70,#102f59)!important;color:#fff!important;border:3px solid #fff!important;font-size:17px!important;line-height:1.25!important;box-shadow:0 12px 28px rgba(18,48,78,.16);animation:none!important}
.cs99-system-main .cs41-center:after{content:"";position:absolute;bottom:20px;width:34px;height:2px;background:#CCCC00!important;margin:0!important}
.cs99-system-message{border-left:1px solid rgba(55,95,146,.30);padding-left:38px;display:flex;flex-direction:column;align-items:flex-start}
.cs99-system-message .cs41-note{border:0!important;padding:0!important;color:#17365F;font-size:24px!important;line-height:1.42!important;font-weight:700;letter-spacing:-.015em}
.cs99-system-message .cs41-note:after{content:"";display:block;width:62px;height:3px;background:#CCCC00!important;margin-top:22px}
.cs99-system-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;padding:15px 20px;min-width:250px;background:#CCCC00;color:#17365F!important;font-size:14px;font-weight:700;text-decoration:none;border-radius:3px;transition:background .2s ease,transform .2s ease}
.cs99-system-cta:hover{background:#b8b800;color:#102F59!important;transform:translateY(-1px)}
.cs99-system-outcomes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;padding-top:18px;border-top:1px solid rgba(55,95,146,.14);max-width:500px}
.cs99-system-outcomes>div{padding:0 20px;border-right:1px solid rgba(55,95,146,.25);display:flex;flex-direction:column;gap:2px}.cs99-system-outcomes>div:first-child{padding-left:0}.cs99-system-outcomes>div:last-child{border-right:0}
.cs99-system-outcomes strong{font-size:11px;letter-spacing:.07em;color:#375F92}.cs99-system-outcomes span{font-size:12px;color:#64748b}
.cs99-orbit-dot{position:absolute;z-index:3;width:14px;height:14px;border-radius:50%}.cs99-dot-lime{left:33px;top:166px;background:#CCCC00}.cs99-dot-blue{right:27px;top:166px;background:#1f69b4}.cs99-dot-dark{left:247px;bottom:27px;background:#17365F}
@media(max-width:1180px){.cs41-system .cs41-sgrid{grid-template-columns:1fr!important}.cs99-system-visual{max-width:820px}.cs99-system-main{grid-template-columns:500px 1fr}}
@media(max-width:760px){.cs99-system-main{grid-template-columns:1fr}.cs99-system-main .cs41-orbit{transform:scale(.78);transform-origin:top left;margin-bottom:-90px}.cs99-system-message{border-left:0;border-top:1px solid rgba(55,95,146,.25);padding:24px 0 0}.cs99-system-message .cs41-note{font-size:21px!important}.cs99-system-outcomes{margin-top:30px}.cs99-system-cta{width:100%;min-width:0}.cs99-system-outcomes>div{padding:0 8px}.cs99-system-outcomes strong{font-size:9px}.cs99-system-outcomes span{font-size:10px}}
@media(max-width:440px){.cs99-system-main .cs41-orbit{transform:scale(.66);margin-bottom:-155px}.cs99-system-outcomes{grid-template-columns:1fr;gap:10px}.cs99-system-outcomes>div{border:0;padding:0}}

/* ============================================================
   V102 — CTA contato alinhado à paleta ConecteSer
   Remove moldura branca do card e aplica #CCCC00 nos CTAs.
   ============================================================ */
#contato .cs45-contact-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#contato .cs45-contact-card h3,
#contato .cs45-contact-card p:not(.cs45-response),
#contato .cs45-response{display:none!important}
#contato .cs45-contact-cta{
  background:#CCCC00!important;
  border:1px solid #CCCC00!important;
  color:#17365F!important;
  box-shadow:none!important;
  border-radius:4px!important;
  font-weight:700!important;
}
#contato .cs45-contact-cta:hover{
  background:#b8b800!important;
  border-color:#b8b800!important;
  color:#17365F!important;
  opacity:1!important;
}
#contato .cs45-contact-copy > span{
  color:#CCCC00!important;
}
#contato .cs45-contact-copy > span > span{
  background:#CCCC00!important;
}

/* ============================================================
   V102 — revisão global de paleta ConecteSer
   Base azul #375F92 | acento exclusivo #CCCC00.
   Remove verdes legados de componentes e superfícies.
   ============================================================ */
:root{--cs-brand-blue:#375F92;--cs-brand-lime:#CCCC00;--cblue:#375F92;--cdark:#17365F;--cgreen:#CCCC00}

/* Acentos antigos passam para o lime institucional. */
.text-verde,.hover\:text-verde:hover{color:#8A8A00!important}
.border-verde,.border-verde\/40{border-color:#CCCC00!important}
.bg-verde,.hover\:bg-verde:hover{background-color:#CCCC00!important;color:#17365F!important}
.ring-verde\/15{--tw-ring-color:rgba(204,204,0,.22)!important}
.nav-link::after{background:#CCCC00!important}

/* Para quem: nenhuma superfície verde antiga. Todos os cards usam azul;
   #CCCC00 entra como acento, número e detalhe, sem comprometer leitura. */
#para-quem .grid > .group{background:#375F92!important;color:#fff!important;box-shadow:0 10px 30px rgba(55,95,146,.22)!important}
#para-quem .grid > .group:nth-child(2),
#para-quem .grid > .group:nth-child(3){background:#375F92!important}
#para-quem .grid > .group > span{color:#CCCC00!important}
#para-quem .grid > .group svg{stroke:#CCCC00!important;opacity:.24!important}
#para-quem .grid > .group h3{color:#fff!important}
#para-quem .grid > .group p{color:rgba(255,255,255,.82)!important}
#para-quem > div > div:first-child span.inline-flex{color:#8A8A00!important}
#para-quem > div > div:first-child span.inline-flex > span{background:#CCCC00!important}

/* Botões e CTAs principais seguem a mesma assinatura visual. */
a.bg-verde,button.bg-verde,#contato .cs45-contact-cta,.cs99-system-cta{background:#CCCC00!important;border-color:#CCCC00!important;color:#17365F!important}
a.bg-verde:hover,button.bg-verde:hover,#contato .cs45-contact-cta:hover,.cs99-system-cta:hover{background:#b8b800!important;border-color:#b8b800!important;color:#17365F!important}
#cookieAccept{background:#CCCC00!important;color:#17365F!important}
#cookieAccept:hover{background:#b8b800!important;color:#17365F!important}

/* Depoimentos e indicadores: substitui qualquer identidade verde residual. */
#depoimentos .border-verde{border-color:#CCCC00!important}
#depoimentos .text-verde{color:#8A8A00!important}
#depoimentos [class*="from-verde"]{--tw-gradient-from:#375F92!important}
#depoimentos [class*="to-[#CCCC00]"]{--tw-gradient-to:#17365F!important}

/* Feedback de formulário permanece semântico, mas sem introduzir verde de marca. */
#contatoStatus.text-verde{background:#f7f7dc!important;color:#5f6000!important}

/* V102 — remoção final do verde legado: acento #CCCC00 */
#abordagem .text-\[\#CCCC00\],#abordagem [class*="text-[#CCCC00]"]{color:#CCCC00!important}
#abordagem .bg-\[\#CCCC00\],#abordagem [class*="bg-[#CCCC00]"]{background:#CCCC00!important}
#abordagem .cs28-dimensions-label,#abordagem .cs72-label{color:#CCCC00!important}
#abordagem .cs28-dimensions-label:after,#abordagem .cs72-label:after,#abordagem .cs66-principles{background:#CCCC00!important;border-color:#CCCC00!important}
/* legacy green labels/lines site-wide */
.cs28-dimensions-label,.cs72-label{color:#CCCC00!important}
.cs28-dimensions-label:after,.cs72-label:after{background:#CCCC00!important}
\n\n/* V103 — revisão criteriosa: paleta oficial + estados de visibilidade */
:root{--cs-brand-blue:#375F92;--cs-brand-accent:#CCCC00;--cs-brand-navy:#17365F;}
/* nenhum verde legado em acentos editoriais */
#solucoes .cs72-label,#solucoes .cs72-label *{color:#CCCC00!important}
#solucoes .cs72-label:after{background:#CCCC00!important;border-color:#CCCC00!important}
#abordagem .cs28-dimensions-label,#abordagem .cs31-label,#abordagem .cs47-label{color:#CCCC00!important}
#abordagem .cs28-dimensions-label:after,#abordagem .cs31-label:after,#abordagem .cs47-label:after{background:#CCCC00!important;border-color:#CCCC00!important}
/* CTA sistêmico removido na V103 */
.cs99-system-cta{display:none!important}
/* nota sistêmica editável sem quebras fixas */
.cs41-note{white-space:normal!important}
/* contato: sem traço decorativo acima de Vamos conversar */
#contato .cs45-contact-copy>span:before,#contato .cs45-contact-copy>span:after{display:none!important;content:none!important}
/* CTAs oficiais */
#contato .cs45-contact-cta,#cookieAccept,.cs34-primary{background:#CCCC00!important;border-color:#CCCC00!important;color:#17365F!important}
#contato .cs45-contact-cta:hover,#cookieAccept:hover,.cs34-primary:hover{background:#b8b800!important;border-color:#b8b800!important;color:#17365F!important}
/* substitui classes semânticas verdes remanescentes por acento oficial */
.bg-verde{background-color:#CCCC00!important;color:#17365F!important}
.text-verde{color:#8A8A00!important}
.border-verde{border-color:#CCCC00!important}
.hover\\:bg-verde:hover{background-color:#b8b800!important;color:#17365F!important}
.hover\\:text-verde:hover{color:#777800!important}
.nav-link::after{background:#CCCC00!important}
.flip-card:focus-visible{outline-color:#CCCC00!important}

/* ========================================================================== 
 V107 — Menu principal em azul escuro
 ========================================================================== */
@media (min-width:1024px){
  #siteHeader .cs-main-nav .cs-nav-item,
  #siteHeader .cs-main-nav .cs-header-contact{
    color:#17365F!important;
  }
  #siteHeader .cs-main-nav .cs-nav-item:hover,
  #siteHeader .cs-main-nav .cs-nav-item.cs-active,
  #siteHeader .cs-main-nav .cs-header-contact:hover,
  #siteHeader .cs-main-nav .cs-header-contact.cs-active{
    color:#102F59!important;
  }
}

/* V110 — responsividade real da Visão Sistêmica, sem escala/overflow */
@media (max-width:760px){
  #sistemica{overflow:hidden;padding:42px 0 48px!important}
  #sistemica .cs41-wrap{width:100%;max-width:none;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box}
  #sistemica .cs41-sgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:30px!important;width:100%!important;min-width:0!important}
  #sistemica .cs99-system-visual,#sistemica .cs99-system-main,#sistemica .cs99-system-message{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
  #sistemica .cs99-system-main{display:block!important}
  #sistemica .cs99-system-main .cs41-orbit{width:min(100%,360px)!important;height:auto!important;aspect-ratio:1/1.03;margin:0 auto!important;transform:none!important;position:relative!important}
  #sistemica .cs99-system-main .cs41-orbit:before{inset:13% 7% 7%!important}
  #sistemica .cs99-system-main .cs41-circle{width:46%!important;height:auto!important;aspect-ratio:1/1;padding:18px 12px!important}
  #sistemica .cs99-system-main .cs41-circle h3{font-size:clamp(17px,5.3vw,21px)!important}
  #sistemica .cs99-system-main .cs41-circle p{font-size:clamp(11px,3.35vw,14px)!important;line-height:1.35!important}
  #sistemica .cs99-system-main .cs41-lead{top:0!important;left:27%!important}
  #sistemica .cs99-system-main .cs41-culture{left:0!important;bottom:0!important}
  #sistemica .cs99-system-main .cs41-team{right:0!important;bottom:0!important}
  #sistemica .cs99-system-main .cs41-center{left:36%!important;top:35%!important;width:30%!important;height:auto!important;aspect-ratio:1/1;padding:10px!important;font-size:clamp(12px,3.6vw,16px)!important}
  #sistemica .cs99-system-message{margin-top:28px!important;border-left:0!important;border-top:1px solid rgba(55,95,146,.18)!important;padding:26px 0 0!important;overflow-wrap:anywhere}
  #sistemica .cs99-system-message .cs41-note{font-size:clamp(21px,6vw,27px)!important;line-height:1.38!important;max-width:100%!important;word-break:normal!important;overflow-wrap:anywhere!important}
  #sistemica .cs99-system-outcomes{width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:28px!important}
  #sistemica .cs99-system-outcomes>div{min-width:0!important;padding:0 8px!important}
  #sistemica .cs99-system-outcomes strong{font-size:9px!important;overflow-wrap:anywhere}
  #sistemica .cs99-system-outcomes span{font-size:10px!important;overflow-wrap:anywhere}
}
@media (max-width:390px){
  #sistemica .cs41-wrap{padding-left:16px!important;padding-right:16px!important}
  #sistemica .cs99-system-outcomes{grid-template-columns:1fr!important;gap:12px!important}
  #sistemica .cs99-system-outcomes>div{border-right:0!important;padding:0!important}
}

/* V111 — performance mobile sem alterar o layout */
@media (max-width:760px){
  /* Mantém a composição visual, mas evita animações contínuas que exigem repintura. */
  .ring-blue,.ring-green,.symbol-pulse,.flow-path,.flow-dot,
  .float-gentle-a,.float-gentle-b,.float-gentle-c,.cs34-ring{animation:none!important}
  .ring-blue,.ring-green{stroke-dashoffset:0!important}
  .tilt-el{will-change:auto!important}
}
/* Seções fora da primeira tela só são pintadas quando se aproximam do viewport. */
@supports (content-visibility:auto){
  #conteudo > section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:auto 780px}
}