/* MAGNA Computación V19.4 — Pulido corporativo integral, web, menús y contraste. */
:root{--magna-ink:#12365f;--magna-blue:#1859c7;--magna-light:#eff6ff}
/* Navegación: compacta, visible, suave y consistente. Estructura/contenido intactos. */
body.magna-corporate .nav-group{isolation:isolate}
body.magna-corporate .nav-trigger{border-radius:10px!important;width:30px;height:30px;background:#edf4ff!important;border:1px solid #c4d8f0!important;color:#164d9d!important;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
body.magna-corporate .nav-trigger:hover,body.magna-corporate .nav-group.is-open .nav-trigger{background:#1656c5!important;border-color:#1656c5!important;color:#fff!important;box-shadow:0 5px 14px #1254b333}
body.magna-corporate .nav-trigger:hover .nav-trigger-symbol,body.magna-corporate .nav-group.is-open .nav-trigger-symbol{color:#fff!important}
body.magna-corporate .nav-panel{top:100%;border:1px solid #c8daf0!important;border-radius:17px!important;background:#fff!important;color:#173b69!important;padding:18px!important;box-shadow:0 22px 48px rgba(19,56,105,.21)!important;animation:magnaMenuIn .17s ease-out both}
@keyframes magnaMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
body.magna-corporate .nav-panel::before{height:3px;background:linear-gradient(90deg,#1859cc,#70b5f6,transparent)}
body.magna-corporate .nav-services-panel{width:min(720px,calc(100vw - 36px))}
body.magna-corporate .nav-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.magna-corporate .nav-avg-panel{width:min(625px,calc(100vw - 36px))}
body.magna-corporate .nav-panel-head{background:#eff6ff!important;border:1px solid #e0ecfa!important;border-bottom:1px solid #d5e5f7!important;padding:15px 17px!important;border-radius:12px;margin-bottom:13px}
body.magna-corporate .nav-panel-head strong{color:#133864!important;font-size:19px}
body.magna-corporate .nav-service-title{color:#13447b!important;border-bottom:1px solid #d5e5f5!important;margin-bottom:6px;padding:10px 8px!important}
body.magna-corporate .nav-service-title:hover{color:#0b54c4!important}
body.magna-corporate .nav-service-items a{color:#355879!important;padding:9px 10px!important;border-radius:9px}
body.magna-corporate .nav-service-items a:hover,body.magna-corporate .nav-service-items a:focus-visible{color:#0e469e!important;background:#e6f1ff!important}
body.magna-corporate :is(.nav-panel a,.nav-trigger,.nav-link):focus-visible{outline:3px solid #3184de!important;outline-offset:3px}
/* Global controls: no invisible normal/hover/selected/focus labels */
body.magna-corporate .portfolio .filter-btn{background:#fff!important;border:1px solid #b8d0ec!important;color:#1c4c86!important;font-weight:750}
body.magna-corporate .portfolio .filter-btn:hover,body.magna-corporate .portfolio .filter-btn:focus-visible{background:#ddecff!important;border-color:#5996e1!important;color:#0e428c!important}
body.magna-corporate .portfolio .filter-btn.active,body.magna-corporate .portfolio .filter-btn.active:hover,body.magna-corporate .portfolio .filter-btn.active:focus-visible{background:#1456c8!important;border-color:#1456c8!important;color:#fff!important}
body.magna-corporate .portfolio .filter-btn:focus-visible{outline:3px solid #93c5fd!important;outline-offset:3px}
/* Desarrollo Web — contraste, composición y ritmo */
body.magna-corporate.web-page .web-hero{background:radial-gradient(ellipse at 82% 44%,rgba(91,148,239,.27),transparent 55%),linear-gradient(115deg,#f8fbff 1%,#eef6ff 70%,#e4f0ff 100%)!important}
body.magna-corporate.web-page .web-hero-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:32px;min-height:0;padding-top:42px;padding-bottom:24px;align-items:center}
body.magna-corporate.web-page .web-hero h1{font-size:clamp(43px,4.45vw,64px);line-height:1.075;letter-spacing:-.052em;max-width:610px;margin:16px 0 18px;color:#103865!important}
body.magna-corporate.web-page .web-hero .web-muted-line{color:#2667c6!important}
body.magna-corporate.web-page .web-breadcrumb{margin-bottom:23px;color:#4c6787}
body.magna-corporate.web-page .web-hero-copy>p{font-size:14px;line-height:1.72;max-width:530px;color:#49698b!important}
body.magna-corporate.web-page .web-hero-actions{margin-top:22px;gap:12px}
body.magna-corporate.web-page .web-hero-actions .btn-ghost{background:#fff!important;color:#134c9d!important;border:1px solid #bfd5f4!important;box-shadow:0 5px 14px #184c8710}
body.magna-corporate.web-page .web-hero-actions .btn-ghost:hover{background:#ddecff!important;color:#103d86!important;border-color:#8fb7ec!important}
body.magna-corporate.web-page .web-trust-line{margin-top:22px;color:#4d6e97!important}
body.magna-corporate.web-page .web-hero-showcase{height:390px;width:100%;min-width:0;max-width:100%;margin:0}
body.magna-corporate.web-page .web-browser{box-shadow:0 22px 40px #153d813d,0 0 0 5px #fff9;border-color:#9cbfe6}
body.magna-corporate.web-page .web-browser-main{top:30px;left:1%;width:94%;height:290px;transform:rotate(-1.4deg)}
body.magna-corporate.web-page .web-browser-main img{object-position:top center;filter:saturate(1.06)}
body.magna-corporate.web-page .web-browser-side{right:-1%;bottom:3px;width:31%;height:198px;transform:rotate(4deg)}
body.magna-corporate.web-page .web-proof-chip{left:3%;bottom:10px;background:#103875;border-color:#386baa;box-shadow:0 13px 25px #15396545}
body.magna-corporate.web-page .web-proof-chip strong{color:#fff!important}
body.magna-corporate.web-page .web-proof-chip small{color:#d6e5fc!important}
body.magna-corporate.web-page .web-showcase-halo{width:400px;height:400px;top:0;right:3%;box-shadow:0 0 0 45px #4b91e914,0 0 0 90px #4b91e909}
/* Encontrá tu solución: barra compacta sin gran salto entre hero y contenido */
body.magna-corporate.web-page .web-toc{position:relative;z-index:3;background:#fff;border:1px solid #d2e3f7;border-radius:15px;box-shadow:0 12px 28px #143d7413;margin-bottom:18px;padding:13px 16px;gap:9px}
body.magna-corporate.web-page .web-toc>span{color:#184e9a!important;font-size:10px;letter-spacing:.12em}
body.magna-corporate.web-page .web-toc a{background:#eff6ff;color:#1754a5;border:1px solid #d0e1f5;padding:10px 12px;font-weight:750}
body.magna-corporate.web-page .web-toc a:hover,body.magna-corporate.web-page .web-toc a:focus-visible{color:#fff;background:#1959c6;border-color:#1959c6}
body.magna-corporate.web-page :is(.web-types,.web-value,.web-work,.web-process,.web-faq,.web-contact){padding-block:clamp(56px,5.8vw,78px)!important}
body.magna-corporate.web-page .web-types{padding-top:45px!important;background:#fff}
body.magna-corporate.web-page .web-section-intro{margin-bottom:26px}
body.magna-corporate.web-page .web-section-intro h2{color:#143b6c!important}
body.magna-corporate.web-page .web-section-intro p{color:#516e8b!important}
body.magna-corporate.web-page .web-type{border-color:#314a74;background:linear-gradient(150deg,#162644,#0f1d36)}
body.magna-corporate.web-page .web-type-body h3{color:#fff!important;font-weight:700;text-shadow:none}
body.magna-corporate.web-page .web-type-body p{color:#d3e3f7!important}
body.magna-corporate.web-page .web-type-body li{color:#e3edfa!important}
body.magna-corporate.web-page .web-type-body>a{color:#a9d3ff!important;border-top:1px solid #ffffff30}
body.magna-corporate.web-page .web-type-body>a:hover,body.magna-corporate.web-page .web-type-body>a:focus-visible{color:#fff!important;text-decoration:underline;text-underline-offset:4px}
body.magna-corporate.web-page .web-type-num{color:#c3d9ff!important}
body.magna-corporate.web-page .web-epk-visual strong{color:#eff5ff!important;text-shadow:0 4px 22px #071b49af}
body.magna-corporate.web-page .web-epk-visual strong span{color:#8fb6ff!important}
/* CTA a medida: una pieza comercial, no una línea suelta */
body.magna-corporate.web-page .web-custom-note{background:radial-gradient(circle at 88% 40%,#357cef94,transparent 30%),linear-gradient(110deg,#10356d,#195abb 93%);border:1px solid #306bc1;border-radius:18px;padding:23px 25px;box-shadow:0 14px 36px #16457d21;position:relative;overflow:hidden}
body.magna-corporate.web-page .web-custom-note::after{content:"";position:absolute;pointer-events:none;right:-25px;top:-98px;width:230px;height:230px;border-radius:50%;border:1px solid #ffffff2c;box-shadow:0 0 0 35px #ffffff0c,0 0 0 70px #ffffff0a}
body.magna-corporate.web-page .web-custom-note>svg{flex:0 0 48px;width:48px;height:48px;padding:13px;box-sizing:border-box;border-radius:12px;background:#ffffff1c;color:#fff}
body.magna-corporate.web-page .web-custom-note>div{position:relative;z-index:1}
body.magna-corporate.web-page .web-custom-note strong{color:#fff!important;font-size:20px}
body.magna-corporate.web-page .web-custom-note p{color:#dbeafe!important;line-height:1.6;max-width:600px}
body.magna-corporate.web-page .web-custom-note a{position:relative;z-index:1;color:#123e82!important;background:#fff;border:1px solid #fff;padding:13px 17px;border-radius:10px;box-shadow:0 5px 14px #092d5e30}
body.magna-corporate.web-page .web-custom-note a:hover{background:#e2f0ff;color:#0b3684!important}
body.magna-corporate.web-page .web-value{background:linear-gradient(115deg,#eaf4ff,#f7fbff)!important}
body.magna-corporate.web-page .web-value h2{color:#123963!important}
body.magna-corporate.web-page .web-value h2 .muted{color:#4b719e!important}
body.magna-corporate.web-page .web-value-grid{gap:50px}
body.magna-corporate.web-page .web-value-grid>div:first-child>p{color:#526d88!important}
body.magna-corporate.web-page .web-value .web-simple-link,body.magna-corporate.web-page .web-work .web-simple-link{color:#1554ae!important;border-color:#8db6e5}
body.magna-corporate.web-page .web-value .web-simple-link:hover,body.magna-corporate.web-page .web-work .web-simple-link:hover{color:#083c83!important}
body.magna-corporate.web-page .web-work-caption h3{color:#123a66!important}
body.magna-corporate.web-page .web-work-caption p{color:#506d8a!important}
body.magna-corporate.web-page .web-process-steps article>span{color:#2363be!important}
body.magna-corporate.web-page .web-process h2 .muted{color:#50729b!important}
body.magna-corporate.web-page .web-faq h2 .muted{color:#50729b!important}
body.magna-corporate.web-page .web-scope-note{color:#5c7193!important}
/* Contacto: bloque protagonista con tarjeta blanca + banda azul, títulos siempre legibles */
body.magna-corporate.web-page .web-contact{position:relative;isolation:isolate;background:radial-gradient(ellipse at 17% 17%,#2863b0 0,transparent 46%),linear-gradient(130deg,#0c3069,#11294e 80%)!important;overflow:hidden}
body.magna-corporate.web-page .web-contact::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:480px;height:480px;border:1px solid #99c7ff24;border-radius:50%;left:-210px;bottom:-270px;box-shadow:0 0 0 55px #b3d5ff0b,0 0 0 115px #b3d5ff09}
body.magna-corporate.web-page .web-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(30px,5vw,68px);align-items:center}
body.magna-corporate.web-page .web-contact .section-index{color:#b5d8ff!important;letter-spacing:.17em}
body.magna-corporate.web-page .web-contact h2{font-size:clamp(39px,4.1vw,57px);line-height:1.1;color:#fff!important;margin:16px 0 14px}
body.magna-corporate.web-page .web-contact h2 em{color:#91c8ff!important}
body.magna-corporate.web-page .web-contact-grid>div>p{color:#d6e9ff!important;font-size:14px;line-height:1.7;margin:16px 0 26px}
body.magna-corporate.web-page .web-direct-wa{background:#fff;border-color:#fff;box-shadow:0 11px 28px #001b4147;color:#0c3b78!important;padding:13px 18px}
body.magna-corporate.web-page .web-direct-wa:hover{background:#e6f2ff;border-color:#d6edff}
body.magna-corporate.web-page .web-direct-wa small{color:#255b9c!important}
body.magna-corporate.web-page .web-direct-wa strong{color:#113f82!important}
body.magna-corporate.web-page .web-contact-proof{color:#c9defa!important;margin-top:24px}
body.magna-corporate.web-page .web-contact-form{background:#fff!important;border:1px solid #c7def8!important;color:#153d69!important;border-radius:19px;box-shadow:0 24px 49px #001c3c52;padding:clamp(23px,3vw,34px)}
body.magna-corporate.web-page .web-contact-form .web-form-eyebrow{color:#2462b8!important}
body.magna-corporate.web-page .web-contact-form h3{color:#123b6a!important;font-size:26px}
body.magna-corporate.web-page .web-contact-form>p:not(.form-error){color:#547290!important;margin-bottom:15px}
body.magna-corporate.web-page .web-contact-form label{color:#1a4577!important;margin-bottom:6px}
body.magna-corporate.web-page .web-contact-form label span{color:#1460c8!important}
body.magna-corporate.web-page .web-contact-form :is(input,select,textarea){background:#f5f9fe!important;color:#163e6e!important;border:1px solid #bfd5ef!important;margin-bottom:13px;min-height:43px;color-scheme:light}
body.magna-corporate.web-page .web-contact-form :is(input,select,textarea):focus-visible{outline:2px solid #277bd7!important;outline-offset:2px}
body.magna-corporate.web-page .web-contact-form :is(input,textarea)::placeholder{color:#687f9d!important}
body.magna-corporate.web-page .web-contact-form>small{color:#607c9a!important}
body.magna-corporate.web-page .web-contact-form .form-error{color:#b5273b!important}
body.magna-corporate.web-page .web-contact-form .btn-primary{background:#1859cb!important;color:#fff!important;border-color:#1859cb!important}
body.magna-corporate.web-page .web-contact-form .btn-primary:hover{background:#0b409d!important;color:#fff!important}
/* Responsive, without huge anchor gaps */
@media(max-width:1100px){body.magna-corporate.web-page .web-hero-grid{grid-template-columns:1fr 1fr;gap:12px}body.magna-corporate.web-page .web-browser-main{width:96%}}
@media(max-width:880px){body.magna-corporate .nav-panel{animation:none;position:static;transform:none;max-height:none;width:100%;margin:0 0 12px}body.magna-corporate .nav-trigger{width:37px;height:37px}body.magna-corporate.web-page .web-hero-grid{grid-template-columns:1fr;gap:4px;padding:28px 0 6px}body.magna-corporate.web-page .web-hero-showcase{width:min(100%,600px);height:360px}body.magna-corporate.web-page .web-browser-main{top:25px;height:260px;width:90%;left:2%}body.magna-corporate.web-page .web-browser-side{bottom:0;height:182px}body.magna-corporate.web-page .web-contact-grid{grid-template-columns:1fr;gap:29px}}
@media(max-width:680px){body.magna-corporate.web-page .web-hero h1{font-size:clamp(36px,9vw,49px)}body.magna-corporate.web-page .web-hero-grid{padding-top:22px}body.magna-corporate.web-page .web-hero-showcase{height:275px;margin:0 auto 4px}body.magna-corporate.web-page .web-browser-main{height:196px;top:27px;width:94%;left:0}body.magna-corporate.web-page .web-browser-side{height:143px;width:36%;bottom:5px;right:0}body.magna-corporate.web-page .web-proof-chip{left:3%;bottom:0;padding:9px 12px}body.magna-corporate.web-page .web-showcase-halo{width:260px;height:260px}body.magna-corporate.web-page .web-toc{margin:0 0 9px;padding:12px;gap:7px}body.magna-corporate.web-page .web-toc a{font-size:11px;padding:9px 10px}body.magna-corporate.web-page :is(.web-types,.web-value,.web-work,.web-process,.web-faq,.web-contact){padding-block:44px!important}body.magna-corporate.web-page .web-types{padding-top:32px!important}body.magna-corporate.web-page .web-custom-note{padding:20px;gap:12px}body.magna-corporate.web-page .web-custom-note>svg{flex-basis:40px;width:40px;height:40px;padding:9px}body.magna-corporate.web-page .web-custom-note>div{flex-basis:calc(100% - 55px)}body.magna-corporate.web-page .web-custom-note a{width:100%;text-align:center;padding:12px;margin-left:0;white-space:normal}body.magna-corporate.web-page .web-contact-form{padding:21px}body.magna-corporate.web-page .web-value-grid{gap:25px}}
@media(max-width:400px){body.magna-corporate.web-page .web-proof-chip small{display:none}body.magna-corporate.web-page .web-custom-note strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){body.magna-corporate .nav-panel{animation:none!important}body.magna-corporate.web-page .web-type{transition:none}}

/* El encabezado blanco debe ocultar el contenido al desplazarse. */
body.magna-corporate .site-header{background:#fff!important}
@media(max-width:680px){
 body.magna-corporate.web-page.magna-contact-visible .float-whatsapp,
 body.magna-corporate.web-page.magna-contact-visible .back-to-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

/* Marca completa · V19.4.1: el lockup institucional debe admitir Magna Computación. */
.corp-about-mark>span{font-size:17px;letter-spacing:.075em;max-width:94%;line-height:1.25}
@media(max-width:600px){.corp-about-mark>span{font-size:16px;letter-spacing:.06em}}