@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700;800;900&display=swap');

*,: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:#3b82f680;--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:#3b82f680;--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.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{border:inherit;column-gap:inherit;gap:inherit;margin:inherit;padding:inherit;row-gap:inherit}.visible{visibility:visible}.block{display:block}.border{border-width:1px}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--azul-corporativo:#0d6499;--verde-evolucion:#28a860;--azul-institucional:#192072;--azul-profundo:#0f1e3d;--azul-medio:#154a7a;--verde-oscuro:#1f8a52;--gris-texto:#4a5568;--gris-claro:#f8f9fa;--gris-borde:#e5e7eb;--blanco:#fff;--gradiente-marca:linear-gradient(135deg,var(--azul-corporativo) 0%,var(--verde-evolucion) 100%);--font-titulo:"Playfair Display",serif;--font-cuerpo:"Inter",-apple-system,sans-serif;--font-mono:"Space Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#192072;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{overflow-x:hidden;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:#28a860;color:#fff}::-moz-selection{background:#28a860;color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#28a860;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#192072}.splash-screen{align-items:center;background:#0f1e3d;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.splash-bg-gradient{animation:gradientShift 4s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 50%,#0d649959 0,#0000 60%),radial-gradient(ellipse at 80% 30%,#28a86026 0,#0000 55%),radial-gradient(ellipse at 60% 80%,#19207266 0,#0000 55%),linear-gradient(135deg,#0f1e3d,#0d1f3c 50%,#0a1830);inset:0;position:absolute}@keyframes gradientShift{0%{opacity:.8}to{opacity:1}}.splash-orb{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute}.splash-orb-1{animation:orbFloat1 6s ease-in-out infinite;background:radial-gradient(circle,#0d64994d 0,#0000 70%);height:500px;left:-100px;top:-120px;width:500px}.splash-orb-2{animation:orbFloat2 7s ease-in-out infinite;background:radial-gradient(circle,#28a86033 0,#0000 70%);bottom:-100px;height:400px;right:-80px;width:400px}.splash-orb-3{animation:orbFloat3 8s ease-in-out infinite;background:radial-gradient(circle,#0d649926 0,#0000 70%);height:300px;right:20%;top:40%;width:300px}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,25px) scale(1.1)}}.splash-grid{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:60px 60px;inset:0;pointer-events:none;position:absolute}.splash-content{align-items:center;display:flex;flex-direction:column;padding:0 2rem;position:relative;text-align:center;z-index:1}.splash-logo-wrap{filter:drop-shadow(0 0 40px rgba(13,100,153,.5)) drop-shadow(0 0 80px rgba(41,206,61,.2));margin-bottom:1.75rem;opacity:0;transform:scale(.7) translateY(20px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.splash-isotipo{animation:isotipoGlow 3s ease-in-out infinite alternate;display:block;height:auto;width:clamp(90px,10vw,120px)}@keyframes isotipoGlow{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.splash-wordmark-wrap{margin-bottom:1.25rem;opacity:0;transform:translateY(12px);transition:opacity .7s ease .2s,transform .7s ease .2s}.splash-wordmark{display:block;filter:brightness(0) invert(1);height:auto;width:clamp(240px,26vw,320px)}.splash-tagline{color:#ffffff8c;font-family:Inter,sans-serif;font-size:clamp(.8rem,1.4vw,.95rem);font-weight:400;letter-spacing:.04em;margin:0 0 2.5rem;max-width:420px;opacity:0;transform:translateY(10px);transition:opacity .7s ease .45s,transform .7s ease .45s}.splash-line-container{background:#ffffff1f;border-radius:1px;height:1px;opacity:0;overflow:hidden;transition:opacity .5s ease .7s;width:clamp(200px,22vw,280px)}.splash-line{background:linear-gradient(90deg,#0d6499,#28a860);border-radius:1px;height:100%;width:0}.splash-visible .splash-logo-wrap{opacity:1;transform:scale(1) translateY(0)}.splash-visible .splash-tagline,.splash-visible .splash-wordmark-wrap{opacity:1;transform:translateY(0)}.splash-visible .splash-line-container{opacity:1}.splash-visible .splash-line{animation:lineGrow 2.2s cubic-bezier(.4,0,.2,1) .8s forwards}@keyframes lineGrow{0%{width:0}to{width:100%}}.splash-exiting{animation:splashExit .6s cubic-bezier(.4,0,1,1) forwards}@keyframes splashExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@media (max-width:768px){.splash-orb-1{height:300px;width:300px}.splash-orb-2{height:250px;width:250px}.splash-orb-3{display:none}.splash-grid{background-size:40px 40px}}.navigation{background:#0000;left:0;padding:1.5rem 0;position:fixed;top:0;transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;width:100%;z-index:1000}.navigation.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000000d;padding:1rem 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:.6rem;text-decoration:none}.nav-logo-icon{display:block;flex-shrink:0;height:44px;max-width:none;transition:height .3s ease;width:auto}.navigation.scrolled .nav-logo-icon{height:38px}.nav-logo-wordmark{display:block;flex-shrink:0;height:28px;position:relative;transition:height .3s ease,width .3s ease;width:223px}.navigation.scrolled .nav-logo-wordmark{height:24px;width:191px}.nav-wordmark-img{height:100%;left:0;max-width:none;position:absolute;top:0;transition:opacity .3s ease;width:auto}.nav-wordmark-on-light,.navigation.scrolled .nav-wordmark-on-dark{opacity:0}.navigation.scrolled .nav-wordmark-on-light{opacity:1}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem;transition:color .3s ease}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{align-items:baseline;color:#ffffffeb;display:flex;font-family:Inter,sans-serif;font-size:.9rem;gap:.5rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#28a860}.nav-link:after{background:#28a860;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-number{color:#28a860;font-family:Space Mono,monospace;font-size:.75rem}.nav-label{font-weight:500}.nav-cta{background:linear-gradient(135deg,#0d6499,#28a860);border-radius:4px;box-shadow:0 4px 15px #28a8604d;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.nav-cta:hover{box-shadow:0 6px 20px #28a86066;transform:translateY(-2px)}.navigation.scrolled .mobile-menu-toggle,.navigation.scrolled .nav-link{color:#192072}.navigation.scrolled .nav-link:hover{color:#0d6499}@media (max-width:1024px){.nav-links{gap:1.5rem}.nav-link{font-size:.85rem}}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-links{align-items:flex-start;background:#fff;box-shadow:-5px 0 20px #0000001a;flex-direction:column;gap:1.5rem;height:100vh;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px}.nav-links.mobile-open{right:0}.nav-link{color:#192072;padding:.5rem 0;width:100%}.nav-link:hover{color:#0d6499}.nav-cta{text-align:center;width:100%}}.hero{align-items:center;background:#0f1e3d;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative}.hero-background{overflow:hidden;z-index:0}.hero-background,.hero-gradient{height:100%;left:0;position:absolute;top:0;width:100%}.hero-gradient{background:radial-gradient(ellipse at top left,#0d649926 0,#0000 50%),radial-gradient(ellipse at bottom right,#1920724d 0,#0000 60%),linear-gradient(135deg,#0f1e3d,#1a2d52 50%,#0f1e3d)}.hero-pattern{animation:starsMove 100s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fffc,#0000),radial-gradient(1px 1px at 40% 70%,#fff9,#0000),radial-gradient(2px 2px at 50% 20%,#ffffffe6,#0000),radial-gradient(1px 1px at 60% 80%,#ffffffb3,#0000),radial-gradient(1px 1px at 80% 40%,#fffc,#0000),radial-gradient(2px 2px at 90% 10%,#fff9,#0000),radial-gradient(1px 1px at 10% 60%,#ffffffb3,#0000),radial-gradient(1px 1px at 30% 90%,#ffffff80,#0000),radial-gradient(2px 2px at 70% 50%,#fffc,#0000),radial-gradient(1px 1px at 85% 75%,#fff9,#0000),radial-gradient(1px 1px at 15% 15%,#28a86080,#0000),radial-gradient(2px 2px at 95% 60%,#28a86099,#0000),radial-gradient(1px 1px at 25% 45%,#fff6,#0000),radial-gradient(1px 1px at 55% 95%,#ffffff80,#0000),radial-gradient(2px 2px at 75% 25%,#28a86066,#0000);background-size:200% 200%}.hero-pattern,.hero-stars-layer{background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%}.hero-stars-layer{animation:starsMove2 80s linear infinite;background-image:radial-gradient(1px 1px at 12% 22%,#ffffffe6,#0000),radial-gradient(1px 1px at 33% 55%,#ffffff80,#0000),radial-gradient(2px 2px at 45% 88%,#ffffffb3,#0000),radial-gradient(1px 1px at 67% 12%,#fffc,#0000),radial-gradient(1px 1px at 88% 67%,#fff9,#0000),radial-gradient(2px 2px at 22% 78%,#ffffff80,#0000),radial-gradient(1px 1px at 58% 33%,#ffffffb3,#0000),radial-gradient(1px 1px at 92% 22%,#28a86099,#0000);background-size:150% 150%;opacity:.7}.hero-stars-twinkle{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero-star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;height:2px;position:absolute;width:2px}.hero-star.gold{background:#28a860;box-shadow:0 0 6px #28a860cc}@keyframes starsMove{0%{background-position:0 0}to{background-position:200% 200%}}@keyframes starsMove2{0%{background-position:0 0}to{background-position:-150% 150%}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.hero-constellation{height:100%;left:0;opacity:.15;pointer-events:none;position:absolute;top:0;width:100%}.hero-content{max-width:1200px;position:relative;text-align:center;z-index:2}.hero-kicker{align-items:center;background:#28a8601a;border:1px solid #28a86040;border-radius:100px;color:#ffffffe6;display:inline-flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:.6rem;justify-content:center;letter-spacing:.05em;margin-bottom:2rem;padding:.5rem 1.25rem}.kicker-text{color:#28a860;font-weight:600}.kicker-separator{color:#ffffff59}.kicker-location{color:#ffffffbf}.hero-title{color:#fff;display:flex;flex-direction:column;font-family:Playfair Display,serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;gap:.5rem;line-height:1.1;margin:0 0 2rem}.hero-title-line{display:block}.hero-title-offset{color:#28a860}.hero-slogan{color:#ffffffd9;font-family:Inter,sans-serif;font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.6;margin:0 auto 3rem;max-width:700px}.hero-ctas{flex-wrap:wrap;gap:1.5rem}.hero-ctas,.hero-trust{display:flex;justify-content:center}.hero-trust{align-items:center;color:#ffffffa6;font-family:Inter,sans-serif;font-size:.9rem;gap:.5rem;letter-spacing:.02em;margin-top:1.5rem}.hero-trust:before{background:#28a860;border-radius:50%;color:#0f1e3d;content:"✓";flex-shrink:0;font-size:.7rem;font-weight:700;height:18px;justify-content:center;width:18px}.hero-cta,.hero-trust:before{align-items:center;display:inline-flex}.hero-cta{border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.hero-cta.primary{background:linear-gradient(135deg,#0d6499,#28a860);box-shadow:0 10px 30px #28a86066;color:#fff}.hero-cta.primary:hover{box-shadow:0 15px 40px #28a86080;transform:translateY(-3px)}.hero-cta.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #fff3;color:#fff}.hero-cta.secondary:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-3px)}.hero-scroll-indicator{align-items:center;bottom:3rem;display:flex;flex-direction:column;gap:.75rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);z-index:2}.scroll-line{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#0000,#fff);height:40px;width:1px}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.scroll-text{color:#fff;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}@media (max-width:768px){.hero{padding:5rem 1.5rem 3rem}.hero-kicker{flex-direction:column;gap:.25rem}.kicker-separator{display:none}.hero-title-offset{padding-left:0}.hero-ctas{flex-direction:column;gap:1rem}.hero-cta{justify-content:center;width:100%}.hero-scroll-indicator{display:none}}.marquee-wrapper{background:#f8f9fa;border-bottom:1px solid #1920721a;border-top:1px solid #1920721a;overflow:hidden;padding:1.5rem 0}.marquee{overflow:hidden;position:relative;width:100%}.marquee-content{animation:marqueeScroll 60s linear infinite;display:flex;will-change:transform}.marquee-group{align-items:center;display:flex;flex-shrink:0;gap:2rem;padding-right:2rem}.marquee-text{color:#192072;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.marquee-separator{color:#28a860;font-size:1.25rem}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@media (max-width:768px){.marquee-wrapper{padding:1rem 0}.marquee-text{font-size:.875rem}.marquee-group{gap:1.5rem}}.stats-bar{background:#fff;border-top:1px solid #19207214;overflow:hidden;padding:1rem 2rem 5rem;position:relative}.stats-bar:before{content:none}.stats-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:1}.stat-item{flex:1 1;padding:0 1rem;text-align:center}.stat-value{align-items:baseline;display:flex;gap:2px;justify-content:center;margin-bottom:.5rem}.stat-number{color:#192072;font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(2.75rem,5vw,4rem)}.stat-suffix{font-family:Inter,sans-serif;font-weight:800;line-height:1}.stat-suffix{color:#28a860;font-size:clamp(1.5rem,3vw,2.25rem)}.stat-label{color:#192072;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:600;margin-bottom:.25rem}.stat-label,.stat-sub{font-family:Inter,sans-serif}.stat-sub{color:#718096;font-size:.8rem;letter-spacing:.02em}.stat-divider{background:linear-gradient(180deg,#0000,#19207226,#0000);flex-shrink:0;height:70px;width:1px}@media (max-width:768px){.stats-container{flex-wrap:wrap;gap:2rem 0}.stat-item{flex:0 0 50%}.stat-divider{display:none}}.about-section{background:#fff;overflow:hidden;padding:8rem 2rem;position:relative}.about-container{margin:0 auto;max-width:1200px;position:relative}.about-number{color:#19207208;font-family:Playfair Display,serif;font-size:clamp(8rem,15vw,12rem);font-weight:700;left:-1rem;line-height:1;position:absolute;top:-2rem;-webkit-user-select:none;user-select:none;z-index:0}.about-logo{display:block;height:auto;margin-bottom:2.5rem;width:clamp(200px,19vw,260px)}.about-content{max-width:900px;position:relative;z-index:1}.about-title{color:#192072;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin:0 0 2rem}.about-lead{color:#4a5568;font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.8;margin:0 0 1.5rem}.about-lead strong{color:#192072;font-weight:600}.about-description{color:#4a5568;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8;margin:0}.about-attributes{grid-gap:1.5rem;border-top:2px solid #f8f9fa;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem 0 0}.about-attribute{display:flex;flex-direction:column;gap:.5rem}.attribute-label{color:#28a860;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.attribute-value{color:#192072;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600}@media (max-width:768px){.about-section{padding:5rem 1.5rem}.about-number{font-size:6rem;left:-.5rem;top:-1rem}.about-attributes{gap:1.25rem;grid-template-columns:1fr}}.services-section{background:#f8f9fa;min-height:auto;overflow:hidden;padding:4rem 0;position:relative}.services-container{margin:0 auto;max-width:1400px;padding:0 2rem}.services-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;position:relative}.services-number{color:#1920721a;font-size:clamp(2.5rem,6vw,4rem);line-height:1}.services-number,.services-title{font-family:Playfair Display,serif;font-weight:700}.services-title{color:#192072;flex:1 1;font-size:clamp(1.75rem,3vw,2.5rem);margin:0}.services-counter{align-items:center;color:#192072;display:flex;font-family:Space Mono,monospace;font-size:1.25rem;gap:.5rem}.counter-current{color:#28a860;font-weight:700}.counter-separator{color:#1920724d}.counter-total{color:#19207280}.services-carousel{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.carousel-content{flex:1 1;overflow:hidden}.service-card-single{grid-gap:2rem;align-items:center;animation:fadeInSlide .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000014;display:grid;gap:2rem;grid-template-columns:auto 1fr;overflow:hidden;padding:2rem 2.5rem;position:relative}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.service-card-single:before{background:var(--accent-color);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.service-icon-wrapper{align-items:center;background:linear-gradient(135deg,#1920720d,#0d64990d);border-radius:50%;display:flex;flex-shrink:0;height:90px;justify-content:center;width:90px}.service-icon{stroke-width:1.5;color:var(--accent-color);height:44px;width:44px}.service-content{text-align:left}.service-name{color:#192072;font-family:Playfair Display,serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:1.2;margin:0 0 .25rem}.service-subtitle{color:var(--accent-color);font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 1rem}.service-includes{grid-gap:.5rem 1.5rem;display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;margin:0 0 1rem;padding:0}.service-include-item{align-items:flex-start;color:#4a5568;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:.5rem;line-height:1.4}.include-bullet{background:var(--accent-color);border-radius:50%;display:block;flex-shrink:0;height:5px;margin-top:.5rem;width:5px}.service-description{border-top:1px solid #f0f2f5;color:#4a5568;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.5;margin:0;padding:.875rem 0 0}.carousel-arrow{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#192072;cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center;transition:all .3s ease;width:45px}.carousel-arrow:hover{background:#192072;border-color:#192072;color:#fff;transform:scale(1.1)}.carousel-arrow:active{transform:scale(.95)}.carousel-arrow svg{height:24px;width:24px}.carousel-dots{align-items:center;display:flex;gap:.875rem;justify-content:center}.dot{background:#19207233;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.dot:hover{background:#19207266;transform:scale(1.2)}.dot.active{background:#28a860;border-radius:6px;width:28px}@media (max-width:1024px){.service-card-single{gap:1rem;grid-template-columns:1fr;padding:2rem 1.5rem;text-align:center}.service-icon-wrapper{height:70px;margin:0 auto;width:70px}.service-icon{height:36px;width:36px}.service-content{text-align:center}.service-includes{grid-template-columns:1fr;text-align:left}.carousel-arrow{height:40px;width:40px}}@media (max-width:768px){.services-section{padding:3rem 0}.services-container{padding:0 1rem}.services-header{align-items:flex-start;flex-direction:column;margin-bottom:1.5rem}.services-counter{align-self:flex-end}.services-carousel{gap:.75rem}.service-card-single{padding:1.5rem 1.25rem}.carousel-dots{gap:.75rem}.dot.active{width:24px}}@media (max-width:480px){.carousel-arrow{display:none}.services-carousel{gap:0}}.results-section{background:#fff;overflow:hidden;padding:8rem 2rem;position:relative}.results-container{margin:0 auto;max-width:1400px}.results-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.results-number{color:#1920721a;flex-shrink:0;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.results-header-content{flex:1 1;min-width:280px}.results-header-content h2{color:#192072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 1rem}.results-header-content p{color:#4a5568;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8;margin:0;max-width:600px}.results-counter{align-items:center;align-self:flex-end;color:#192072;display:flex;font-family:Space Mono,monospace;font-size:1.25rem;gap:.5rem}.results-counter .counter-current{color:#28a860;font-weight:700}.results-counter .counter-separator{color:#1920724d}.results-counter .counter-total{color:#19207280}.results-carousel{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.results-grid{grid-gap:2rem;animation:fadeInPage .5s ease-out;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(3,1fr)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.case-card,.client-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem 2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.case-card:hover,.client-card:hover{border-color:#28a8604d;box-shadow:0 20px 60px #0000001f;transform:translateY(-8px)}.client-logo-wrapper{align-items:center;border-radius:50%;box-shadow:0 8px 24px #19207233;display:flex;height:140px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;transition:transform .4s ease;width:140px}.client-logo-wrapper.generated-logo{background:linear-gradient(135deg,#192072,#0d6499)}.client-logo-wrapper.real-logo{background:#fff;border:2px solid #f0f2f5}.client-logo-wrapper.real-logo.logo-contain{padding:12px}.client-logo-wrapper.real-logo.logo-cover{padding:0}.client-card:hover .client-logo-wrapper{transform:scale(1.05)}.client-card:hover .client-logo-wrapper.real-logo{border-color:#28a860}.client-logo{height:100%;object-fit:cover;width:100%}.client-logo-wrapper.logo-contain .client-logo{object-fit:contain}.client-logo-wrapper.logo-cover .client-logo{object-fit:cover}.client-info{display:flex;flex-direction:column;gap:1.25rem;width:100%}.client-company{color:#192072;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.client-service-wrapper{border-top:2px solid #f8f9fa;display:flex;flex-direction:column;gap:.5rem;padding-top:1.25rem}.client-service-label{color:#28a860;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.client-service,.client-service-label{font-family:Inter,sans-serif;font-weight:600}.client-service{color:#0d6499;font-size:1rem;margin:0}.results-arrow{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#192072;cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center;transition:all .3s ease;width:45px}.results-arrow:hover{background:#192072;border-color:#192072;color:#fff;transform:scale(1.1)}.results-arrow:active{transform:scale(.95)}.results-arrow svg{height:24px;width:24px}.results-dots{align-items:center;display:flex;gap:.875rem;justify-content:center;margin-bottom:3rem}.results-dot{background:#19207233;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.results-dot:hover{background:#19207266;transform:scale(1.2)}.results-dot.active{background:#28a860;border-radius:6px;width:28px}.results-cta{text-align:center}.results-cta a{align-items:center;background:linear-gradient(135deg,#192072,#0d6499);border-radius:4px;box-shadow:0 10px 30px #1920724d;color:#fff;display:inline-flex;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.results-cta a:hover{box-shadow:0 15px 40px #19207266;transform:translateY(-3px)}@media (max-width:1024px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.results-section{padding:5rem 1.5rem}.results-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.results-counter{align-self:flex-start}.results-carousel{gap:.75rem}.results-grid{gap:1.5rem;grid-template-columns:1fr}.client-card{padding:2rem 1.5rem}.client-logo-wrapper{height:120px;width:120px}.results-arrow{height:40px;width:40px}.results-arrow svg{height:20px;width:20px}}@media (max-width:480px){.results-arrow{display:none}.results-carousel{gap:0}}.methodology-section{background:#f8f9fa;overflow:hidden;padding:8rem 2rem;position:relative}.methodology-container{margin:0 auto;max-width:1200px}.methodology-header{align-items:flex-start;display:flex;gap:3rem;margin-bottom:4rem}.methodology-number{color:#1920721a;flex-shrink:0;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.methodology-header-content{flex:1 1}.methodology-header-content h2{color:#192072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 1rem}.methodology-header-content p{color:#4a5568;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8;margin:0}.methodology-timeline{display:flex;flex-direction:column;gap:0}.methodology-step{display:flex;gap:2rem;padding:2rem 0;position:relative}.step-icon-wrapper{align-items:center;background:#fff;border-radius:50%;box-shadow:0 5px 20px #00000014;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px;z-index:1}.step-icon{color:#0d6499}.step-content{flex:1 1;padding:1rem 0}.step-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.step-number{color:#28a860;font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700}.step-title{color:#192072;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;margin:0}.step-description{color:#4a5568;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8;margin:0;max-width:700px}.step-connector{background:linear-gradient(180deg,#0d6499,#0d64994d);height:100%;left:40px;position:absolute;top:80px;width:2px}@media (max-width:768px){.methodology-section{padding:5rem 1.5rem}.methodology-header{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.methodology-step{gap:1rem}.step-icon-wrapper{height:60px;width:60px}.step-icon{height:24px;width:24px}.step-connector{left:30px;top:60px}.step-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.whyus-section{background:#fff;overflow:hidden;padding:8rem 2rem;position:relative}.whyus-container{margin:0 auto;max-width:1400px}.whyus-header{align-items:flex-start;display:flex;gap:3rem;margin-bottom:4rem}.whyus-number{color:#1920721a;flex-shrink:0;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.whyus-header-content{flex:1 1}.whyus-header-content h2{color:#192072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 1rem}.whyus-header-content p{color:#4a5568;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8;margin:0}.whyus-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.whyus-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.whyus-card:hover{background:#fff;border-color:#28a860;box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.whyus-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0d6499,#192072);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.whyus-icon{color:#fff}.whyus-title{color:#192072;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.whyus-description{color:#4a5568;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8;margin:0}@media (max-width:768px){.whyus-section{padding:5rem 1.5rem}.whyus-header{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.whyus-grid{gap:1.5rem;grid-template-columns:1fr}.whyus-card{padding:2rem}}.testimonials-section{background:#f8f9fa;overflow:hidden;padding:7rem 2rem;position:relative}.testimonials-section:before{background:radial-gradient(circle,#28a8600f 0,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:500px}.testimonials-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.testimonials-header{margin-bottom:3.5rem;text-align:center}.testimonials-kicker{color:#28a860;display:inline-block;font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.testimonials-title{color:#192072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0}.testimonial-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #19207214;padding:3.5rem 3rem 2.5rem;position:relative;text-align:center}.testimonial-quote-icon{color:#28a860;display:block;margin:0 auto 1rem;opacity:.2}.testimonial-stars{display:flex;gap:.25rem;justify-content:center;margin-bottom:1.5rem}.testimonial-quote{animation:fadeQuote .5s ease;color:#2d3748;font-family:Inter,sans-serif;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:400;line-height:1.6;margin:0 0 2.5rem}@keyframes fadeQuote{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.testimonial-author-block{gap:1rem;margin-bottom:2rem}.testimonial-author-block,.testimonial-avatar{align-items:center;display:flex;justify-content:center}.testimonial-avatar{background:linear-gradient(135deg,#0d6499,#28a860);border-radius:50%;color:#fff;flex-shrink:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;height:56px;width:56px}.testimonial-author-info{text-align:left}.testimonial-author-name{color:#192072;display:block;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.testimonial-author-company{color:#718096;display:block;font-family:Inter,sans-serif;font-size:.85rem}.testimonial-nav{gap:1.5rem}.testimonial-arrow,.testimonial-nav{align-items:center;display:flex;justify-content:center}.testimonial-arrow{background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#192072;cursor:pointer;height:44px;transition:all .3s ease;width:44px}.testimonial-arrow:hover{background:#192072;border-color:#192072;color:#fff}.testimonial-dots{display:flex;gap:.5rem}.testimonial-dot{background:#cbd5e0;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.testimonial-dot.active{background:linear-gradient(90deg,#0d6499,#28a860);border-radius:5px;width:28px}@media (max-width:768px){.testimonials-section{padding:5rem 1.5rem}.testimonial-card{padding:2.5rem 1.75rem 2rem}}.team-section{background:#f8f9fa;overflow:hidden;padding:8rem 2rem;position:relative}.team-container{margin:0 auto;max-width:1400px}.team-header{align-items:flex-start;display:flex;gap:3rem;margin-bottom:4rem}.team-number{color:#1920721a;flex-shrink:0;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.team-header-content{flex:1 1}.team-header-content h2{color:#192072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 1rem}.team-header-content p{color:#4a5568;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8;margin:0;max-width:600px}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.team-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000014;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease}.team-card:hover{box-shadow:0 25px 60px #00000026;transform:translateY(-10px)}.team-image-wrapper{aspect-ratio:1;background:linear-gradient(135deg,#192072,#0d6499);overflow:hidden;position:relative;width:100%}.team-image{filter:grayscale(20%);height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease;width:100%}.team-card:hover .team-image{filter:grayscale(0);transform:scale(1.05)}.team-overlay{background:linear-gradient(0deg,#192072f2 0,#0000);bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .4s ease}.team-card:hover .team-overlay{opacity:1}.team-socials{display:flex;gap:.5rem}.team-social{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:background .3s ease,transform .3s ease;width:36px}.team-social:hover{background:#28a860;border-color:#28a860;transform:scale(1.1)}.team-info{padding:1.75rem}.team-name{color:#192072;font-family:Playfair Display,serif;font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.team-position{color:#28a860;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.team-profession{border-bottom:2px solid #f8f9fa;color:#4a5568;display:block;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:1rem;text-transform:uppercase}.team-description{color:#4a5568;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.6;margin:0}@media (max-width:768px){.team-section{padding:5rem 1.5rem}.team-header{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.team-grid{gap:1.5rem;grid-template-columns:1fr}.team-info{padding:1.5rem}}@media (min-width:768px) and (max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}.contact-section{background:#f8f9fa;overflow:hidden;padding:8rem 2rem;position:relative}.contact-container{margin:0 auto;max-width:1400px}.contact-header{margin-bottom:4rem;text-align:center}.contact-number{color:#1920721a;font-size:clamp(3rem,8vw,5rem);line-height:1;margin-bottom:1rem}.contact-number,.contact-title{font-family:Playfair Display,serif;font-weight:700}.contact-title{color:#192072;font-size:clamp(2.5rem,5vw,4rem);margin:0 0 1rem}.contact-subtitle{color:#4a5568;font-family:Inter,sans-serif;font-size:1.25rem;margin:0}.contact-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1.5fr 1fr}.contact-form{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000014;padding:3rem}.form-group{margin-bottom:2rem}.form-label{align-items:center;color:#192072;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;gap:.75rem;margin-bottom:.75rem}.form-number{color:#28a860;font-family:Space Mono,monospace;font-size:.75rem}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#192072;font-family:Inter,sans-serif;font-size:1rem;padding:1rem 1.25rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus{border-color:#0d6499;box-shadow:0 0 0 3px #0d64991a;outline:none}.form-input::placeholder{color:#9ca3af}.form-select{cursor:pointer}.form-textarea{min-height:120px;resize:vertical}.form-submit{align-items:center;background:linear-gradient(135deg,#0d6499,#28a860);border:none;border-radius:8px;box-shadow:0 10px 30px #28a8604d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.form-submit:hover{box-shadow:0 15px 40px #28a86066;transform:translateY(-3px)}.form-note{color:#9ca3af;font-family:Inter,sans-serif;font-size:.875rem;margin:1rem 0 0;text-align:center}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;display:flex;gap:1.25rem;padding:1.75rem;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-3px)}.info-icon{color:#0d6499;flex-shrink:0}.info-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.info-label{color:#9ca3af;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.info-value{color:#192072;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.6;text-decoration:none;transition:color .3s ease}a.info-value:hover{color:#0d6499}p.info-value{margin:0}@media (max-width:1024px){.contact-content{gap:2rem;grid-template-columns:1fr}}@media (max-width:768px){.contact-section{padding:5rem 1.5rem}.contact-header{margin-bottom:3rem}.contact-form{padding:2rem 1.5rem}.info-card{padding:1.5rem}}.footer{background:radial-gradient(ellipse at top left,#0d649926 0,#0000 50%),radial-gradient(ellipse at bottom right,#1920724d 0,#0000 60%),linear-gradient(135deg,#0f1e3d,#1a2d52 50%,#0f1e3d);color:#fff;overflow:hidden}.footer-display{border-bottom:1px solid #ffffff1a;overflow:hidden;padding:4rem 0}.display-text{align-items:center;animation:displayScroll 40s linear infinite;color:#ffffff26;display:flex;font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,4rem);font-weight:700;gap:2rem;white-space:nowrap;width:-webkit-max-content;width:max-content}.display-dot{color:#28a86066}@keyframes displayScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.footer-container{margin:0 auto;max-width:1400px;padding:4rem 2rem 2rem}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.footer-column-title{color:#28a860;font-family:Space Mono,monospace;font-size:.875rem;letter-spacing:.15em;margin:0 0 1.5rem;text-transform:uppercase}.footer-content{display:flex;flex-direction:column;gap:1rem}.footer-item{align-items:flex-start;color:#fffc;display:flex;gap:.75rem}.footer-item svg{flex-shrink:0;margin-top:.25rem}.footer-text{color:#fffc;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;margin:0;text-decoration:none;transition:color .3s ease}a.footer-text:hover{color:#28a860}.footer-text-secondary{color:#ffffff80;font-size:.85rem}.footer-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{color:#fffc;display:inline-block;font-family:Inter,sans-serif;font-size:.95rem;text-decoration:none;transition:color .3s ease,padding-left .3s ease}.footer-link:hover{color:#28a860;padding-left:.5rem}.footer-map{border-radius:8px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 0 0}.footer-bottom,.footer-brand{align-items:center;display:flex}.footer-brand{gap:.875rem}.footer-logo{display:block;flex-shrink:0;height:32px;object-fit:contain;width:32px}.footer-copyright{color:#fff9;margin:0}.footer-copyright,.footer-top-button{font-family:Inter,sans-serif;font-size:.875rem}.footer-top-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background .3s ease,border-color .3s ease}.footer-top-button:hover{background:#ffffff26;border-color:#fff6}@media (max-width:768px){.footer-display{padding:3rem 1.5rem}.footer-container{padding:3rem 1.5rem 1.5rem}.footer-grid{gap:2.5rem;grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:1rem}.footer-top-button{justify-content:center;width:100%}}.whatsapp-button{align-items:center;animation:whatsappPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#25d366,#20ba5a);border:none;border-radius:50px;bottom:30px;box-shadow:0 10px 30px #25d36666;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.75rem;position:fixed;right:30px;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.whatsapp-button:hover{animation:none;box-shadow:0 15px 40px #25d36680;transform:translateY(-3px) scale(1.05)}.whatsapp-button:active{transform:translateY(-1px) scale(1.02)}.whatsapp-icon{flex-shrink:0}.whatsapp-text{white-space:nowrap}@keyframes whatsappPulse{0%,to{box-shadow:0 10px 30px #25d36666}50%{box-shadow:0 10px 35px #25d36699}}@media (max-width:768px){.whatsapp-button{bottom:20px;font-size:.9rem;padding:.875rem 1.5rem;right:20px}.whatsapp-icon{height:24px;width:24px}}@media (max-width:480px){.whatsapp-button{font-size:.85rem;padding:.75rem 1.25rem}.whatsapp-text{display:none}.whatsapp-button{border-radius:50%;height:56px;justify-content:center;padding:0;width:56px}.whatsapp-icon{margin:0}}.scrolled .nav-number{color:#1f7d4a}.client-service-label,.testimonials-kicker,.team-position,.form-number,.step-number,.counter-current,.results-counter .counter-current,.attribute-label{color:#1f7d4a}.mobile-menu-toggle{min-width:44px;min-height:44px}.team-social{min-width:44px;min-height:44px}@media (max-width:768px){.nav-link{min-height:44px;display:flex;align-items:center}}.dot,.testimonial-dot,.results-dot{position:relative}.dot::after,.testimonial-dot::after,.results-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}


