:root{--bg:#07111f;--bg2:#0a1728;--panel:#0e1d31;--line:rgba(148,178,215,.14);--text:#eef5ff;--muted:#9aacc3;--blue:#168bff;--cyan:#42d7ff;--font:'DM Sans',sans-serif;--head:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topline{background:#040b14;border-bottom:1px solid var(--line);font-size:12px;color:#a9bad0}.topinner{height:37px;display:flex;align-items:center;justify-content:space-between}.topinner i{color:var(--cyan);margin-right:7px}.header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:800 15px var(--head);letter-spacing:.6px}.brand b{color:var(--cyan)}.brand small{display:block;color:#8297b2;font:600 9px var(--font);letter-spacing:2px;margin-top:3px}.brandmark{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(66,215,255,.4);border-radius:12px;color:var(--cyan);font-size:20px;background:linear-gradient(145deg,rgba(22,139,255,.2),rgba(66,215,255,.04));box-shadow:0 0 24px #168bff20}.menu{display:flex;align-items:center;gap:34px;font-size:13px;color:#b6c5d8}.menu a:hover{color:var(--cyan)}.menu .nav-cta{padding:12px 17px;border:1px solid #168bff70;border-radius:8px;color:#fff;background:#168bff18}.nav-cta i{margin-left:9px;color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:22px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#0d3760 0%,#091a2e 32%,#07111f 70%);padding:96px 0 0}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(85,153,210,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(85,153,210,.18) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,black)}.hero-content{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;min-height:470px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#70cfff;display:flex;align-items:center;gap:10px}.eyebrow span{height:2px;width:24px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font:800 clamp(36px,5vw,60px)/1.12 var(--head);letter-spacing:-2.2px;margin:20px 0}h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero-copy>p,.about-copy>p,.contact-copy>p{max-width:540px;color:#a8b8cc;font-size:15px;line-height:1.85}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:8px;padding:15px 21px;font:700 12px var(--font);cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(110deg,#0875e8,#19b7ed);color:white;box-shadow:0 10px 30px #0875e833}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0875e855}.btn-ghost{border:1px solid #7894b533;color:#d4e2f2;background:#ffffff05}.btn-ghost:hover{border-color:var(--cyan)}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:45px}.proof-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--cyan);background:#168bff18;border:1px solid #168bff45;border-radius:10px}.hero-proof b,.hero-proof span{display:block}.hero-proof b{font-size:12px}.hero-proof span{font-size:10px;color:#91a5bd}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:#087fe827;filter:blur(50px)}.tech-card{position:relative;width:min(390px,90%);padding:17px;border:1px solid #6eb9ee45;border-radius:16px;background:linear-gradient(145deg,#142b45eF,#091626f2);box-shadow:0 30px 90px #0008,0 0 45px #168bff16;transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.card-top{display:flex;align-items:center;gap:8px;color:#a9c2dc;font-size:9px;letter-spacing:1.4px}.card-top>i{margin-left:auto}.live-dot{width:7px;height:7px;border-radius:50%;background:#43e7a3;box-shadow:0 0 10px #43e7a3}.monitor{margin:24px 0 17px}.monitor-screen{height:205px;position:relative;overflow:hidden;border:5px solid #29445f;border-radius:9px;background:radial-gradient(ellipse at 50% 65%,#07568b,#07172a 70%);display:grid;place-items:center}.screen-grid{position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,#42d7ff25 49%,transparent 50%),linear-gradient(45deg,transparent 48%,#42d7ff25 49%,transparent 50%);background-size:45px 45px}.camera-symbol{width:100px;height:100px;border:1px solid #42d7ff77;border-radius:50%;display:grid;place-items:center;color:#6ee2ff;font-size:42px;box-shadow:0 0 45px #0ba7ff55,inset 0 0 35px #0ba7ff22}.screen-label{position:absolute;bottom:12px;font-size:8px;letter-spacing:2px;color:#a7d9f3}.monitor-base{height:9px;width:100px;margin:auto;background:linear-gradient(90deg,#29445f,#59718b,#29445f);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.status-row{display:flex;justify-content:space-between;align-items:center;color:#9fb6cd;font-size:9px}.status-row i{color:#4ce0a0;margin-right:5px}.status-tag{padding:4px 8px;border-radius:4px;color:#54e8ac;background:#39d99c18;letter-spacing:1px}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#10263deF;border:1px solid #5ca9df55;border-radius:10px;box-shadow:0 15px 35px #0006}.float-chip>i{font-size:19px;color:var(--cyan)}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:10px}.float-chip small{font-size:8px;color:#91a9c3}.chip-one{top:65px;left:-5px}.chip-two{right:-4px;bottom:65px}.orb{position:absolute;border:1px solid #42d7ff40;border-radius:50%}.orb-one{width:18px;height:18px;right:35px;top:45px;box-shadow:0 0 20px #42d7ff66}.orb-two{width:9px;height:9px;left:25px;bottom:70px;background:#168bff}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0;margin-top:30px;color:#7188a2;font-size:9px;letter-spacing:1.5px}.hero-bottom div{display:flex;gap:24px;color:#b0c1d4;letter-spacing:0;font-size:10px}.hero-bottom i{color:var(--cyan);margin-right:6px}.section{padding:105px 0}.services{background:#091625}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-head h2,.about-copy h2,.contact-copy h2{font-size:clamp(32px,4vw,46px);margin:14px 0 0}.section-head>p{max-width:390px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{padding:27px 25px 24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#102239,#0b1929);transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:#168bff77;box-shadow:0 18px 40px #0003}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.service-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-size:20px;background:#168bff18;border:1px solid #168bff40}.service-number{font:700 12px var(--head);color:#58718c}.service-card h3{font:700 17px var(--head);margin-bottom:10px}.service-card p{font-size:12px;line-height:1.8;color:#92a6bd;min-height:66px;margin-bottom:20px}.service-card>a{font-size:10px;color:#70cfff;font-weight:700}.service-card>a i{margin-left:7px}.about{background:radial-gradient(ellipse at 20% 50%,#102a45 0%,#07111f 55%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-visual{height:390px;position:relative;display:grid;place-items:center}.about-panel{width:85%;height:310px;border:1px solid #42d7ff55;border-radius:20px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0d4772,#0b1a2c 65%);box-shadow:0 25px 80px #0005}.about-panel:before,.about-panel:after{content:"";position:absolute;border:1px solid #42d7ff28;border-radius:50%;width:280px;height:280px}.about-panel:after{width:210px;height:210px}.about-icon{position:relative;z-index:2;width:110px;height:110px;border-radius:28px;display:grid;place-items:center;font-size:50px;color:var(--cyan);border:1px solid #42d7ff88;background:#0b1c30;box-shadow:0 0 55px #168bff55}.about-caption{position:absolute;bottom:25px;text-align:center;z-index:3}.about-caption b,.about-caption span{display:block}.about-caption b{font-size:9px;letter-spacing:2px;color:#75d8ff}.about-caption span{font-size:12px;color:#c2d4e7}.circuit{position:absolute;width:100px;height:1px;background:#42d7ff66}.c1{left:0;top:75px}.c2{right:0;bottom:95px}.about-mini{position:absolute;bottom:5px;right:0;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#122a42;border:1px solid #4e9ed45c;border-radius:10px;box-shadow:0 15px 30px #0005}.about-mini i{font-size:23px;color:var(--cyan)}.about-mini span{font-size:10px;color:#a7bad0}.about-mini b{color:white}.about-copy>p{margin:22px 0}.check-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px;color:#b5c6d9;font-size:12px}.check-list i{color:#4ce0a0;margin-right:10px}.text-link{font-size:12px;color:var(--cyan);font-weight:700}.text-link i{margin-left:8px}.process{background:#091625}.centered{display:block;text-align:center}.centered .eyebrow{justify-content:center}.centered>p{margin:18px auto 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-item{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:11px;background:#0e1d30}.process-item>span{position:absolute;right:20px;top:17px;font:800 12px var(--head);color:#4b6682}.process-item>i{font-size:25px;color:var(--cyan);margin:20px 0}.process-item h3{font:700 15px var(--head);margin-bottom:8px}.process-item p{font-size:11px;color:#91a6bd;line-height:1.8;margin:0}.contact{background:radial-gradient(ellipse at 80% 50%,#0e3152,#07111f 65%)}.contact-box{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center;padding:55px;border:1px solid #3d83b54a;border-radius:18px;background:linear-gradient(130deg,#10243a,#0b1929);box-shadow:0 25px 80px #0003}.contact-copy>p{margin:20px 0 30px}.contact-detail{display:flex;align-items:center;gap:13px}.contact-detail>span{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#22c87520;color:#42df91;font-size:23px}.contact-detail small,.contact-detail b{display:block}.contact-detail small{font-size:8px;letter-spacing:2px;color:#8ba2bb}.contact-detail b{font-size:14px}.contact-form{padding:27px;background:#071522;border:1px solid var(--line);border-radius:12px}.contact-form h3{font:700 19px var(--head);margin-bottom:20px}.contact-form label{display:block;font-size:10px;color:#b4c4d7;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #2b425b;border-radius:7px;background:#0c1d2e;color:#eef5ff;font:12px var(--font);outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#657d97}.form-btn{width:100%;margin-top:3px}.form-note{display:block;text-align:center;color:#7189a4;font-size:9px;margin-top:12px}.footer{background:#040b13;border-top:1px solid var(--line)}.footer-main{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main>p{max-width:310px;font-size:11px;color:#8094ac;margin:0}.footer-wa{font-size:12px;color:#5de3a1}.footer-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:#637891;font-size:10px}.footer-bottom a{color:#9ab0c8}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:30;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#20c875;color:white;font-size:27px;box-shadow:0 8px 28px #0008;transition:.2s}.whatsapp-float:hover{transform:scale(1.08)}@media(max-width:900px){.hero-content{grid-template-columns:1fr 1fr;gap:10px}.hero-visual{transform:scale(.9)}.about-grid{gap:35px}.contact-box{gap:35px;padding:35px}.menu{gap:18px}}@media(max-width:700px){.container{width:min(100% - 34px,560px)}.topinner{font-size:10px}.topinner span{max-width:65%}.nav{height:70px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 25px 25px;background:#091625;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.menu.open{display:flex}.menu .nav-cta{text-align:center}.hero{padding-top:65px}.hero-content{display:block}.hero-copy{position:relative;z-index:2}.hero-visual{height:350px;margin-top:15px;transform:none}.tech-card{width:min(350px,88%)}.monitor-screen{height:175px}.chip-one{left:0;top:25px}.chip-two{right:0;bottom:25px}.hero-bottom{display:block;line-height:2.2}.hero-bottom div{flex-wrap:wrap;gap:12px}.section{padding:75px 0}.section-head{display:block}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:20px 17px}.service-card p{min-height:100px}.about-grid{grid-template-columns:1fr;gap:30px}.about-visual{height:340px;order:2}.about-copy{order:1}.process-grid{grid-template-columns:1fr 1fr}.contact-box{grid-template-columns:1fr;padding:25px;gap:30px}.footer-main{align-items:flex-start;flex-direction:column}.footer-main>p{margin:0}.footer-bottom{gap:15px;flex-wrap:wrap}}@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.process-grid{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}.hero-proof{margin-top:30px}.hero-visual{height:315px}.float-chip{padding:8px 10px}.chip-one{left:-5px}.chip-two{right:-5px}.contact-box{padding:20px}.footer-bottom{font-size:9px}}
/* Mejoras de accesibilidad, galería y preguntas frecuentes */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#07111f;padding:10px 14px;border-radius:6px}.skip-link:focus{left:12px}.portfolio{background:#071321}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{overflow:hidden;background:#0d1d30;border:1px solid var(--line);border-radius:12px;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#168bff77}.project-image{display:block;height:215px;overflow:hidden;background:#122b44}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.04)}.project-info{padding:19px 20px 21px}.project-info>span{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--cyan);font-weight:700}.project-info h3{font:700 16px var(--head);margin:7px 0}.project-info p{margin:0;color:#94a9c0;font-size:11px;line-height:1.75}.portfolio-empty{display:flex;align-items:center;gap:18px;padding:27px;border:1px dashed #35536f;border-radius:12px;background:#0b1b2c}.empty-icon{width:52px;height:52px;flex:0 0 52px;border-radius:12px;display:grid;place-items:center;background:#168bff1a;color:var(--cyan);font-size:22px}.portfolio-empty h3{font:700 16px var(--head);margin:0 0 5px}.portfolio-empty p{font-size:11px;color:#9aacc3;margin:0}.portfolio-empty .btn{margin-left:auto;white-space:nowrap}.faq{background:#091625}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:start}.faq-intro h2{font-size:clamp(32px,4vw,43px);margin:16px 0}.faq-intro>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:22px}.faq-list{display:grid;gap:10px}.faq-item{background:#0d1e31;border:1px solid var(--line);border-radius:10px;padding:0 19px}.faq-item[open]{border-color:#168bff68}.faq-item summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#e5effb;font-size:13px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{color:var(--cyan);font-size:11px;transition:transform .2s}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item p{font-size:12px;line-height:1.8;color:#9aacc3;margin:0;padding:0 25px 18px 0}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-note{line-height:1.55}.menu-toggle:focus-visible,.menu a:focus-visible,.btn:focus-visible,.faq-item summary:focus-visible,.whatsapp-float:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{background:#168bff;color:white}@media(max-width:900px){.faq-grid{gap:35px}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.project-grid{grid-template-columns:1fr 1fr}.project-image{height:155px}.project-info{padding:15px}.portfolio-empty{align-items:flex-start;flex-wrap:wrap}.portfolio-empty .btn{margin-left:70px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-intro h2{margin-bottom:10px}}@media(max-width:460px){.project-grid{grid-template-columns:1fr}.project-image{height:205px}.portfolio-empty{gap:12px}.portfolio-empty .empty-icon{width:42px;height:42px;flex-basis:42px}.portfolio-empty>div:nth-child(2){flex:1}.portfolio-empty .btn{margin-left:54px}.faq-item{padding:0 14px}.faq-item summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.privacy-check{display:flex!important;align-items:flex-start;gap:9px;font-size:10px!important;line-height:1.6;color:#aebfd2!important}.privacy-check input{width:15px!important;height:15px;flex:0 0 15px;margin:2px 0 0!important;accent-color:#168bff}.privacy-check a{color:#6fd9ff;text-decoration:underline}.form-btn:disabled{opacity:.65;cursor:wait}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#07111f;padding:10px 14px;border-radius:6px}.skip-link:focus{left:10px}