:root{--navy:#06162f;--navy2:#0b315f;--blue:#087eff;--text:#0f1d33;--muted:#68768c;--line:#e7edf5;--bg:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,40px);background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eef2f7}.brand img{width:240px;display:block}.top nav{display:flex;align-items:center;gap:28px}.top nav a{text-decoration:none;color:#25334a;font-weight:700}.top nav .login{color:var(--blue)}.cta{background:linear-gradient(135deg,#087eff,#0469df);color:#fff!important;padding:12px 19px;border-radius:9px;text-decoration:none;font-weight:800;box-shadow:0 9px 24px rgba(8,126,255,.2)}.menu{display:none}.hero{min-height:600px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:70px max(6vw,50px);background:radial-gradient(circle at 80% 15%,rgba(33,133,255,.26),transparent 22%),linear-gradient(120deg,#041329,#082a52);color:#fff;overflow:hidden}.hero-copy{max-width:700px}.hero small,.section-head small,.companies small,.start small,.contact small{letter-spacing:3px;font-weight:800;color:#4fa6ff}.hero h1{font-size:clamp(46px,5.3vw,78px);line-height:1.02;margin:18px 0 20px}.hero h1 span{color:#1595ff}.hero p{color:#d1def0;font-size:20px;max-width:660px}.hero-actions{display:flex;gap:13px;margin:30px 0}.big{padding:15px 24px}.ghost{border:1px solid #7694b6;color:#fff;padding:14px 22px;border-radius:9px;text-decoration:none;font-weight:800}.trust{display:flex;gap:26px;color:#b9cce4;font-size:13px;margin-top:34px}.hero-art{height:480px;position:relative;display:grid;place-items:center}.screen{position:relative;z-index:2;width:min(520px,90%);aspect-ratio:16/10;border:8px solid #172b45;border-radius:18px;background:linear-gradient(135deg,#071c38,#0b4077);box-shadow:0 35px 90px rgba(0,0,0,.45);display:grid;place-items:center;text-align:center;transform:perspective(800px) rotateY(-7deg)}.screen img{width:58%;max-width:280px;height:auto;display:block;filter:none;object-fit:contain;background:#fff;padding:12px 16px;border-radius:12px}.screen p{text-transform:uppercase;letter-spacing:3px;font-size:11px}.orb{position:absolute;width:420px;height:420px;border-radius:50%;background:#0b70d4;filter:blur(60px);opacity:.25}.section{padding:85px max(6vw,50px)}.section-head{max-width:760px}.section-head h2,.companies h2,.clients h2,.start h2,.contact h2{font-size:36px;line-height:1.15;margin:10px 0}.section-head p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{border:1px solid var(--line);border-radius:16px;padding:27px;background:#fff;box-shadow:0 10px 35px rgba(22,47,88,.05)}.cards i{font-style:normal;color:var(--blue);font-size:28px}.cards h3{font-size:18px}.cards p{color:var(--muted)}.companies{padding:70px max(6vw,50px);background:#f4f8fd}.company-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:34px;border-top:1px solid #dfe8f3;padding-top:28px}.company-row b{font-size:17px;color:#34506f}.clients{padding:75px max(6vw,50px)}.client-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.client-types span{border:1px solid var(--line);border-radius:12px;padding:17px;text-align:center;font-weight:800;background:#fff}.start{margin:0 max(5vw,40px) 70px;border-radius:22px;background:linear-gradient(120deg,#06152d,#0b3c76);color:#fff;padding:48px 54px;display:flex;justify-content:space-between;align-items:center;gap:30px}.start p{color:#c5d4ea;max-width:720px}.contact{padding:70px max(6vw,50px);display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.contact p{color:var(--muted);font-size:17px}.contact-box{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:27px;display:grid;gap:7px}.contact-box strong{font-size:22px}.contact-box span{color:var(--muted)}.contact-box a{color:var(--blue);font-weight:800;text-decoration:none;margin-top:12px}footer{background:#061329;color:#9cb0cb;padding:28px max(6vw,50px);display:flex;align-items:center;gap:24px}footer img{width:140px;max-width:140px;height:auto;display:block;filter:none;object-fit:contain;background:#fff;padding:8px 10px;border-radius:10px;flex:0 0 auto}footer p{margin-right:auto}.chat-launch{position:fixed;right:22px;bottom:22px;z-index:30;border:0;background:var(--blue);color:#fff;border-radius:30px;padding:14px 17px;font:700 14px inherit;box-shadow:0 14px 35px rgba(0,80,180,.3);cursor:pointer}.chat{display:none;position:fixed;right:22px;bottom:82px;width:350px;max-width:calc(100vw - 28px);z-index:31;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(5,25,55,.28);overflow:hidden;border:1px solid var(--line)}.chat.open{display:block}.chat-head{background:#071a37;color:#fff;padding:16px;display:flex;justify-content:space-between}.chat-head small{display:block;color:#8ec7ff}.chat-close{background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.chat-body{padding:17px}.bot{background:#f1f5fa;padding:12px 13px;border-radius:12px;margin-bottom:13px}.chat-options{display:flex;flex-wrap:wrap;gap:7px}.chat-options button{border:1px solid #d6e2f2;background:#fff;border-radius:20px;padding:8px 11px;color:#174b85;cursor:pointer}.chat-result{margin-top:13px}.chat-result p{margin:0 0 12px}.chat-result a{display:block;text-align:center;background:var(--blue);color:#fff;padding:11px;border-radius:9px;text-decoration:none;font-weight:800}
@media(max-width:1000px){.top nav{gap:14px}.top nav>a:not(.login):not(.cta){display:none}.hero{grid-template-columns:1fr}.hero-art{height:380px}.cards{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.start{align-items:flex-start}.client-types{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.top{height:68px;padding:0 16px}.brand img{width:185px}.top nav{display:none}.menu{display:block;border:0;background:none;font-size:26px}.top.open nav{display:grid;position:absolute;left:0;right:0;top:68px;background:#fff;padding:20px;gap:13px;border-bottom:1px solid var(--line)}.top.open nav>a{display:block!important}.hero{padding:60px 22px}.hero h1{font-size:46px}.hero p{font-size:17px}.trust{display:grid;gap:8px}.hero-art{height:300px}.section,.companies,.clients,.contact{padding:60px 22px}.cards,.client-types{grid-template-columns:1fr}.start{margin:0 16px 55px;padding:34px 24px;display:block}.start .cta{display:inline-block;margin-top:15px}footer{display:grid;padding:26px 22px}footer p{margin:0}.chat-launch span{display:none}}

@media(max-width:620px){.screen img{width:62%;max-width:220px}.top .brand img{width:185px}footer img{width:125px;max-width:125px}}
/* ===== NSPTECH LOGOS - FINAL FIX ===== */

/* Header */
.top .brand img {
    width: 130px !important;
    max-width: 130px !important;
    height: auto !important;
    display: block !important;
    filter: none !important;
}

/* Logo dentro de la tarjeta azul */
.screen img {
    width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
    display: block !important;
    filter: none !important;
    background: #ffffff !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    object-fit: contain !important;
}

/* Logo del footer */
footer img {
    width: 115px !important;
    max-width: 115px !important;
    height: auto !important;
    display: block !important;
    filter: none !important;
    background: #ffffff !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
}

/* Celular */
@media (max-width: 620px) {
    .top .brand img {
        width: 115px !important;
        max-width: 115px !important;
    }

    .screen img {
        width: 145px !important;
        max-width: 145px !important;
    }

    footer img {
        width: 105px !important;
        max-width: 105px !important;
    }
}