/* ==========================================================================
   correcciones-a11y.css — Ecosistemas Empresariales SCS
   --------------------------------------------------------------------------
   Correcciones de accesibilidad y viewport móvil aplicadas tras el
   diagnóstico externo de julio de 2026.

   Se carga DESPUÉS de main.css y sobrescribe por cascada. No modifica el
   bundle original, por lo que puede revisarse y auditarse de forma aislada.

   Índice
     1. Altura de viewport en móvil (dvh)
     2. Zonas seguras (notch y barra de gestos)
     3. Foco visible por teclado
     4. Enlace "Saltar al contenido"
     5. Movimiento reducido (prefers-reduced-motion)
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. ALTURA DE VIEWPORT EN MÓVIL
   La barra de direcciones de iOS y Android cambia de tamaño al hacer scroll,
   por lo que 100vh recorta contenido o deja huecos. La unidad dvh se ajusta
   dinámicamente. Se declara 100vh primero como respaldo para navegadores
   que no soportan dvh.
   -------------------------------------------------------------------------- */

.hero {
  min-height: 100vh;
  min-height: 100dvh;
}

/* .nav-links solo tiene altura completa cuando es el cajón lateral en móvil.
   En escritorio es una lista horizontal dentro de .nav-container, que usa
   align-items:center. Si se le da altura de viewport fuera de esta media
   query, estira la barra completa y centra el menú a media pantalla. */
