@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-petroleo:#084556;--color-petroleo-dark:#052d38;--color-lima:#e6ff28;--color-lima-dark:#b8d900;--color-blanco-hueso:#f9f7f2;--color-gris:#898a8d;--color-dark:#0a1628;--font-display:"DM Serif Display", serif;--font-ui:"Plus Jakarta Sans", sans-serif;--transition:all .6s cubic-bezier(.16, 1, .3, 1);--radius:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--color-blanco-hueso);color:var(--color-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}nav{z-index:1000;width:100%;height:80px;transition:var(--transition);align-items:center;display:flex;position:fixed;top:0;left:0}nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#084556f2;border-bottom:1px solid #ffffff1a;height:70px}.nav-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-display);color:#fff;font-size:24px;font-weight:700;text-decoration:none}.logo span{color:var(--color-lima)}.btn-nav{color:#fff;transition:var(--transition);border:1px solid #fff3;border-radius:12px;align-items:center;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-nav:hover{background:var(--color-lima);color:var(--color-petroleo);border-color:var(--color-lima)}.hero{background-color:var(--color-petroleo);color:#fff;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;max-width:850px;position:relative}.hero h1{font-family:var(--font-display);margin-bottom:32px;font-size:clamp(48px,8vw,88px);line-height:1.05}.hero h1 .accent{color:var(--color-lima)}.hero-sub{color:#ffffffb3;max-width:650px;margin-bottom:56px;font-size:clamp(18px,2vw,22px)}.btn-primary{background:var(--color-lima);color:var(--color-petroleo);transition:var(--transition);border-radius:16px;align-items:center;gap:12px;padding:18px 32px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.hero-badges{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:16px;margin-top:32px;font-size:12px;font-weight:600;display:flex}.dot{background:var(--color-lima);border-radius:50%;width:4px;height:4px}.sec{padding:120px 0;position:relative}.sec-title{font-family:var(--font-display);color:var(--color-petroleo);text-align:center;margin-bottom:72px;font-size:clamp(36px,6vw,54px)}.sec-title .accent{color:var(--color-lima-dark)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.sit-card{border-radius:var(--radius);transition:var(--transition);background:#fff;border:1px solid #0845560d;padding:48px;box-shadow:0 10px 30px #0845560a}.sit-card:hover{border-color:var(--color-lima);box-shadow:0 30px 60px #0845561a}.sit-card h3{font-family:var(--font-display);color:var(--color-petroleo);margin-top:32px;margin-bottom:20px;font-size:24px}.sit-card p{color:var(--color-gris);font-size:16px;line-height:1.7}.bg-glow{z-index:-1;background:var(--color-blanco-hueso);position:fixed;inset:0;overflow:hidden}