:root{
      --primary:#0a66c2; --primary-700:#094f95; --accent:#1da1f2;
      --dark:#0b1320; --muted:#64748b; --bg:#f8fafc; --white:#ffffff;
      --shadow:0 10px 30px rgba(2,6,23,.08); --radius:18px; --header-h:78px;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{
      margin:0; font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif; 
      color:#0f172a; background:var(--bg)
    }
    a{text-decoration:none; color:inherit} img{max-width:100%; display:block}

    /* Header fijo */
    .header{position:fixed; inset:0 0 auto 0; height:var(--header-h); z-index:1000; background:rgba(255,255,255,.86); backdrop-filter:saturate(140%) blur(8px); box-shadow:0 1px 0 rgba(15,23,42,.06)}
    .container{max-width:1200px; margin:0 auto; padding:0 20px}
    .nav{display:flex; align-items:center; justify-content:space-between; height:var(--header-h)}
    .brand{display:flex; align-items:center; gap:12px}
    .brand img{height:50px; width:300px; border-radius:20px; object-fit:cover}
    .brand .name{font-weight:800; letter-spacing:.2px}
    .menu{display:flex; align-items:center; gap:28px}
    .menu a{font-weight:600; color:#0b1320; opacity:.85}
    .menu a:hover{color:var(--primary)}
    .burger{display:none; background:none; border:0; font-size:26px}
    @media (max-width:900px){.menu{display:none} .burger{display:block} .mobile{position:fixed; top:var(--header-h); left:0; right:0; background:var(--white); border-bottom:1px solid rgba(15,23,42,.06); display:none} .mobile.open{display:block} .mobile a{display:block; padding:16px 20px; border-top:1px solid rgba(15,23,42,.06); font-weight:600} .mobile a:hover{background:#f1f5f9}}

    section{scroll-margin-top:calc(var(--header-h) + 20px)}

    /* Hero */
    .hero{min-height:calc(100dvh - var(--header-h)); display:grid; place-items:center; padding:110px 20px 80px; background:
      radial-gradient(80% 60% at 50% 0%, rgba(29,161,242,.12), transparent 70%),
      linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      position:relative; overflow:hidden}
    .hero::before{content:""; position:absolute; inset:-20% -10% auto; height:120%; background:url('https://media.licdn.com/dms/image/v2/C5612AQG_7YHFjDykUQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1619182170307?e=2147483647&v=beta&t=cQtkPQEGBEqKEsPdosKL5HL4NrVeSv88bGjd2A_MGC0') center/cover no-repeat; opacity:.16; filter:grayscale(30%)}
    .hero-inner{position:relative; z-index:1; text-align:center; max-width:950px}
    .badge{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; background:var(--white); border:1px solid #e2e8f0; border-radius:999px; box-shadow:var(--shadow); font-size:12px; color:var(--muted)}
    .hero h1{font-size:clamp(30px,6vw,56px); margin:18px 0 12px; line-height:1.08}
    .hero p{font-size:clamp(16px,2.4vw,20px); color:#334155; margin:0 auto 28px; max-width:780px}
    .cta{display:inline-flex; align-items:center; gap:12px; padding:14px 20px; border-radius:999px; background:var(--primary); color:var(--white); font-weight:700; box-shadow:var(--shadow)}
    .cta:hover{background:var(--primary-700)}
    .cta.secondary{background:#0f172a}
    .logos{display:grid; grid-template-columns:repeat(5,1fr); gap:24px; align-items:center; opacity:.8; margin-top:36px}
    .logos img{height:28px; margin:0 auto; filter:grayscale(100%); opacity:.8}
    @media(max-width:800px){.logos{grid-template-columns:repeat(3,1fr)}}

    /* Secciones */
    .section{padding:80px 20px}
    .grid{display:grid; grid-template-columns:1.15fr 1fr; gap:40px}
    .card{background:var(--white); border:1px solid #e2e8f0; border-radius:var(--radius); box-shadow:var(--shadow)}
    .card .content{padding:28px}
    .kicker{color:var(--primary); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.12em}
    .title{font-size:clamp(22px,3.6vw,34px); margin:8px 0 12px}
    .text{color:#475569; line-height:1.7}
    .illus{border-radius:var(--radius); overflow:hidden}
    .illus img{width:100%; height:100%; object-fit:cover}
    @media(max-width:1000px){.grid{grid-template-columns:1fr;}}
    .features{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:12px}
    .feature{padding:22px; border-radius:16px; background:linear-gradient(180deg,#ffffff, #f7fafc); border:1px solid #e2e8f0}
    .feature i{font-size:22px; margin-bottom:10px; color:var(--primary)}
    .feature h4{margin:6px 0 8px}
    .feature p{color:#475569}
    @media(max-width:900px){.features{grid-template-columns:1fr}}
    .form{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:10px}
    .form .full{grid-column:1/-1}
    label{font-size:13px; font-weight:600; color:#334155}
    input, textarea{width:100%; padding:12px 14px; border-radius:12px; border:1px solid #cbd5e1; background:#fff; font:inherit}
    textarea{min-height:130px; resize:vertical}
    .btn{background:var(--primary); color:#fff; border:0; padding:14px 18px; border-radius:12px; font-weight:700; cursor:pointer}
    .btn:hover{background:var(--primary-700)}
    .map{height:380px; border-radius:var(--radius); overflow:hidden; border:1px solid #e2e8f0}
    .map iframe{width:100%; height:100%; border:0}
    footer{padding:28px 20px 90px; color:#475569}
    .footer-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
    .social a{margin-right:12px; font-size:20px; color:#334155}
    .social a:hover{color:var(--primary)}
    .wa-wrap{position:fixed; right:18px; bottom:18px; z-index:1100; display:flex; align-items:center; gap:10px}
    .wa-label{opacity:0; transform:translateX(12px); transition:.25s; background:#25d366; color:#fff; padding:10px 14px; border-radius:12px; font-weight:700; box-shadow:var(--shadow); white-space:nowrap}
    .wa{display:grid; place-items:center; width:58px; height:58px; background:#25d366; border-radius:50%; color:#fff; font-size:28px; box-shadow:0 12px 30px rgba(37,211,102,.35)}
    .wa:hover{filter:brightness(0.95)}
    .wa-wrap:hover .wa-label{opacity:1; transform:translateX(0)}
    .muted{color:#64748b} .spacer{height:16px}