@media (max-width: 768px) {
  .nav-links {
    height: 100vh;
    height: 100dvh;
  }
}


/* --------------------------------------------------------------------------
   2. ZONAS SEGURAS
   Nota importante: env(safe-area-inset-*) solo devuelve un valor distinto de
   cero cuando la etiqueta viewport incluye viewport-fit=cover. Este sitio NO
   lo incluye deliberadamente, así que el navegador ya recorta el área segura
   por su cuenta y el contenido nunca queda bajo el notch.

   Estas reglas se conservan con respaldo 0px como salvaguarda: si algún día
   se activa viewport-fit=cover, el botón flotante seguirá respetando la barra
   de gestos sin necesidad de tocar nada. Hoy no alteran la posición.

   No se añade padding a .navigation: la barra ya está correctamente situada,
   y hacerlo entraría en conflicto con .navigation.scrolled, que tiene mayor
   especificidad y redefine el padding al hacer scroll.
   -------------------------------------------------------------------------- */

.whatsapp-button {
  bottom: calc(30px + env(safe-area-inset-bottom, 0px));
  right:  calc(30px + env(safe-area-inset-right,  0px));
}

@media (max-width: 768px) {
  .whatsapp-button {
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    right:  calc(20px + env(safe-area-inset-right,  0px));
  }
}


