*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--azul-900: #1a6b8a;--azul-800: #1f7fa3;--azul-700: #29A3D2;--azul-600: #3ab2db;--azul-500: #55c0e4;--azul-400: #72cee9;--azul-300: #97ddf0;--azul-200: #beeaf7;--azul-100: #daf3fb;--azul-50: #edf9fd;--verde-oscuro: #038C7F;--verde-claro: #1AC29E;--verde-oliva: #77B37F;--crema: #F2FCEA;--neutral-950: #161C26;--neutral-900: #222A35;--neutral-800: #333333;--neutral-700: #4A4A4A;--neutral-600: #595959;--neutral-500: #737373;--neutral-400: #9CA3AF;--neutral-300: #C4C9D0;--neutral-200: #E0E3E7;--neutral-100: #F0F2F4;--neutral-50: #F8F9FA;--primary: var(--azul-700);--primary-dark: var(--azul-800);--primary-light: var(--azul-50);--secondary: var(--verde-claro);--accent: var(--verde-oscuro);--accent-dark: #026b61;--bg: #ffffff;--bg-alt: var(--neutral-50);--bg-dark: var(--neutral-950);--text: var(--neutral-800);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--border: var(--neutral-200);--border-light: var(--neutral-100);--font: Helvetica, "Helvetica Neue", Arial, sans-serif;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--radius-xl: 28px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--max-w: 1200px;--nav-h: 120px}@media (max-width: 1280px){:root{--nav-h: 100px}}@media (max-width: 900px){:root{--nav-h: 70px}}html{scroll-behavior:smooth}html{overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--font);font-size:.9rem;font-weight:600;border-radius:100px;border:none;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--verde-oscuro),var(--verde-claro));color:#fff;box-shadow:0 4px 14px #038c7f4d}.btn-primary:hover{box-shadow:0 6px 20px #038c7f73;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-alt);border-color:var(--neutral-300)}.section{padding:96px 0}.section-alt{background:var(--bg-alt)}.section-dark{background:var(--neutral-950);color:#fff}.section-header{text-align:center;max-width:640px;margin:0 auto 56px}.section-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--verde-oscuro);background:#038c7f14;border:1px solid rgba(3,140,127,.18);padding:5px 14px;border-radius:100px;margin-bottom:14px}.section-title{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;color:var(--neutral-900);letter-spacing:-.03em;line-height:1.15;margin-bottom:14px}.gradient-text{background:linear-gradient(135deg,var(--verde-oscuro),var(--verde-claro));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.tag-light{background:#ffffff14;color:var(--verde-claro);border-color:#1ac29e4d}.section-header-light .section-title{color:#fff}.section-header-light .section-desc{color:#ffffff8c}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-hero{background:linear-gradient(135deg,#0a2a1a,#1a4a2e);padding:calc(var(--nav-h) + 2rem) 0 4rem;text-align:center}.page-hero-title{color:#fff!important;font-size:clamp(2rem,5vw,3rem)!important;margin-top:.75rem}.page-hero-desc{color:#ffffffb3!important;max-width:560px;margin:1rem auto 0!important}.page-nav-btns{display:flex;gap:1rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}@media (max-width: 768px){.section{padding:64px 0}}@media (max-width: 480px){.section{padding:48px 0}}
