:root{--bg:#050a10;--panel:#09131d;--blue:#00aaff;--blue2:#087cf0;--text:#f5f8fb;--muted:#94a4b4;--line:#172838}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 70% 10%,#06223a 0,#050a10 34%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.nav{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#050a10e8;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(15px)}.brand{width:150px;height:65px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;transform:scale(1.45)}nav{display:flex;gap:30px;align-items:center}nav a{color:#cbd6df;text-decoration:none;font-size:14px}.menu{display:none;background:none;border:0;color:white;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 30px #009fff25;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px #009fff3d}.btn.small{padding:10px 17px}.btn.ghost{background:#ffffff08;border:1px solid #ffffff1f;box-shadow:none}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1250px;margin:auto;padding:70px 35px;position:relative}.hero-copy{z-index:2}.eyebrow{color:#23b7ff;font-size:12px;font-weight:800;letter-spacing:2.5px}.hero h1,.section h2,.cta h2{font-size:clamp(43px,6vw,78px);line-height:1.02;margin:18px 0;font-weight:750;letter-spacing:-2.8px}.section h2,.cta h2{font-size:clamp(35px,4.5vw,58px)}em{font-style:normal;color:#17aefb}.hero p,.lead,.cta p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin:32px 0}.trust{display:flex;gap:25px;color:#7f93a4;font-size:13px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.hero-logo{position:relative;width:100%;z-index:3}.hero-logo:before{content:'';position:absolute;inset:15%;background:#00aaff35;filter:blur(70px);border-radius:50%;animation:pulse 4s ease-in-out infinite}.hero-logo img{width:100%;position:relative;filter:drop-shadow(0 30px 50px #000);animation:floatLogo 6s ease-in-out infinite}.orbital{position:absolute;width:440px;height:440px;border:1px solid #1dafff22;border-radius:50%;animation:spin 22s linear infinite}.orbital:before,.orbital:after{content:'';position:absolute;border:1px solid #1dafff16;border-radius:50%;inset:42px}.orbital:after{inset:92px}.orbital span{position:absolute;width:7px;height:7px;border-radius:50%;background:#20b7ff;box-shadow:0 0 20px #00aaff}.orbital span:nth-child(1){left:28px;top:128px}.orbital span:nth-child(2){right:48px;bottom:90px}.orbital span:nth-child(3){left:210px;top:-4px}.mini-card{position:absolute;z-index:5;min-width:180px;padding:13px 15px;border:1px solid #1e80b755;background:#07131dcc;backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 18px 50px #0008}.mini-card small,.mini-card strong{display:block}.mini-card small{color:#4d88a8;font-size:9px;letter-spacing:1.5px}.mini-card strong{font-size:13px;margin-top:5px}.mini-card i{position:absolute;right:12px;top:17px;color:#20b4ff;font-style:normal}.card-one{left:3%;top:22%;animation:floatCard 5s ease-in-out infinite}.card-two{right:-2%;bottom:18%;animation:floatCard 5s 1.2s ease-in-out infinite}.tech-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.55}.circuit{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#0ca7fa66,transparent);transform-origin:left}.c1{width:360px;left:-140px;top:26%;transform:rotate(18deg)}.c2{width:460px;right:-160px;bottom:28%;transform:rotate(-24deg)}.c3{width:280px;left:38%;bottom:8%;transform:rotate(10deg)}.node{position:absolute;width:5px;height:5px;border:1px solid #21b7ff;border-radius:50%;box-shadow:0 0 18px #0af}.n1{left:4%;top:24%}.n2{right:8%;top:18%}.n3{right:22%;bottom:17%}.n4{left:42%;bottom:8%}.section{max-width:1200px;margin:auto;padding:110px 30px}.lead{max-width:760px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.cards article,.project-grid article{background:linear-gradient(145deg,#0a1621,#071019);border:1px solid var(--line);padding:28px;border-radius:16px;transition:.25s;position:relative;overflow:hidden}.cards article:after,.project-grid article:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:#00aaff12;right:-45px;top:-45px;filter:blur(5px)}.cards article:hover,.project-grid article:hover{transform:translateY(-5px);border-color:#149ee75c}.cards b{color:#32536a;font-size:12px}.cards i{display:block;font-style:normal;font-size:32px;margin:30px 0 18px}.cards h3,.project-grid h3,.steps h3{margin:0 0 12px;font-size:20px}.cards p,.project-grid p,.steps p{color:var(--muted);line-height:1.55;font-size:14px}.solution-card a{display:inline-block;margin-top:10px;color:#21b7ff;text-decoration:none;font-size:13px;font-weight:700}.showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;min-height:680px}.showcase-copy h2{font-size:clamp(38px,4vw,54px)}.signal-list{display:grid;gap:0;margin-top:35px;border-top:1px solid var(--line)}.signal-list span{padding:16px 0;border-bottom:1px solid var(--line);color:#c7d2db;font-size:14px}.signal-list b{color:#1baef6;font-size:10px;margin-right:15px}.device-stage{position:relative;min-height:520px}.dashboard-mock{position:absolute;width:88%;height:380px;right:0;top:35px;background:#07121b;border:1px solid #1d3f55;border-radius:18px;box-shadow:0 40px 100px #000b,0 0 80px #009eff12;overflow:hidden;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg)}.mock-top{height:44px;border-bottom:1px solid #173041;display:flex;align-items:center;gap:7px;padding:0 15px}.mock-top span{width:7px;height:7px;border-radius:50%;background:#24475e}.mock-top b{margin-left:10px;font-size:10px;letter-spacing:1px;color:#52758c}.mock-body{display:grid;grid-template-columns:52px 1fr;height:calc(100% - 44px)}.mock-body aside{border-right:1px solid #173041;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:20px}.mock-body aside i{width:18px;height:18px;border:1px solid #24516c;border-radius:5px}.mock-content{padding:22px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row span{padding:14px;background:#0b1a25;border:1px solid #17384d;border-radius:9px}.metric-row small,.metric-row b{display:block}.metric-row small{color:#4e7188;font-size:8px;letter-spacing:1px}.metric-row b{font-size:16px;margin-top:8px;color:#cfefff}.chart{height:135px;margin:18px 0;background:linear-gradient(180deg,#0b1b27,#08141d);border:1px solid #15394e;border-radius:10px;display:flex;align-items:flex-end;gap:9px;padding:18px}.chart i{flex:1;background:linear-gradient(#13b2ff,#0d64ad);border-radius:4px 4px 1px 1px;opacity:.8}.chart i:nth-child(1){height:28%}.chart i:nth-child(2){height:47%}.chart i:nth-child(3){height:39%}.chart i:nth-child(4){height:69%}.chart i:nth-child(5){height:58%}.chart i:nth-child(6){height:83%}.chart i:nth-child(7){height:94%}.rows{display:grid;gap:8px}.rows i{display:block;height:15px;border-radius:4px;background:linear-gradient(90deg,#123146 65%,#0b1d29 65%)}.phone-mock{position:absolute;width:190px;height:370px;left:0;bottom:0;z-index:5;background:linear-gradient(155deg,#07141e,#050a0f);border:5px solid #111f29;border-radius:28px;padding:42px 18px 20px;box-shadow:0 30px 70px #000c,0 0 40px #00aaff18}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:70px;height:15px;background:#02070b;border-radius:10px}.phone-brand{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#0d8ccd22;border:1px solid #11aafa55;color:#21b7ff;font-weight:800;margin-bottom:25px}.phone-mock strong{display:block;font-size:19px}.phone-mock p{font-size:10px;line-height:1.5;color:#648097;margin:8px 0 20px}.phone-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #123043}.phone-stat span{font-size:8px;letter-spacing:1px;color:#577489}.phone-stat b{font-size:15px;color:#cfefff}.phone-mock button{width:100%;border:0;border-radius:8px;padding:10px;margin-top:18px;background:#0e93dc;color:white;font-weight:700;font-size:10px}.scan-line{position:absolute;z-index:7;left:7%;right:1%;height:1px;top:25%;background:linear-gradient(90deg,transparent,#2cc3ff,transparent);box-shadow:0 0 18px #0af;animation:scan 4.5s ease-in-out infinite}.band{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto;border:1px solid var(--line);border-radius:14px;background:#07111a}.band div{padding:25px;border-right:1px solid var(--line)}.band div:last-child{border:0}.band strong,.band span{display:block}.band strong{font-size:14px}.band span{color:var(--muted);font-size:12px;margin-top:8px}.projects{padding-top:130px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.project-grid article{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end}.project-grid span{color:#23b7ff;font-size:11px;letter-spacing:2px;font-weight:bold}.project-grid h3{font-size:30px;margin-top:10px}.project-grid small{color:#567187}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b2030;color:#20b4ff;margin-bottom:25px}.cta{text-align:center;padding:120px 25px;background:radial-gradient(circle,#08233a 0,#050a10 55%);border-top:1px solid #ffffff08}.cta p{margin:0 auto 30px}footer{max-width:1200px;margin:auto;padding:40px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#64798a;font-size:12px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:70px;height:50px;object-fit:cover;object-position:center}.float{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;font-size:26px;padding:0;z-index:30;display:grid;place-items:center;background:#0ea5e9;color:white;text-decoration:none;transition:.2s}.float:hover{transform:scale(1.05)}.reveal{opacity:0;transform:translateY(20px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes floatLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{top:22%;opacity:0}15%{opacity:1}50%{top:72%;opacity:1}85%{opacity:1}}@media(max-width:950px){.showcase{grid-template-columns:1fr;gap:20px}.device-stage{max-width:650px;width:100%;margin:0 auto}.dashboard-mock{width:85%}}@media(max-width:850px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:#071019;padding:25px;flex-direction:column}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;text-align:center;padding:45px 22px}.hero-copy{order:2}.hero-visual{order:1;max-width:540px;min-height:410px;margin:auto;width:100%}.hero-logo{max-width:430px;margin:auto}.orbital{width:350px;height:350px}.card-one{left:0;top:16%}.card-two{right:0;bottom:12%}.hero h1{letter-spacing:-1.8px}.hero p{margin-left:auto;margin-right:auto}.actions,.trust{justify-content:center}.cards,.band,.steps{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.band div{border-bottom:1px solid var(--line)}footer{flex-direction:column;gap:15px;text-align:center}}@media(max-width:520px){.cards,.band,.steps{grid-template-columns:1fr}.hero{padding-top:18px}.hero-visual{min-height:300px}.hero-logo{max-width:300px}.orbital{width:270px;height:270px}.mini-card{display:none}.hero h1{font-size:44px}.actions{flex-direction:column}.trust{flex-direction:column;gap:8px}.section{padding:80px 20px}.section h2{letter-spacing:-1.5px}.band{margin:0 20px}.brand{width:125px}.showcase{padding-top:45px}.device-stage{min-height:390px}.dashboard-mock{height:285px;width:94%;top:15px}.mock-content{padding:14px}.metric-row{gap:6px}.metric-row span{padding:8px}.metric-row b{font-size:12px}.chart{height:95px;padding:10px;gap:5px}.phone-mock{width:145px;height:285px;padding:35px 12px 12px;border-radius:24px}.phone-mock strong{font-size:15px}.phone-mock p{font-size:8px}.phone-stat{padding:7px 0}.phone-brand{margin-bottom:16px}.scan-line{left:2%}}
.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.project-actions a{position:relative;z-index:2;text-decoration:none;font-size:12px;font-weight:800;padding:11px 14px;border-radius:9px}.project-link{color:#fff;background:linear-gradient(135deg,#079fe9,#087cf0)}.project-like{color:#42c2ff;border:1px solid #1d6c975c;background:#071724}.assistant-section{padding-top:80px}.project-form{margin-top:38px;padding:30px;background:linear-gradient(145deg,#0a1621,#071019);border:1px solid var(--line);border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-form label span,.project-form legend{display:block;color:#cbd8e2;font-size:12px;font-weight:800;margin-bottom:9px}.project-form input[type=text],.project-form select,.project-form textarea{width:100%;border:1px solid #1c3c50;border-radius:10px;background:#061019;color:#eaf7ff;padding:14px;font:inherit;outline:none}.project-form textarea{resize:vertical}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#19adf7;box-shadow:0 0 0 3px #00aaff12}.full{grid-column:1/-1}.project-form fieldset{border:0;padding:0;margin:26px 0}.feature-pills{display:flex;flex-wrap:wrap;gap:9px}.feature-pills label{cursor:pointer}.feature-pills input{position:absolute;opacity:0;pointer-events:none}.feature-pills span{margin:0!important;padding:10px 13px;border:1px solid #1b3d52;border-radius:999px;background:#08151f;color:#8fa7b8!important}.feature-pills input:checked+span{border-color:#19adf7;background:#0b2b3f;color:#dff6ff!important;box-shadow:0 0 18px #00aaff16}.project-form .btn{border:0;cursor:pointer;font-size:14px}.form-note{color:#5f788b;font-size:11px;margin:12px 0 0}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.project-form{padding:20px}.project-actions{flex-direction:column}.project-actions a{text-align:center}}

/* UC TechLab · firma de producto */
.uc-build-signature{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  padding:18px 12px 24px;font-size:.78rem;letter-spacing:.04em;
  color:rgba(255,255,255,.55);background:#05070b;
}
.uc-build-signature strong{color:#79cfff;font-weight:600}
.uc-build-eye{color:#29a9ff;text-shadow:0 0 12px rgba(41,169,255,.75)}
.uc-build-dot{opacity:.45}

/* === V1.4 · SHOWROOM REAL === */
.showroom-premium{max-width:1180px;margin:0 auto;padding:90px 24px;position:relative}
.showroom-heading{text-align:center;max-width:760px;margin:0 auto 64px}
.showroom-heading .eyebrow,.project-tag{color:#35b8ff;font-size:.78rem;font-weight:800;letter-spacing:.16em}
.showroom-heading h2{font-size:clamp(2rem,5vw,3.7rem);margin:12px 0 16px}
.showroom-heading p{color:#9ca8b8;font-size:1.05rem;line-height:1.7}
.project-case{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:center;gap:70px;margin:0 0 110px;padding:44px;border:1px solid rgba(61,181,255,.16);border-radius:34px;background:linear-gradient(145deg,rgba(8,15,25,.92),rgba(3,7,13,.98));box-shadow:0 30px 80px rgba(0,0,0,.35)}
.project-case.reverse .phone-stage{order:2}.project-case.reverse .project-copy{order:1}
.phone-stage{min-height:570px;display:flex;align-items:center;justify-content:center;position:relative}
.phone-stage:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(0,156,255,.13);filter:blur(60px)}
.phone-shell{width:268px;height:548px;border:9px solid #151a21;border-radius:38px;overflow:hidden;background:#111;box-shadow:0 28px 65px rgba(0,0,0,.55),0 0 35px rgba(0,164,255,.13);position:relative;z-index:2}
.phone-shell img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.phone-speaker{position:absolute;z-index:4;top:8px;left:50%;transform:translateX(-50%);width:68px;height:7px;border-radius:10px;background:#111;opacity:.9}
.phone-duo{min-width:420px}
.phone-duo .back{position:absolute;transform:translate(-62px,18px) rotate(-6deg);opacity:.62}
.phone-duo .front{transform:translate(58px,-10px) rotate(3deg)}
.project-copy h3{font-size:clamp(2.1rem,5vw,4rem);margin:10px 0 18px}
.project-copy p{color:#aeb8c6;font-size:1.08rem;line-height:1.75;max-width:610px}
.project-tag.own{color:#75d6ff}
.feature-chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 30px}
.feature-chips span{padding:9px 13px;border:1px solid rgba(61,181,255,.2);border-radius:999px;background:rgba(28,139,210,.08);color:#c8eaff;font-size:.84rem}
.project-actions{display:flex;gap:12px;flex-wrap:wrap}
.project-actions a{text-decoration:none}
.project-actions .btn-primary,.project-actions .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:13px;font-weight:750}
.project-actions .btn-primary{background:linear-gradient(135deg,#078be0,#1262ff);color:white;box-shadow:0 12px 30px rgba(0,125,255,.22)}
.project-actions .btn-secondary{border:1px solid rgba(100,200,255,.25);color:#d9efff;background:rgba(255,255,255,.035)}
@media(max-width:820px){
 .showroom-premium{padding:64px 16px}
 .project-case,.project-case.reverse{grid-template-columns:1fr;gap:24px;padding:25px 16px;margin-bottom:62px}
 .project-case.reverse .phone-stage,.project-case.reverse .project-copy{order:initial}
 .phone-stage{min-height:500px}
 .phone-duo{min-width:0;width:100%;overflow:visible}
 .phone-shell{width:228px;height:466px}
 .phone-duo .back{transform:translate(-42px,16px) rotate(-5deg)}
 .phone-duo .front{transform:translate(42px,-5px) rotate(3deg)}
 .project-copy{text-align:center}
 .project-copy p{margin-left:auto;margin-right:auto}
 .feature-chips,.project-actions{justify-content:center}
}
@media(max-width:420px){
 .phone-shell{width:210px;height:430px}
 .phone-duo .back{transform:translate(-30px,12px) rotate(-4deg)}
 .phone-duo .front{transform:translate(30px,-4px) rotate(2deg)}
 .project-actions a{width:100%}
}