/* --------------------------------------------------------------------------
   3. FOCO VISIBLE POR TECLADO
   :focus-visible se activa solo en navegación por teclado, no al hacer clic
   con el ratón, por lo que no altera la estética para el usuario habitual.
   Color Azul Corporativo sobre fondos claros y blanco sobre fondos oscuros.
   -------------------------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #0D6499;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Sobre fondos oscuros el azul corporativo no contrasta lo suficiente */
.hero a:focus-visible,
.hero button:focus-visible,
.navigation a:focus-visible,
.navigation button:focus-visible,
.footer a:focus-visible,
.footer button:focus-visible,
.whatsapp-button:focus-visible {
  outline-color: #FFFFFF;
}

/* El menú lateral en móvil tiene fondo blanco: se restaura el azul */
@media (max-width: 768px) {
  .nav-links a:focus-visible {
    outline-color: #0D6499;
  }
}

/* Anula cualquier outline:none heredado sin afectar al usuario de ratón */
:focus:not(:focus-visible) {
  outline: none;
}


/* --------------------------------------------------------------------------
   4. ENLACE "SALTAR AL CONTENIDO"
   Oculto hasta recibir foco. Permite a quien navega con teclado saltarse
   la navegación y llegar directamente al contenido principal.
   -------------------------------------------------------------------------- */

