/* ==========================================================
   MICOVI AI-Labs — landing (paleta oficial micovisport.com)
   ========================================================== */
:root{
  --gold:#F5C518; --blue:#1A3A8F; --red:#C0392B;
  --black:#000000; --dark:#0a0a0a; --panel:#111318;
  --white:#FFFFFF; --gray:#9aa3b2;
  --glass:rgba(255,255,255,0.04); --glass-border:rgba(255,255,255,0.09);
  --gold-glow:0 0 40px rgba(245,197,24,0.25);
  --tr:all .35s cubic-bezier(.4,0,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;background:var(--dark);color:var(--white);
  line-height:1.65;overflow-x:hidden;
}
h1,h2,h3{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.1}
a{color:inherit;text-decoration:none}
.gold{color:var(--gold)}
.grad{background:linear-gradient(100deg,var(--gold),#ffe27a);-webkit-background-clip:text;background-clip:text;color:transparent}

/* NAV */
.nav{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px 6vw;background:rgba(10,10,10,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--glass-border);
}
.brand{display:flex;align-items:center;gap:12px;font-family:'Montserrat';font-weight:800;letter-spacing:.5px}
.brand img{height:42px;width:auto;filter:drop-shadow(0 0 10px rgba(245,197,24,.25))}
.brand b{color:var(--gold)}
.links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}
.links a{color:var(--gray);transition:var(--tr)}
.links a:hover{color:var(--white)}
.btn-ghost{border:1px solid var(--glass-border);padding:8px 14px;border-radius:10px;color:var(--white)!important}
.btn-ghost:hover{border-color:var(--gold);box-shadow:var(--gold-glow)}
@media(max-width:820px){.links a:not(.btn-ghost){display:none}}

/* HERO */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  filter:grayscale(.2) brightness(.42);transform:scale(1.05)}
.hero:after{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 80% at 20% 40%,rgba(26,58,143,.35),transparent 60%),
             linear-gradient(180deg,rgba(10,10,10,.55),rgba(10,10,10,.96))}
.hero-inner{position:relative;z-index:2;padding:0 6vw;max-width:1200px;margin:0 auto;width:100%}
.hero-text{max-width:720px}
.kicker{display:inline-block;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12.5px;
  color:var(--gold);border:1px solid rgba(245,197,24,.35);padding:6px 14px;border-radius:30px;margin-bottom:22px}
.hero h1{font-size:clamp(38px,6.5vw,76px);font-weight:900;letter-spacing:-1px}
.hero p{margin:22px 0 30px;font-size:clamp(16px,2vw,20px);color:#d6dbe4;max-width:600px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.btn-gold{background:linear-gradient(100deg,var(--gold),#ffd94a);color:#1a1400;font-weight:800;
  padding:14px 28px;border-radius:12px;transition:var(--tr);box-shadow:var(--gold-glow)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn-line,.btn-line:visited{border:1.5px solid var(--glass-border);padding:14px 26px;border-radius:12px;
  font-weight:700;transition:var(--tr)}
.btn-line:hover{border-color:var(--gold);color:var(--gold)}
.badges{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;color:var(--gray);font-size:14px;font-weight:500}

/* SECTIONS */
.section{padding:110px 6vw;max-width:1200px;margin:0 auto}
.section.alt{background:linear-gradient(180deg,transparent,rgba(26,58,143,.06),transparent);max-width:none}
.section-head{text-align:center;max-width:680px;margin:0 auto 56px}
.eyebrow{color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:12.5px}
.section-head h2,.split-text h2{font-size:clamp(28px,4vw,46px);margin:12px 0 14px}
.section-head p{color:var(--gray);font-size:17px}

/* CARDS */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:30px;
  transition:var(--tr);position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);border-color:rgba(245,197,24,.4);box-shadow:var(--gold-glow)}
.ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:28px;margin-bottom:18px}
.ic-gold{background:rgba(245,197,24,.14);border:1px solid rgba(245,197,24,.3)}
.ic-blue{background:rgba(26,58,143,.20);border:1px solid rgba(74,127,255,.35)}
.ic-red{background:rgba(192,57,43,.16);border:1px solid rgba(192,57,43,.35)}
.card h3{font-size:20px;margin-bottom:10px}
.card p{color:var(--gray);font-size:15px}

/* SPLIT (tecnología) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1200px;margin:0 auto}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:36px}}
.split-media{position:relative}
.split-media img{width:100%;border-radius:20px;border:1px solid var(--glass-border);display:block}
.split-media .glow{position:absolute;inset:-20px;z-index:-1;background:radial-gradient(circle,rgba(245,197,24,.22),transparent 65%);filter:blur(30px)}
.ticks{list-style:none;margin:22px 0}
.ticks li{padding:8px 0 8px 32px;position:relative;color:#d6dbe4}
.ticks li:before{content:"✔";position:absolute;left:0;color:var(--gold);font-weight:900}
.stack{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.stack span{background:var(--glass);border:1px solid var(--glass-border);padding:7px 14px;border-radius:30px;font-size:13px;color:var(--gray)}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px}
.stat{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:32px;text-align:center}
.stat b{display:block;font-family:'Bebas Neue',sans-serif;font-size:58px;line-height:1;color:var(--gold);letter-spacing:1px}
.stat span{color:var(--gray);font-size:14px}

/* CTA BAND */
.cta-band{text-align:center;padding:100px 6vw;
  background:radial-gradient(70% 120% at 50% 0%,rgba(26,58,143,.28),transparent 60%),var(--panel);
  border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}
.cta-band h2{font-size:clamp(26px,4vw,42px);max-width:760px;margin:0 auto 12px}
.cta-band p{color:var(--gray);margin-bottom:28px}
.cta-band .cta{justify-content:center}

/* FOOTER */
.foot{text-align:center;padding:54px 6vw;color:var(--gray)}
.foot img{height:70px;margin-bottom:16px;opacity:.9}
.foot .small{font-size:13px;opacity:.7;margin-top:8px}

/* AOS fallback */
[data-aos]{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
[data-aos].aos-animate,.no-aos [data-aos]{opacity:1;transform:none}