:root{--bg:#03101a;--bg2:#061827;--card:#071827;--line:#087fc5;--blue:#09a9ff;--cyan:#28d6ff;--text:#f8fbfd;--muted:#b5c7d4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(#03111c,#020b12);color:var(--text);line-height:1.42}.container{width:min(var(--max),calc(100% - 44px));margin:auto}a{color:inherit}.topbar{position:sticky;top:0;z-index:100;background:rgba(2,10,17,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(35,178,255,.2)}.nav{height:72px;display:flex;align-items:center;gap:24px}.logo{width:210px}.navlinks{display:flex;gap:28px;margin-left:auto}.navlinks a{text-decoration:none;font-weight:700;font-size:14px}.navlinks a:hover,.navlinks a.active{color:var(--cyan)}.wa{padding:9px 16px;border:2px solid var(--blue);border-radius:24px;text-decoration:none;font-weight:800;background:#063c69;box-shadow:0 0 18px #009eff55}.menu-btn{display:none;margin-left:auto;background:none;border:1px solid #1779ab;color:white;padding:9px 12px;border-radius:8px}.hero{min-height:520px;position:relative;overflow:hidden;border-bottom:1px solid #0b4d75;background:radial-gradient(circle at 80% 40%,#0d3555 0,#051520 47%,#020a11 86%)}.hero-bg{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020a11 0%,rgba(2,10,17,.96) 26%,rgba(2,10,17,.56) 51%,rgba(2,10,17,.05) 79%,rgba(2,10,17,.17) 100%)}.hero .container{position:relative;z-index:2}.hero-content{width:52%;padding:64px 0 46px}.eyebrow{color:#22c4ff;letter-spacing:2.6px;text-transform:uppercase;font-size:13px;font-weight:800}.hero h1{font-size:58px;line-height:.93;letter-spacing:-1.6px;margin:14px 0 14px;font-weight:950}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:#e2edf2;max-width:560px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:900;border:1px solid #2d8dc9;background:#061522}.btn.primary{background:#079fff;border-color:#42d3ff;box-shadow:0 0 20px #00a7ff77}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.trust div{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.ico{width:34px;height:34px;border:2px solid var(--blue);border-radius:9px;display:grid;place-items:center;color:var(--cyan)}.section{padding:34px 0}.section.alt{background:#020d15;border-top:1px solid #073853;border-bottom:1px solid #073853}.section-title{text-align:center;max-width:820px;margin:0 auto 20px}.section-title h2{font-size:38px;line-height:1.03;margin:6px 0 4px}.section-title p{color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card,.space-card,.project-card{background:linear-gradient(180deg,#081b2a,#03101a);border:1px solid #087fc5;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,157,255,.035)}.service-card{text-decoration:none;transition:.2s transform,.2s box-shadow}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0008,0 0 22px #008dff26}.service-media{height:190px;background:#061725;overflow:hidden}.service-media img{width:100%;height:100%;object-fit:cover}.service-copy{padding:15px 17px 17px}.service-copy h3{font-size:18px;line-height:1.15;margin:0 0 8px}.service-copy p{color:#c3d0d8;margin:0 0 12px;font-size:14px}.more{color:#15baff;font-weight:900;font-size:13px}.spaces{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.space-card img{width:100%;height:150px;object-fit:cover;display:block}.space-copy{text-align:center;padding:10px 12px 13px}.space-copy h3{margin:0 0 3px;font-size:15px}.space-copy p{margin:0;color:#c4d2db;font-size:13px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.step{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start}.num{width:42px;height:42px;border:3px solid var(--blue);border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:900;color:#37ceff}.step h4{margin:0 0 4px;font-size:14px}.step p{margin:0;color:#c0ccd5;font-size:13px}.module{margin-top:28px;border:1px solid #0a8bd6;border-radius:10px;display:grid;grid-template-columns:1.1fr .85fr 1fr;align-items:center;gap:20px;padding:22px;background:linear-gradient(110deg,#0b2033,#071423 63%,#0a2941);box-shadow:inset 0 0 55px #008dd72e}.module img{width:100%;height:145px;object-fit:cover;border-radius:8px}.module h3{font-size:25px;line-height:1.02;margin:0 0 9px}.module h3 span{color:#16baff}.module p{font-size:14px;color:#dce8ee}.module ul{list-style:none;padding:0;margin:0}.module li{padding:7px 0;font-size:14px}.projects-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.project-card{height:120px;border-color:#164b6e}.project-card img{width:100%;height:100%;object-fit:cover}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #075183;border-bottom:1px solid #075183}.benefit{text-align:center;padding:24px 14px;border-right:1px solid #163247}.benefit:last-child{border-right:0}.benefit strong{display:block;margin-top:7px;font-size:13px}.footer{background:#020b12;padding:30px 0 16px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}.footlogo{width:220px}.footer p,.footer a{color:#c8d4dc;text-decoration:none;font-size:13px}.copyright{margin-top:25px;padding-top:15px;border-top:1px solid #21313c;display:flex;justify-content:space-between;color:#8094a2;font-size:12px}.subhero{min-height:430px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #075183}.subhero img{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover}.subhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020b12 0,rgba(2,11,18,.95) 35%,rgba(2,11,18,.38) 73%,rgba(2,11,18,.32))}.subhero .container{position:relative;z-index:2}.subhero h1{font-size:52px;line-height:1;margin:8px 0 12px;max-width:650px}.subhero p{font-size:18px;color:#d4e1e9;max-width:650px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#071827;border:1px solid #0c70a8;border-radius:10px;padding:22px}.feature h3{margin:8px 0 5px}.feature p{color:#b8c7d1}.cta{margin-top:28px;padding:28px;border-radius:12px;border:1px solid #0a8ed8;background:linear-gradient(90deg,#07375a,#071827);display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h3{font-size:28px;margin:0}.visual-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.visual-strip img{width:100%;height:260px;object-fit:cover;border:1px solid #0b79b7;border-radius:10px}@media(max-width:950px){.navlinks{display:none;position:absolute;left:0;right:0;top:72px;background:#03101a;padding:20px;flex-direction:column}.navlinks.open{display:flex}.menu-btn{display:block}.wa{display:none}.hero-bg,.subhero img{width:100%;opacity:.55}.hero:after,.subhero:after{background:linear-gradient(90deg,rgba(2,10,17,.96),rgba(2,10,17,.55))}.hero-content{width:70%}.services,.spaces{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.module{grid-template-columns:1fr}.projects{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:min(100% - 24px,var(--max))}.nav{height:66px}.logo{width:185px}.navlinks{top:66px}.hero{min-height:610px}.hero-content{width:100%;padding:68px 0 40px}.hero h1,.subhero h1{font-size:40px}.hero p,.subhero p{font-size:16px}.trust{grid-template-columns:1fr}.section-title h2{font-size:31px}.services,.spaces,.process,.projects,.foot,.feature-grid,.visual-strip{grid-template-columns:1fr}.service-media{height:220px}.space-card img{height:185px}.benefits{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid #163247}.copyright{flex-direction:column;gap:6px}.cta{flex-direction:column;align-items:flex-start}}

/* V7 - páginas de servicio, SEO visual y contacto */
.social-link{color:#bfe8ff!important;font-weight:800}.social-link:hover{color:var(--cyan)!important}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:999px;background:#10a84a;color:#fff;text-decoration:none;font-weight:900;font-size:14px;box-shadow:0 10px 32px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.22);transition:transform .18s ease,box-shadow .18s ease}.wa-float:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(0,0,0,.5)}.wa-float-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#10a84a;font-size:16px}.narrow{max-width:1180px}.service-intro{padding-top:48px;padding-bottom:48px}.feature-grid-6{grid-template-columns:repeat(3,1fr)}.feature{transition:transform .2s ease,border-color .2s ease}.feature:hover{transform:translateY(-3px);border-color:#20bfff}.feature .ico{margin-bottom:12px}.feature h3{font-size:18px}.service-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.service-split h2{font-size:38px;line-height:1.04;margin:7px 0 12px}.muted-copy{color:var(--muted);max-width:620px}.check-list{list-style:none;margin:22px 0 25px;padding:0;display:grid;gap:11px}.check-list li{padding:11px 14px;border:1px solid #0b527a;background:#061725;border-radius:8px;font-weight:750;color:#deedf5}.visual-stack{margin-top:0}.visual-stack img{height:215px}.mini-services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.mini-service{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid #0a6fa7;border-radius:10px;background:#061725;text-decoration:none;transition:.2s}.mini-service:hover{transform:translateY(-3px);border-color:#24c9ff}.mini-service strong{font-size:17px}.mini-service span{font-size:13px;color:#4ccfff;font-weight:800}.cta p{margin:7px 0 0;color:#bfd0da;max-width:700px}
@media(max-width:950px){.feature-grid-6{grid-template-columns:repeat(2,1fr)}.service-split{grid-template-columns:1fr}.mini-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wa-float{right:12px;bottom:12px;padding:12px}.wa-float span:last-child{display:none}.wa-float-icon{width:31px;height:31px}.feature-grid-6,.mini-services{grid-template-columns:1fr}.service-split h2{font-size:31px}.subhero{min-height:500px}.subhero .actions .btn{width:100%}.visual-stack img{height:200px}}

/* V8 - Nosotros y proyectos reales */
.project-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-tile{display:grid;grid-template-columns:46% 1fr;min-height:190px;background:#061725;border:1px solid #0a6597;border-radius:12px;overflow:hidden;text-decoration:none;transition:.2s}.project-tile:hover{transform:translateY(-3px);border-color:#24c9ff}.project-tile img{width:100%;height:100%;object-fit:cover}.project-tile>div{padding:22px;align-self:center}.project-tile span{font-size:11px;color:#23c5ff;font-weight:900;letter-spacing:1.4px}.project-tile h3{margin:5px 0;font-size:21px}.project-tile p{margin:0;color:#afc2cf;font-size:14px}.about-teaser{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 0}.about-teaser h2{font-size:34px;margin:5px 0}.about-teaser p{max-width:760px;color:#b9cad5}.principles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.principle{padding:20px;border:1px solid #0b648f;border-radius:10px;background:#061725}.principle b{color:#22c4ff;font-size:12px}.principle h3{margin:5px 0}.principle p{margin:0;color:#afc1cc;font-size:14px}.monitor-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:20px;padding-bottom:20px}.monitor-box h2{font-size:36px;margin:5px 0}.monitor-box p{color:#b9cad5;max-width:800px}.brand-statement{text-align:center;border:1px solid #0a75ac;border-radius:12px;padding:25px;font-size:22px;font-weight:950;letter-spacing:.6px;background:#061725}.brand-statement span{color:#22c4ff}.project-hero{padding:85px 0 65px;background:radial-gradient(circle at 80% 30%,#0b3d61,#03111c 55%,#020b12)}.project-hero h1{font-size:54px;line-height:.95;margin:10px 0}.project-hero h1 span{color:#09a9ff}.project-hero p{max-width:720px;color:#c5d4dd;font-size:17px}.project-detail{scroll-margin-top:90px;padding:35px 0 48px;border-bottom:1px solid #15415c}.project-detail:last-child{border-bottom:0}.project-copy{max-width:780px;margin-bottom:18px}.project-copy h2{font-size:31px;margin:5px 0 8px}.project-copy p{color:#b8c8d2}.project-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:190px 190px;gap:10px}.gallery-item{padding:0;border:1px solid #145e88;background:#03101a;border-radius:9px;overflow:hidden;cursor:zoom-in}.gallery-item:first-child{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:nth-child(6){display:none}.lightbox{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,5,9,.94);align-items:center;justify-content:center;padding:55px}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:86vh;object-fit:contain}.lightbox button{position:absolute;background:rgba(4,25,39,.8);color:white;border:1px solid #1c81b8;border-radius:50%;width:48px;height:48px;font-size:32px;cursor:pointer}.lightbox-close{right:24px;top:20px}.lightbox-prev{left:24px}.lightbox-next{right:24px}
@media(max-width:950px){.project-showcase{grid-template-columns:1fr}.monitor-box{align-items:flex-start;flex-direction:column}.project-gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 180px 180px}.gallery-item:first-child{grid-column:1/3;grid-row:auto}.gallery-item:nth-child(6){display:block}.about-teaser{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.project-tile{grid-template-columns:1fr}.project-tile img{height:210px}.about-teaser h2{font-size:29px}.principles{grid-template-columns:1fr}.project-hero{padding:65px 0 48px}.project-hero h1{font-size:40px}.project-gallery{grid-template-columns:1fr 1fr;grid-template-rows:230px 145px 145px}.project-copy h2{font-size:27px}.lightbox{padding:15px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox button{width:40px;height:40px}}