.skip-link {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 10001;
  padding: 0.875rem 1.5rem;
  background: #192072;
  color: #FFFFFF;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0 0 8px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.skip-link:focus {
  left: 0;
}


/* --------------------------------------------------------------------------
   5. MOVIMIENTO REDUCIDO
   Se respeta la preferencia del sistema operativo para personas con
   sensibilidad vestibular, migraña o epilepsia fotosensible.

   5a. Neutraliza animaciones y transiciones CSS.
   5b. GSAP anima mediante estilos inline, que la regla anterior no alcanza.
       Se fuerza el estado final visible con !important, que sí tiene
       prioridad sobre un estilo inline sin !important.
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  /* 5a — animaciones y transiciones CSS */
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }

  /* El carrusel de logos de clientes se detiene en lugar de desplazarse */
  .clients-marquee,
  .clients-track {
    animation: none !important;
    transform: none !important;
  }

  /* 5b — elementos animados por GSAP: se muestran en su estado final */
  .hero-kicker,
  .hero-title-line,
  .hero-slogan,
  .hero-cta,
  .about-section,
  .about-number,
  .about-title,
  .about-lead,
  .about-description,
  .services-section,
  .services-number,
  .services-title,
  .results-section,
  .results-number,
  .results-header-content h2,
  .whyus-grid,
  .whyus-card,
  .methodology-timeline,
  .methodology-step,
  .team-section,
  .team-number,
  .team-grid,
  .team-card,
  .team-header-content h2,
  .contact-section,
  .contact-info,
  .contact-form {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    clip-path: none !important;
  }

  /* La pantalla de bienvenida no debe bloquear el acceso al contenido */
  .splash-screen {
    display: none !important;
  }
}


