:root{--bg:#041426;--bg2:#061d35;--panel:#082743;--cyan:#08c8f8;--blue:#1685ff;--violet:#9d2bb5;--text:#f4f8ff;--muted:#a9bfd4;--line:rgba(40,190,255,.24);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,17,33,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:52px;height:52px;object-fit:cover;object-position:left;border-radius:8px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.35rem;letter-spacing:.08em}.brand small{color:var(--muted);font-size:.68rem}.main-nav{display:flex;gap:28px}.main-nav a{font-size:.92rem;color:#d8e8f5;transition:.2s}.main-nav a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:9px;border:1px solid transparent;background:linear-gradient(90deg,var(--cyan),var(--blue));color:white;font-weight:700;box-shadow:0 10px 30px rgba(0,146,255,.18);cursor:pointer}.btn-small{padding:10px 16px;font-size:.88rem}.btn-outline{background:transparent;border-color:#16b8e9;box-shadow:none}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(15,112,208,.28),transparent 32%),radial-gradient(circle at 8% 90%,rgba(157,43,181,.22),transparent 30%),linear-gradient(125deg,#03162b,#05213c 60%,#04172b);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(9,199,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(9,199,248,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;position:relative}.eyebrow{color:var(--cyan);font-weight:800;font-size:.78rem;letter-spacing:.12em;margin:0 0 12px}.hero h1,.section h2,.contact-section h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;margin:0 0 20px;letter-spacing:-.04em}.hero h1 span,.section h2 span,.contact-section h2 span{color:var(--cyan)}.lead{font-size:1.1rem;color:#c9d9e8;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0 34px}.trust-row{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:24px}.trust-row div{display:flex;align-items:center;gap:10px;color:#d8e5f0;font-size:.82rem}.trust-row b{width:38px;height:38px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:1.1rem}.hero-visual{height:470px}.server-scene{height:100%;position:relative;border:1px solid var(--line);clip-path:polygon(9% 0,100% 0,100% 87%,89% 100%,0 100%,0 12%);background:linear-gradient(145deg,#062845,#031522);box-shadow:inset 0 0 80px rgba(0,159,255,.16)}.rack{position:absolute;top:55px;bottom:80px;width:130px;border:3px solid #153b5d;background:#07131f;padding:14px 10px;box-shadow:0 0 35px rgba(0,151,255,.18)}.rack-1{left:18%}.rack-2{left:50%}.rack i{display:block;height:34px;margin:8px 0;border:1px solid #245b82;background:linear-gradient(90deg,#0a2235,#0c3656);position:relative}.rack i:after{content:"";position:absolute;right:8px;top:13px;width:7px;height:7px;border-radius:50%;background:#08d9ff;box-shadow:-14px 0 #9d2bb5}.network-lines{position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.7%,rgba(0,201,255,.55) 50%,transparent 50.3%)}.hero-badge{position:absolute;right:0;bottom:0;width:200px;padding:20px;background:rgba(2,17,31,.88);border-left:1px solid var(--cyan);display:flex;flex-direction:column;font-size:.74rem;letter-spacing:.06em}.hero-badge strong{color:var(--cyan);margin-top:8px}.section{padding:82px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2,.contact-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:8px}.section-heading p:not(.eyebrow){margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(10,48,79,.88),rgba(5,30,52,.92));border:1px solid var(--line);border-radius:12px;padding:25px;min-height:235px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(8,200,248,.65);box-shadow:0 18px 45px rgba(0,0,0,.22)}.icon{width:46px;height:46px;border:1px solid var(--cyan);border-radius:10px;display:grid;place-items:center;color:var(--cyan);font-size:1.4rem;margin-bottom:28px}.card h3{font-size:1.12rem;margin:0 0 10px}.card p{color:var(--muted);font-size:.92rem;margin:0}.sectors{background:#051a30;border-block:1px solid var(--line)}.sector-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.sector{min-height:135px;border:1px solid #0d8cc3;border-radius:10px;background:rgba(7,40,68,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;font-weight:700;font-size:.9rem}.sector b{font-size:2rem;color:var(--cyan)}.expertise{background:radial-gradient(circle at 0 50%,rgba(157,43,181,.13),transparent 30%)}.expertise-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.expertise-art{height:390px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(135deg,#082b48,#031421)}.hex{position:absolute;width:250px;height:250px;border:2px solid var(--cyan);transform:rotate(30deg);left:70px;top:70px;box-shadow:0 0 50px rgba(0,201,255,.25)}.tech-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:900;letter-spacing:-.08em;color:white;text-shadow:0 0 35px rgba(0,201,255,.6)}.lead-sm{color:#c7d8e6;font-size:1.03rem}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:26px}.feature-list>div{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(7,39,65,.6)}.feature-list b{color:var(--cyan)}.feature-list span{display:flex;flex-direction:column}.feature-list small{color:var(--muted);margin-top:4px}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:24px;border-top:2px solid var(--cyan);background:#061c31}.step em{font-style:normal;color:var(--cyan);font-size:2rem;font-weight:800}.step h3{margin:12px 0 6px}.step p{color:var(--muted);font-size:.9rem}.contact-section{padding:85px 0;background:linear-gradient(125deg,#07192c,#0b2c4d 62%,#111d48);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-section p{color:#c4d7e6}.contact-data{display:grid;gap:10px;margin:28px 0}.contact-data a,.contact-data p{display:flex;gap:12px;margin:0;color:#d8e8f4}.contact-data a:hover{color:var(--cyan)}.contact-form{background:rgba(2,18,34,.72);border:1px solid var(--line);padding:28px;border-radius:14px}.contact-form h3{margin-top:0}.contact-form label{display:block;color:#cfe0ec;font-size:.85rem;margin:12px 0}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;background:#061b2f;color:white;border:1px solid #205070;border-radius:8px;padding:12px;font:inherit}.contact-form textarea{resize:vertical}.contact-form .btn{width:100%;margin-top:8px}.hp{position:absolute!important;left:-9999px!important}footer{background:#020d19;border-top:1px solid var(--line);padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:56px;height:56px;object-fit:cover;border-radius:8px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:1.3rem}.footer-brand span,footer p{color:var(--muted);font-size:.82rem}.footer-grid nav{display:grid;gap:5px;font-size:.85rem}.footer-grid nav a:hover{color:var(--cyan)}.copyright{border-top:1px solid rgba(255,255,255,.07);margin-top:24px;padding-top:18px;color:#7892aa;font-size:.75rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.main-nav,.nav-cta{display:none}.menu-toggle{display:block}.main-nav.open{position:absolute;display:grid;top:78px;left:0;right:0;padding:22px 20px;background:#041426;border-bottom:1px solid var(--line)}.hero-grid,.expertise-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-visual{height:360px}.service-grid{grid-template-columns:repeat(2,1fr)}.sector-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.expertise-art{height:300px}}@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.hero h1{font-size:2.7rem}.hero-actions,.trust-row{flex-direction:column}.service-grid,.feature-list,.steps{grid-template-columns:1fr}.sector-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{height:300px}.rack{width:95px;top:35px}.rack-1{left:12%}.rack-2{left:46%}.hero-badge{width:155px}.section{padding:60px 0}}
/* Actualización visual: fotografías e ilustraciones del diseño aprobado */
.server-scene{overflow:hidden;background:#031522}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.08) contrast(1.05)}.server-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,31,.08),rgba(0,126,255,.06)),linear-gradient(0deg,rgba(3,18,34,.42),transparent 48%);pointer-events:none}.hero-badge{z-index:2}
.visual-card{padding:0;overflow:hidden;min-height:355px}.visual-card>img{width:100%;height:145px;display:block;object-fit:cover;border-bottom:1px solid var(--line);transition:transform .35s ease,filter .35s ease}.visual-card:hover>img{transform:scale(1.035);filter:brightness(1.08)}.visual-card .card-body{padding:20px 22px 24px}.visual-card .icon{margin:-43px 0 15px;position:relative;z-index:2;background:#06223a;box-shadow:0 7px 18px rgba(0,0,0,.25)}
.expertise-art{border-radius:12px}.expertise-art>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.08)}.expertise-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,15,29,.9),transparent 55%)}.expertise-overlay{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:flex;flex-direction:column}.expertise-overlay strong{font-size:1.2rem;color:white}.expertise-overlay span{font-size:.78rem;color:#bfeeff;margin-top:3px}
@media(max-width:560px){.visual-card{min-height:0}.visual-card>img{height:180px}}

/* Acceso corporativo a webmail */
.mail-nav{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(52,201,255,.48);border-radius:9px;padding:10px 13px;color:#eafaff!important;background:rgba(0,160,230,.09);font-weight:700;white-space:nowrap}
.mail-nav:hover,.mail-nav:focus-visible{background:rgba(0,190,242,.22);border-color:#00bdf2}
.webmail-section{padding:42px 0;background:linear-gradient(110deg,#071b35,#102b4d 65%,#171a43);border-top:1px solid rgba(0,189,242,.28);border-bottom:1px solid rgba(0,189,242,.28)}
.webmail-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(0,189,242,.28);border-radius:18px;background:rgba(4,20,41,.55);padding:26px 30px}
.webmail-panel h2{margin:5px 0 8px}.webmail-panel p{margin:0;max-width:660px;color:#c6d8e9}.webmail-panel .btn{white-space:nowrap}
.footer-mail{color:#68dbff!important;font-weight:700}
@media(max-width:900px){.webmail-panel{flex-direction:column;align-items:flex-start}.mail-nav{padding:8px 10px}}

/* v4: correo integrado con la navegación corporativa */
.main-nav{gap:clamp(10px,1.45vw,24px);align-items:center}
.mail-nav{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(8,200,248,.28);border-radius:8px;background:rgba(8,200,248,.045);color:#d8e8f5!important;font-size:.86rem!important;font-weight:600;white-space:nowrap;box-shadow:none;transition:background .2s,border-color .2s,color .2s}
.mail-nav:hover,.mail-nav:focus-visible{background:rgba(8,200,248,.12);border-color:rgba(8,200,248,.7);color:#fff!important}
.mail-icon{width:16px;height:16px;flex:none;color:var(--cyan)}
.external-arrow{font-size:.8rem;color:#89aabe}
.webmail-section{padding:22px 0;background:#061b30;border-block:1px solid rgba(8,200,248,.14)}
.webmail-panel{padding:18px 22px;border:1px solid rgba(8,200,248,.17);border-radius:12px;background:rgba(8,39,67,.5);gap:18px}
.webmail-panel .eyebrow{font-size:.65rem;letter-spacing:.11em;margin:0 0 4px}
.webmail-panel h2{font-size:1.13rem;line-height:1.3;margin:0 0 3px;letter-spacing:0}
.webmail-panel p:not(.eyebrow){font-size:.83rem;line-height:1.5;max-width:720px}
.mail-access-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:8px;border:1px solid rgba(8,200,248,.48);border-radius:8px;padding:10px 14px;color:#a9eeff;background:rgba(8,200,248,.06);font-weight:650;font-size:.85rem;transition:background .2s,border-color .2s}
.mail-access-btn:hover,.mail-access-btn:focus-visible{background:rgba(8,200,248,.16);border-color:var(--cyan);color:#fff}
@media(max-width:900px){.main-nav.open{gap:12px}.mail-nav{justify-content:flex-start;width:max-content;max-width:100%}.webmail-panel{align-items:stretch}.mail-access-btn{align-self:flex-start}}
@media(max-width:560px){.webmail-panel{padding:18px}.mail-access-btn{width:100%}}

/* Estado de envío del formulario */
.form-feedback { margin: 0 0 18px; padding: 15px 17px; border-radius: 12px; font-size: 0.95rem; line-height: 1.55; border: 1px solid transparent; }
.form-feedback[hidden] { display: none; }
.form-feedback--success { color: #d8ffec; background: rgba(21, 128, 78, .22); border-color: rgba(75, 222, 145, .55); }
.form-feedback--error { color: #ffe1e1; background: rgba(171, 45, 60, .20); border-color: rgba(255, 119, 119, .55); }
.form-feedback:focus { outline: 2px solid #00bdf2; outline-offset: 3px; }


/* v7: redes sociales integradas en el pie de página */
.footer-grid{grid-template-columns:1fr 1.25fr .65fr .9fr;align-items:start}
.footer-social{display:flex;flex-direction:column;gap:12px}
.footer-social-title{font-size:.83rem;color:var(--muted);font-weight:650}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-link{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(8,200,248,.045);color:#d8e8f5;font-size:.82rem;font-weight:650;transition:background .2s,border-color .2s,transform .2s}
.social-link svg{width:19px;height:19px;flex:none;color:var(--cyan)}
.social-link:hover,.social-link:focus-visible{background:rgba(8,200,248,.14);border-color:var(--cyan);color:#fff;transform:translateY(-2px)}
.social-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1050px){.footer-grid{grid-template-columns:1fr 1fr}.footer-social{grid-column:2}}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr}.footer-social{grid-column:auto}}

/* v8: bolsa de talento */
.careers-section{background:radial-gradient(circle at 5% 15%,rgba(157,43,181,.13),transparent 40%),linear-gradient(135deg,#061a30,#092a46);border-block:1px solid var(--line)}
.careers-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}.careers-intro h2{font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.1;margin:0 0 18px}.careers-intro h2 span{color:var(--cyan)}.careers-intro>p:not(.eyebrow){color:#c7d9e8;max-width:540px}.careers-areas{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.careers-areas span{padding:9px 12px;background:rgba(8,200,248,.07);border:1px solid rgba(8,200,248,.25);border-radius:9px;color:#d7f3ff;font-size:.82rem}.careers-note{padding:19px;border-left:3px solid var(--cyan);background:rgba(8,200,248,.06);border-radius:0 10px 10px 0;color:#c6d9e8}.careers-note strong{color:white}.careers-form{background:rgba(2,18,34,.88)}.careers-form-help{display:block;color:#aec9dc;font-size:.82rem}.careers-form input[type=file]{padding:10px}.careers-form label small{display:block;margin-top:5px;color:#a9bfd4}.careers-consent{display:flex!important;gap:10px;align-items:flex-start;line-height:1.5}.careers-consent input{width:auto!important;flex:none;margin:4px 0 0!important;accent-color:var(--cyan)}.careers-consent a{color:#79e5ff;text-decoration:underline}.careers-form .btn{margin-top:12px}@media(max-width:900px){.careers-layout{grid-template-columns:1fr;gap:28px}}

/* v9: especialidades de talento, tarjetas con separación y adaptación móvil */
.careers-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(26px,4vw,54px)}
.careers-intro,.careers-form{min-width:0}
.careers-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 30px}
.careers-areas .career-area{display:flex;align-items:center;gap:12px;min-width:0;min-height:80px;padding:15px;background:linear-gradient(135deg,rgba(10,54,86,.95),rgba(5,32,56,.94));border:1px solid rgba(8,200,248,.28);border-radius:12px;color:#edf8ff;font-size:.88rem;font-weight:650;line-height:1.35;transition:transform .2s,border-color .2s,background .2s}
.careers-areas .career-area:hover{transform:translateY(-3px);border-color:var(--cyan);background:#0c3553}
.career-area-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:rgba(8,200,248,.1);border:1px solid rgba(8,200,248,.35);color:#42d8ff;font-size:1.4rem;font-weight:800}
.careers-form{align-self:start}
@media(max-width:1050px){.careers-layout{grid-template-columns:1fr;gap:30px}.careers-intro>p:not(.eyebrow){max-width:780px}}
@media(max-width:600px){.careers-areas{grid-template-columns:1fr;gap:10px}.careers-areas .career-area{min-height:66px}.careers-form{padding:20px}}

/* v10 - Continuidad, backup, replicacion y alta disponibilidad */
.service-critical{border-color:rgba(8,200,248,.72);box-shadow:inset 0 0 0 1px rgba(8,200,248,.10),0 14px 38px rgba(0,0,0,.16)}
.service-critical .card-body{position:relative}
.service-tag{display:inline-flex!important;width:auto;margin:0 0 9px!important;padding:5px 9px;border:1px solid rgba(8,200,248,.45);border-radius:999px;background:rgba(8,200,248,.09);color:#62ddff!important;font-size:.68rem!important;font-weight:800;letter-spacing:.08em}

/* v12 - Tercerización y Gestión de Áreas TI */
.service-outsourcing{border-color:rgba(41,211,255,.28)}
.service-link{display:inline-block;margin-top:14px;color:#64e5ff;font-weight:700;text-decoration:none}
.service-link:hover{text-decoration:underline}
.ti-outsourcing{padding-top:18px}
.outsourcing-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;padding:38px;border:1px solid rgba(91,213,255,.22);border-radius:24px;background:linear-gradient(135deg,rgba(9,34,60,.96),rgba(18,27,55,.94));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.outsourcing-copy h2{margin:.35rem 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.outsourcing-copy h2 span{color:#56d9ff}.outsourcing-copy>p{max-width:760px;color:var(--muted,#b7c7d9);line-height:1.7}
.outsourcing-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.outsourcing-modes div{padding:17px;border:1px solid rgba(105,218,255,.16);border-radius:14px;background:rgba(255,255,255,.035)}.outsourcing-modes strong,.outsourcing-modes span{display:block}.outsourcing-modes strong{margin-bottom:6px;color:#fff}.outsourcing-modes span{font-size:.9rem;line-height:1.45;color:var(--muted,#b7c7d9)}
.outsourcing-scope{align-self:stretch;padding:26px;border-radius:18px;background:rgba(1,15,29,.48);border:1px solid rgba(126,105,255,.2)}.outsourcing-scope h3{margin-top:0;color:#fff}.outsourcing-scope ul{margin:18px 0 0;padding:0;list-style:none}.outsourcing-scope li{position:relative;padding:10px 0 10px 25px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted,#b7c7d9)}.outsourcing-scope li:before{content:'✓';position:absolute;left:0;color:#56d9ff;font-weight:800}.outsourcing-scope li:last-child{border-bottom:0}
@media(max-width:900px){.outsourcing-panel{grid-template-columns:1fr;padding:26px}.outsourcing-modes{grid-template-columns:1fr}}@media(max-width:560px){.outsourcing-panel{padding:20px;border-radius:18px}.outsourcing-cta{width:100%;text-align:center}}

/* v14 - Servicios interactivos */
.visual-card{cursor:pointer;position:relative}
.visual-card:after{content:'Ver detalles  →';display:block;margin:0 22px 22px;color:var(--cyan);font-weight:800;font-size:.84rem;letter-spacing:.02em}
.visual-card>img[src*='-v13']{height:205px;object-fit:contain;object-position:center;background:#041426;padding:3px}
.service-outsourcing>img{height:225px!important;object-fit:contain!important;object-position:center!important}
.service-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,8,18,.82);backdrop-filter:blur(8px)}
.service-modal.open{display:flex}.service-modal-dialog{position:relative;width:min(980px,96vw);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#082743,#031727);border:1px solid rgba(8,200,248,.5);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.service-modal-close{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(2,15,28,.85);color:#fff;font-size:1.55rem;cursor:pointer}.service-modal-grid{display:grid;grid-template-columns:.95fr 1.05fr;min-height:500px}.service-modal-media{background:#031522;display:flex;align-items:center;justify-content:center;padding:18px}.service-modal-media img{width:100%;max-height:560px;object-fit:contain;border-radius:12px}.service-modal-content{padding:48px 42px}.service-modal-content h2{font-size:clamp(2rem,4vw,3.1rem);margin:4px 0 14px;line-height:1.05}.service-modal-content .modal-intro{color:#c9d9e8;font-size:1.03rem}.service-modal-content h4{margin:25px 0 10px;color:var(--cyan)}.service-modal-content ul{padding-left:20px;color:#c5d7e6}.service-modal-content li{margin:8px 0}.service-modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.service-modal-kicker{color:var(--cyan);font-weight:800;font-size:.76rem;letter-spacing:.13em}.service-modal-note{margin-top:18px;padding:13px 15px;border-left:3px solid var(--cyan);background:rgba(8,200,248,.07);color:#d8e8f4;font-size:.9rem}
body.modal-open{overflow:hidden}
@media(max-width:760px){.service-modal{padding:10px}.service-modal-grid{grid-template-columns:1fr}.service-modal-media{min-height:220px}.service-modal-media img{max-height:300px}.service-modal-content{padding:28px 22px 32px}.service-modal-close{right:10px;top:10px}.visual-card>img[src*='-v13']{height:190px}}

/* v16 - Imágenes de servicios de alta calidad */
.visual-card > img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  display: block;
}
.service-modal img,
.modal-service-image img,
#serviceModal img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}


/* Identidad corporativa 2026: actualización de marca */
:root{--bg:#160e28;--bg2:#25143e;--panel:#2b194a;--cyan:#ae70ff;--blue:#5c2fe0;--violet:#8e45f4;--text:#faf8ff;--muted:#cbbde3;--line:rgba(177,112,255,.32)}
body{background:var(--bg);font-family:Poppins,Segoe UI,Arial,sans-serif}
.site-header{background:rgba(24,12,43,.94)}
.brand img.new-brand-logo{width:210px;height:auto;max-height:66px;object-fit:contain;object-position:left;border-radius:0}
.footer-brand img.new-footer-logo{width:225px;height:auto;max-height:85px;object-fit:contain;border-radius:0}
.hero{background:radial-gradient(circle at 85% 12%,rgba(131,59,232,.33),transparent 36%),radial-gradient(circle at 5% 90%,rgba(87,35,153,.38),transparent 35%),linear-gradient(120deg,#140c25,#35175b 62%,#1c1033)}
.hero:before{background-image:linear-gradient(rgba(185,125,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(185,125,255,.04) 1px,transparent 1px)}
.btn{background:linear-gradient(100deg,#6024d6,#9d49f5);box-shadow:0 10px 30px rgba(113,42,226,.25)}
.btn-outline{background:transparent;border-color:#a96cff}
.card{background:linear-gradient(180deg,rgba(58,32,95,.9),rgba(29,16,51,.95))}
.visual-card .icon{background:#321b52}
.sectors{background:#201238}.sector{background:rgba(53,29,87,.7);border-color:#7542c4}
.expertise{background:radial-gradient(circle at 0 50%,rgba(158,78,244,.18),transparent 35%)}
.contact-section{background:linear-gradient(125deg,#21113b,#46206e 62%,#24133d)}
.contact-form,.service-modal-dialog{background:linear-gradient(145deg,#30194f,#1b102e)}
.contact-form input,.contact-form select,.contact-form textarea{background:#251439;border-color:#67428f}
footer{background:#10091c}
.careers-section{background:radial-gradient(circle at 5% 15%,rgba(151,67,244,.2),transparent 40%),linear-gradient(135deg,#1e1133,#351b57)}
.webmail-section{background:#25143d;border-color:var(--line)}
.service-modal-media{background:#1b102e}
.main-nav.open{background:#1a0e2d}
@media(max-width:560px){.brand img.new-brand-logo{width:164px;max-height:52px}.footer-brand img.new-footer-logo{width:200px}}

/* v18: actualización visual según identidad morada y maqueta aprobada */
:root{--bg:#120d25;--bg2:#1c1237;--panel:#241542;--cyan:#9e55ff;--blue:#7536ef;--violet:#a65aff;--text:#faf8ff;--muted:#cbbde3;--line:rgba(177,112,255,.28)}
body{font-family:Poppins,Inter,'Segoe UI',Arial,sans-serif}
.site-header{background:rgba(17,11,35,.96);border-bottom:1px solid rgba(170,104,255,.2)}
.btn{border-radius:100px;background:linear-gradient(110deg,#7534ef,#a04cff);box-shadow:0 12px 30px rgba(107,48,229,.25)}
.btn-outline{background:transparent;border-color:#ae83ec}
.hero{background:radial-gradient(circle at 95% 95%,rgba(136,54,243,.35),transparent 40%),linear-gradient(110deg,#100b25,#21133f)}
.hero-grid{grid-template-columns:.92fr 1.08fr;gap:18px;min-height:530px}
.hero h1{font-size:clamp(2.6rem,4.2vw,4.35rem);letter-spacing:-.05em}
.hero h1 span,.section h2 span{color:#a254ff}
.hero-visual{height:465px}
.server-scene{clip-path:none;border:0;border-radius:16px;overflow:hidden}
.hero-photo{object-fit:cover;object-position:center;filter:none}
.hero-badge{display:none}
.trust-row b{color:#af70ff;border-color:#8852df}
#servicios{background:#f8f7fc;color:#17102d}
#servicios .eyebrow{color:#7b39ec}
#servicios .section-heading p:not(.eyebrow){color:#625a74}
#servicios .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#servicios .visual-card{background:#fff;color:#17102d;border:1px solid #e8e1f3;box-shadow:0 6px 20px rgba(37,20,75,.06);border-radius:12px;min-height:0;display:flex;flex-direction:column}
#servicios .visual-card>img{height:160px;object-fit:cover;background:#130e27;padding:0;border:0}
#servicios .visual-card .card-body{padding:15px 17px 8px;flex:1}
#servicios .visual-card .icon{margin:0 0 10px;background:#f3ebff;color:#7c39ee;border:0;box-shadow:none;width:35px;height:35px;font-size:1.2rem}
#servicios .visual-card h3{font-size:1rem;line-height:1.25;color:#19132f}
#servicios .visual-card p{color:#5f5970;font-size:.82rem;line-height:1.5}
#servicios .visual-card:after{content:'Ver detalles  →';align-self:flex-start;color:#7934ec;border:1px solid #b687f6;border-radius:100px;padding:7px 15px;margin:15px 17px 18px;font-size:.79rem}
#servicios .service-tag{color:#783be2!important;font-weight:800}
#servicios .service-link{color:#7733d7}
@media(max-width:1050px){#servicios .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;padding:45px 0}.hero-visual{height:330px}#servicios .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#servicios .service-grid{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.hero-visual{height:250px}}