/* Magna Computación — V6. Refinamientos comerciales y nuevo logo temporal. */
/* El logo original de esta versión permanece intacto; solo ajustamos el tamaño de presentación. */
.brand{width:273px}
.brand img{display:block;width:100%;height:auto;max-height:calc(var(--header-h) - 13px);object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 13px rgba(35,58,255,.16))}
.footer-brand-image{max-width:245px}
.footer-brand-image img{display:block;width:100%;height:auto;object-fit:contain}
.hero-copy .hero-lead{max-width:555px;font-size:17px}
.hero .hero-actions .btn-primary{box-shadow:0 15px 43px rgba(46,84,255,.3)}
.hero .hero-actions .btn-primary:focus-visible,.solution-link:focus-visible,.approach-cta:focus-visible{outline:2px solid #bfdeff;outline-offset:4px}
.hero-trust{line-height:1.5;margin-top:36px}
/* Productized solutions */
.solutions{background:linear-gradient(180deg,#080e1e 0%,#0a1225 100%);border-top:1px solid rgba(146,174,243,.09);border-bottom:1px solid rgba(146,174,243,.09)}
.solutions-head>p{color:#a7b6d1}
.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.solution-tile{display:flex;flex-direction:column;min-width:0;min-height:522px;border:1px solid #283952;border-radius:22px;padding:23px 25px 24px;background:linear-gradient(150deg,#121c33,#0b1324 75%);box-shadow:0 18px 40px rgba(0,0,0,.12);transition:transform .28s,border-color .28s,box-shadow .28s;overflow:hidden}
.solution-tile:hover{transform:translateY(-6px);border-color:#5e80d0;box-shadow:0 26px 55px rgba(0,0,0,.27)}
.solution-tile-primary{border-color:#4564a8;background:linear-gradient(147deg,#1b2e56,#101a33 72%)}
.solution-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a0b8fa;font-weight:800;letter-spacing:.145em;font-size:10px}
.solution-top>span:last-child{font-size:20px;color:#cad7ff;letter-spacing:0;font-weight:500}
.solution-graphic{height:167px;min-height:167px;position:relative;display:grid;place-items:center;margin:17px -1px 23px;border:1px solid rgba(132,164,238,.12);border-radius:17px;overflow:hidden;background:radial-gradient(circle at 55% 20%,#4775ed43,transparent 70%),#0c1931}
.solution-graphic:before{content:'';position:absolute;inset:0;opacity:.33;background-image:linear-gradient(#5c7bbc21 1px,transparent 1px),linear-gradient(90deg,#5c7bbc21 1px,transparent 1px);background-size:28px 28px}
.mock-screen{width:72%;height:125px;position:absolute;bottom:-18px;left:11%;border:1px solid #6381cc77;background:linear-gradient(145deg,#26395f,#0c1527);border-radius:11px 11px 0 0;box-shadow:14px 0 0 #7a9cfc13,0 10px 30px #0006;padding:31px 20px 15px;transform:rotate(-6deg)}
.mock-screen i{position:absolute;inset:10px auto auto 14px;width:29px;height:5px;border-radius:20px;background:linear-gradient(90deg,#f3777a 0 27%,transparent 27% 36%,#f7ce78 36% 63%,transparent 63% 72%,#73d9a4 72%)}
.mock-screen b{display:block;font:700 29px/1 'Outfit',sans-serif;letter-spacing:-.04em;color:white}
.mock-screen b span{color:#83a1ff}.mock-screen em{display:block;font-size:9px;font-style:normal;color:#a5bbf0;margin-top:8px}.mock-screen u{display:block;width:43%;height:6px;background:#557bff;border-radius:99px;margin-top:12px;text-decoration:none}
.mock-chip,.shop-tag,.secure-pill{position:absolute;z-index:2;right:15px;top:20px;font-size:9px;font-weight:900;letter-spacing:.12em;border-radius:999px;padding:8px 11px;background:#152a44;color:#93d7f4;border:1px solid #4c7a9a;box-shadow:0 5px 20px #0005}
.shop-graphic{background:radial-gradient(circle at 45% 55%,#436daa55,transparent 64%),#0d1930}.shop-bag{font-size:102px;font-weight:600;line-height:1;color:#8eb5ff;text-shadow:0 0 55px #486eeeb4;transform:rotate(-8deg)}
.shop-tag{top:auto;bottom:19px;right:auto;left:18px}.shop-dot{position:absolute;width:70px;height:70px;border:1px solid #81bcff44;right:10%;top:20%;border-radius:50%}
.security-graphic{background:radial-gradient(circle at 50% 48%,#286ba362,transparent 65%),#0a1830}.security-orbit{position:absolute;border:1px solid #5e9df344;border-radius:50%;width:156px;height:156px}.security-orbit.orbit-b{width:205px;height:205px}.security-shield{display:grid;place-items:center;position:relative;width:86px;height:91px;background:linear-gradient(150deg,#80cefe,#356aff);clip-path:polygon(50% 0,91% 17%,86% 71%,50% 100%,14% 71%,9% 17%);color:#0a1430;font-size:41px;font-weight:900;text-shadow:0 1px 0 #fff7;box-shadow:0 0 20px #6b9bff}.secure-pill{top:auto;bottom:12px;right:14px}
.solution-tile h3{font-size:27px;letter-spacing:-.035em;margin:0 0 10px}
.solution-tile p{color:#a4b3ce;font-size:13px;line-height:1.75;margin:0 0 20px;min-height:89px}
.solution-includes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}
.solution-includes span{border-radius:99px;font-size:10px;padding:7px 10px;color:#cedcf8;background:#20345888;border:1px solid #415b9088;font-weight:700}
.solution-link{margin-top:auto;border-top:1px solid #5670a03c;padding:21px 0 3px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d9e4ff;font-weight:800;transition:color .2s}
.solution-link span{font-size:22px;font-weight:500}.solution-link:hover{color:#8bc9ff}
.solutions-note{font-size:12px;color:#8595b3;line-height:1.7;margin:22px 0 0}
/* Explain the buying journey rather than inventing customer testimonials. */
.approach{background:radial-gradient(ellipse at 10% 50%,#142a5a55,transparent 65%),#0a1020;border-bottom:1px solid rgba(132,166,240,.1)}
.approach-grid{display:grid;grid-template-columns:.88fr 1fr;gap:95px;align-items:start}
.approach-heading>p{color:#a1b1cd;max-width:390px;font-size:15px;margin:26px 0 28px}
.approach-cta{display:inline-flex;gap:32px;align-items:center;font-size:13px;font-weight:800;color:#d2e0ff;padding-bottom:10px;border-bottom:1px solid #7a9bd8}
.approach-cta:hover{color:#fff}
.approach-steps{padding:0;margin:6px 0 0;list-style:none}
.approach-steps li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #36486877}
.approach-steps li:first-child{padding-top:0}
.approach-steps li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;border:1px solid #5371bd;background:#1b2c4f;color:#91baff;font:700 14px 'Outfit',sans-serif}
.approach-steps h3{font-size:21px;margin:2px 0 9px;letter-spacing:-.025em}
.approach-steps p{font-size:13px;color:#a4b2ca;margin:0}
/* Keep all sticky header and dropdown behavior from V5 untouched. */
@media(max-width:1200px){.brand{width:238px}}
@media(max-width:1050px){.brand{width:215px}.solutions-grid{gap:13px}.solution-tile{padding:20px 19px}}
@media(max-width:880px){.brand{width:218px}.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-grid{grid-template-columns:1fr;gap:32px}.approach-heading>p{margin:18px 0 20px}.approach-steps{margin-top:0}}
@media(max-width:600px){.brand{width:187px}.brand img{max-height:calc(var(--header-h) - 11px)}.footer-brand-image{max-width:235px}.hero-lead{font-size:15px!important}.hero .hero-actions{gap:10px}.hero .hero-actions .btn-primary{min-width:0}.hero-trust{margin-top:25px;font-size:11px}.solutions-grid{grid-template-columns:1fr}.solution-tile{min-height:0;padding:22px}.solution-tile p{min-height:0}.solution-graphic{height:180px}.approach-steps li{grid-template-columns:49px 1fr;gap:15px;padding:23px 0}.approach-steps li>span{height:42px;width:42px}.approach-steps h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.solution-tile{transition:none}}