/* --------------------------------------------------------------------------
   6. CAMPOS AÑADIDOS AL FORMULARIO
   Estilos para email, teléfono, consentimiento, honeypot y mensajes de
   estado. Heredan .form-input del diseño original, así que solo se define
   lo que no existía.
   -------------------------------------------------------------------------- */

/* Texto de ayuda bajo un campo */
.form-ayuda {
  margin: 0.4rem 0 0;
  font-size: 0.82rem;
  line-height: 1.4;
  color: #5b6578;
}

/* Honeypot: fuera de la vista pero presente en el DOM. No se usa
   display:none porque muchos robots omiten los campos ocultos así. */
.ee-trampa {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Casilla de autorización de datos */
.form-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.form-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0.15rem 0 0;
  accent-color: #0D6499;
  cursor: pointer;
}

.form-consent label {
  font-size: 0.86rem;
  line-height: 1.5;
  color: #5b6578;
  cursor: pointer;
}

/* Área táctil cómoda en móvil sin agrandar la casilla visualmente */
@media (max-width: 768px) {
  .form-consent {
    padding: 0.5rem 0;
  }
  .form-consent input[type="checkbox"] {
    width: 22px;
    height: 22px;
  }
}

/* Mensajes de estado tras enviar */
.ee-estado {
  margin-top: 1.25rem;
  padding: 1rem 1.15rem;
  border-radius: 10px;
  border-left: 4px solid;
  font-size: 0.92rem;
  line-height: 1.55;
}

