/* ---------- NAV ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,64px);background:transparent;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;border-bottom:1px solid transparent;}
nav.scrolled{background:var(--bg);box-shadow:0 2px 14px rgba(4,52,44,.07);border-bottom-color:var(--border);}
.nav-links{display:flex;align-items:center;gap:26px;}
.nav-links a{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--teal);}
@media(max-width:680px){.nav-links a{display:none;}}

/* ---------- LOGO ---------- */
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;width:fit-content;}
.logo-text{font-family:var(--font-head);font-weight:600;font-size:19px;color:var(--text);}
.logo-icon{width:20px;height:16px;}
.logo-icon path{fill:var(--teal);}

/* ---------- BADGE ---------- */

/* ---------- BOTONES ---------- */
.btn-nav{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--green);color:var(--text);border-radius:var(--radius);font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;}
.btn-nav:hover{background:var(--green-hover);}
.btn-nav svg{width:14px;height:14px;}
@media(max-width:620px){.btn-nav{padding:7px 12px;font-size:12px;gap:6px;}.btn-nav svg{width:13px;height:13px;}}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--green);color:var(--text);font-weight:500;font-size:15px;border-radius:var(--radius);text-decoration:none;transition:background .2s;}
.btn-primary:hover{background:var(--green-hover);}
.btn-primary svg{width:17px;height:17px;}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--white);color:var(--teal);font-weight:500;font-size:15px;border:1.5px solid var(--green);border-radius:var(--radius);text-decoration:none;transition:background .2s;}
.btn-secondary:hover{background:var(--bg-alt);}
.btn-secondary svg{width:14px;height:14px;}

/* ---------- SECTION HEAD ---------- */
.section-head{text-align:center;max-width:580px;margin:0 auto 48px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.section-head.visible{opacity:1;transform:translateY(0);}
.section-head h2{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,4vw,38px);color:var(--text);margin:0;}
.section-head p{margin:10px 0 0;font-size:15.5px;color:var(--muted);}