.ee-estado[hidden] { display: none; }

.ee-estado--cargando {
  background: #eef4f9;
  border-color: #0D6499;
  color: #192072;
}

.ee-estado--exito {
  background: #eaf7f0;
  border-color: #1f7d4a;
  color: #14603a;
}

.ee-estado--error {
  background: #fdf0ee;
  border-color: #c0392b;
  color: #8e2b20;
}

.ee-estado ul {
  margin: 0.6rem 0 0;
  padding-left: 1.15rem;
}

.ee-estado li { margin-bottom: 0.25rem; }

/* Enlace de continuidad hacia WhatsApp */
.ee-wa {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 0.85rem;
  padding: 0.65rem 1.25rem;
  border-radius: 50px;
  background: #1f7d4a;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background 0.25s ease;
}

.ee-wa:hover,
.ee-wa:focus-visible { background: #14603a; }


.navigation .nav-links {
  gap: 0.75rem;
}

.navigation .nav-link,
.navigation .nav-cta {
  white-space: nowrap;
}

.navigation .nav-intranet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 44px;
  padding: 0.65rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 4px;
  color: #ffffff;
  font-family: "Source Sans 3", Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.navigation.scrolled .nav-intranet {
  border-color: #1f7d4a;
  color: #1f7d4a;
}

.navigation .nav-intranet:hover,
.navigation.scrolled .nav-intranet:hover {
  background: #1f7d4a;
  border-color: #1f7d4a;
  color: #ffffff;
}

.navigation .nav-intranet:focus-visible {
  outline: 3px solid #28a860;
  outline-offset: 3px;
}

@media (max-width: 1360px) {
  .navigation .mobile-menu-toggle {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }

  .navigation:has(.nav-links.mobile-open) .mobile-menu-toggle {
    color: #192072;
  }

  .navigation .nav-links {
    position: fixed;
    top: 0;
    right: -100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    width: min(320px, 100vw);
    height: 100vh;
    height: 100dvh;
    padding: 5rem 1.5rem 1.5rem;
    overflow-y: auto;
    background: #ffffff;
    box-shadow: -4px 0 8px rgba(15, 30, 61, 0.15);
    transition: right 0.3s ease;
  }

  .navigation .nav-links.mobile-open {
    right: 0;
  }

  .navigation .nav-link {
    min-height: 40px;
    padding: 0.5rem 0;
    color: #192072;
    font-size: 0.95rem;
  }

  .navigation .nav-cta,
  .navigation .nav-intranet {
    width: 100%;
    text-align: center;
  }

  .navigation .nav-intranet {
    border-color: #1f7d4a;
    color: #1f7d4a;
  }
}

@media (max-width: 480px) {
  .navigation .nav-container {
    gap: 0.5rem;
    padding: 0 1rem;
  }

  .navigation .nav-logo {
    gap: 0.5rem;
  }

  .navigation .nav-logo-icon {
    height: 38px;
  }

  .navigation .nav-logo-wordmark,
  .navigation.scrolled .nav-logo-wordmark {
    width: min(191px, 48vw);
    height: 24px;
  }

  .navigation .nav-wordmark-img {
    width: 100%;
    object-fit: contain;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navigation .nav-links,
  .navigation .nav-intranet {
    transition: none;
  }
}




:root {
  --font-titulo: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-cuerpo: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body,
button,
input,
select,
textarea,
.nav-link,
.nav-cta,
.hero-kicker,
.hero-subtitle,
.about-description,
.service-description,
.client-service,
.step-description,
.whyus-description,
.testimonial-quote,
.team-description,
.contact-subtitle,
.form-label,
.form-input,
.info-value,
.footer-text,
.footer-copyright {
  font-family: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
h1, h2, h3,
.hero-title,
.about-title,
.services-title,
.results-title,
.methodology-title,
.whyus-title,
.testimonials-title,
.team-header-content h2,
.contact-title,
.team-name,
.service-title,
.step-title,
.whyus-card-title,
.client-name,
.footer-column-title,
.display-text,
.contact-number,
.about-number,
.team-number {
  font-family: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}
.hero-title {
  font-weight: 850 !important;
  line-height: 0.98 !important;
  text-wrap: balance;
}
.hero-subtitle,
.about-description,
.contact-subtitle {
  text-wrap: pretty;
}
.nav-number,
.form-number,
.step-number,
.counter-current,
.results-counter .counter-current,
.attribute-label,
.testimonials-kicker,
.footer-column-title,
.team-profession {
  font-family: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: .04em !important;
}
.ee-lucide-inline {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: .35rem;
  stroke: currentColor;
  stroke-width: 2.25;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.services-carousel .service-card-single::before,
.service-card-single::before {
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
}

 .hero { min-height: calc(100vh - 28px); min-height: calc(100svh - 28px); }
/* Animate the existing star textures with transforms, not continuous background repaints. */
.hero-pattern, .hero-stars-layer {
  inset: -3%;
  width: 106%;
  height: 106%;
  background-position: 0 0;
  animation: eco-star-drift 40s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.hero-stars-layer { animation-name: eco-star-drift-back; animation-duration: 55s; }
.hero-star, .hero .scroll-line { animation-play-state: paused; }
.hero.eco-motion-running .hero-pattern,
.hero.eco-motion-running .hero-stars-layer,
.hero.eco-motion-running .hero-star,
.hero.eco-motion-running .scroll-line { animation-play-state: running; }
@keyframes eco-star-drift { from { transform: translate3d(-1%, -1%, 0); } to { transform: translate3d(1%, 1%, 0); } }
@keyframes eco-star-drift-back { from { transform: translate3d(1%, -1%, 0); } to { transform: translate3d(-1%, 1%, 0); } }
.hero-trust::before { content: none; }
.hero-cta.secondary { backdrop-filter: none; -webkit-backdrop-filter: none; }
.marquee-content { animation-play-state: paused; }
.marquee-content.eco-marquee-visible { animation-play-state: running; }

.eco-section-motion h2::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 16px;
  background: #28a860;
  transform-origin: left;
  transform: scaleX(0.3);
  transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
.eco-section-arrived h2::after { transform: scaleX(1); }
.eco-section-motion .whyus-header h2::after { margin-left: auto; margin-right: auto; transform-origin: center; }
.methodology-step .step-connector { background: #28a860; opacity: 0.3; }

.eco-services .carousel-content { display: grid; min-width: 0; border-radius: 8px; }
.eco-services .service-card-single {
  grid-area: 1 / 1;
  visibility: hidden;
  pointer-events: none;
  animation: none;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #e7eaf0;
  align-self: stretch;
}
.eco-services .eco-service-active { visibility: visible; pointer-events: auto; }
.eco-services .services-carousel { overflow-anchor: none; margin-bottom: 12px; }
.eco-services .service-name { font-size: 30px; }
.eco-services .carousel-arrow { transition: background-color 180ms, border-color 180ms, color 180ms; }
.eco-services .carousel-arrow:hover,
.eco-services .carousel-arrow:active { transform: none; background: #192072; border-color: #192072; color: white; }
.eco-services button:focus-visible, .eco-carousel-auto input:focus-visible { outline: 3px solid #0d6499; outline-offset: 4px; }
.eco-carousel-controls { display: flex; gap: 20px; align-items: center; justify-content: center; min-height: 44px; }
.eco-services .carousel-dots { gap: 0; }
.eco-services .dot { width: 40px; height: 44px; background: transparent; border-radius: 0; position: relative; transform: none; }
.eco-services .dot::after { content: ''; position: absolute; height: 6px; width: 6px; left: 17px; top: 19px; border-radius: 3px; background: #a1a8ba; transition: width 220ms, left 220ms, background-color 220ms; }
.eco-services .dot.active::after { background: #28a860; width: 24px; left: 8px; }
.eco-services .dot:hover::after { background: #192072; }
.eco-carousel-auto { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; color: #465269; cursor: pointer; }
.eco-carousel-auto input { width: 16px; height: 16px; accent-color: #228c51; margin: 0; }

@media (max-width: 768px) {
  .eco-services .service-name { font-size: 25px; }
  .eco-services .services-carousel { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .eco-services .carousel-content { grid-row: 1; grid-column: 1 / -1; }
  .eco-services .carousel-arrow { display: flex; grid-row: 2; width: 44px; height: 44px; }
  .eco-services .carousel-prev { justify-self: end; }
  .eco-services .carousel-next { justify-self: start; }
  .eco-services .service-card-single { padding: 24px 20px; gap: 16px; }
  .eco-carousel-controls { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-pattern, .hero-stars-layer, .hero-star, .hero .scroll-line, .marquee-content { animation: none !important; }
  .eco-section-motion h2::after { transform: none; transition: none; }
  .eco-services .dot::after { transition: none; }
}


#nosotros.about-section { padding: 88px 32px 64px; background: #fff; scroll-margin-top: 80px; }
#nosotros .about-container {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  column-gap: 60px;
  row-gap: 32px;
  align-items: center;
  max-width: 1200px;
}
#nosotros .about-number { display: none; }
#nosotros .about-content { max-width: none; min-width: 0; }
#nosotros .about-title {
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: 0;
  text-wrap: balance;
  margin-bottom: 28px;
}
#nosotros .about-title::after { content: none; }
.eco-about-growth { display: inline-block; color: #228c51; }
#nosotros .about-lead { margin: 0; font-size: 18px; line-height: 1.8; color: #33465b; }
#nosotros .about-description {
  grid-column: 1 / -1;
  border-top: 1px solid #dbe6e2;
  padding-top: 24px;
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #33465b;
  max-width: 1050px;
}
.eco-about-diagram { width: 100%; aspect-ratio: 500 / 430; position: relative; min-width: 0; }
.eco-about-connections { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.eco-about-connection { fill: none; stroke: #bbd3c8; stroke-width: 1.5; transition: stroke 180ms, stroke-width 180ms; }
.eco-about-connection.is-active { stroke: #228c51; stroke-width: 3; }
.eco-about-center {
  position: absolute;
  left: 34%;
  top: 34%;
  width: 32%;
  text-align: center;
  background: white;
  padding: 4px 0;
}
#nosotros .about-logo { width: 100%; max-width: 158px; height: auto; margin: 0 auto; }
.eco-about-objective { font-size: 12px; line-height: 1.4; color: #33465b; margin: 10px 0 0; font-weight: 600; }
.eco-about-area {
  position: absolute;
  width: 29%;
  min-height: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #192072;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  background: #fff;
  border-radius: 4px;
}
.eco-about-area-0 { left: 4%; top: 9%; }
.eco-about-area-1 { right: 4%; top: 9%; }
.eco-about-area-2 { right: 0; top: 57%; }
.eco-about-area-3 { left: 0; top: 57%; }
.eco-about-area-4 { left: 34%; width: 32%; bottom: 0; }
.eco-about-area-icon { width: 44px; height: 44px; display: grid; place-items: center; background: #eff7f3; border: 1px solid #dbe8e2; border-radius: 8px; color: #228c51; transition: background-color 180ms, color 180ms; }
.eco-about-area:hover .eco-about-area-icon,
.eco-about-area:focus-visible .eco-about-area-icon { background: #228c51; color: white; }
.eco-about-area:focus-visible { outline: 2px solid #0d6499; outline-offset: 5px; }
.eco-about-area-name { max-width: 100%; }
#nosotros ::selection { background: #c9eed9; color: #142a37; }
@media (max-width: 1100px) and (min-width: 901px) {
  #nosotros .about-container { column-gap: 32px; }
  #nosotros .about-title { font-size: 40px; }
  .eco-about-area { font-size: 14px; }
}
@media (max-width: 900px) {
  #nosotros.about-section { padding: 64px 24px 48px; }
  #nosotros .about-container { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
  #nosotros .about-content { max-width: 680px; }
  #nosotros .about-title { font-size: 38px; max-width: 23ch; margin-bottom: 24px; }
  .eco-about-diagram { max-width: 500px; justify-self: center; }
}
@media (max-width: 480px) {
  .eco-about-diagram { aspect-ratio: 500 / 550; }
  #nosotros.about-section { padding: 48px 20px 40px; }
  #nosotros .about-title { font-size: 32px; }
  #nosotros .about-lead { font-size: 17px; line-height: 1.7; }
  #nosotros .about-description { font-size: 15px; line-height: 1.75; }
  .eco-about-area { font-size: 13px; gap: 7px; min-height: 66px; }
  .eco-about-area-icon { width: 40px; height: 40px; }
  .eco-about-objective { font-size: 11px; margin-top: 6px; }
  .eco-about-center { top: 29%; left: 35%; width: 30%; }
}
@media (prefers-reduced-motion: reduce) {
  .eco-about-connection, .eco-about-area-icon { transition: none; }
}