/* V19.8 — diseño más comercial e identidad unificada. Sin precios ni planes. */
/* Nav: tres áreas de negocio en el orden comercial aprobado. */
body.magna-corporate .main-nav{gap:clamp(6px,1vw,14px)}
body.magna-corporate .nav-group-link{white-space:nowrap}
body.magna-corporate .nav-link-development{white-space:nowrap}
body.magna-corporate .nav-infra-panel{left:-145px;right:auto;width:min(615px,calc(100vw - 40px));max-width:calc(100vw - 40px)}
body.magna-corporate .nav-infra-panel .nav-infra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body.magna-corporate .nav-infra-panel .nav-service-title{font-size:13px}
body.magna-corporate .nav-infra-panel .nav-service-items{gap:1px}
body.magna-corporate .nav-infra-panel .nav-service-items a{min-height:31px}
body.magna-corporate .nav-group:has(.nav-group-link[href*="avg/"]) .nav-group-link{font-weight:760}
body.magna-corporate .nav-link-development:hover{color:#1958c4!important}
/* Las fichas de infraestructura dejan de ser cuatro cajas idénticas */
body.infra-page .infra-main .infra-impact-section{background:linear-gradient(125deg,#f5f9ff,#eaf3ff 65%,#f9fcff);padding:clamp(39px,4.2vw,58px) 0;border-block:1px solid #e0eaf7}
.infra-impact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:stretch}
.infra-impact-story{position:relative;overflow:hidden;isolation:isolate;border-radius:21px;padding:clamp(26px,3vw,39px);background:linear-gradient(145deg,#102e65,#1253bb);box-shadow:0 20px 42px #153e8b29;min-height:300px;display:flex;flex-direction:column;justify-content:center}
.infra-impact-story::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-85px;top:-120px;width:305px;height:305px;border-radius:50%;background:radial-gradient(circle,#58b8ff50,transparent 64%);box-shadow:0 0 0 37px #ffffff0a,0 0 0 82px #ffffff06}
.infra-impact-story .infra-eyebrow{color:#a7d5ff!important;letter-spacing:.14em}
body.infra-page .infra-main .infra-impact-story h2{font-size:clamp(31px,3.1vw,43px);line-height:1.12;color:#fff!important;margin:17px 0 14px;max-width:500px}
body.infra-page .infra-main .infra-impact-story p{font-size:14px;color:#e1efff!important;line-height:1.65;margin:0 0 21px;max-width:480px}
body.infra-page .infra-main a.infra-impact-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;align-self:flex-start;border-radius:11px;background:#fff;color:#10428f!important;font-size:13px;font-weight:850;padding:13px 17px;box-shadow:0 9px 19px #05245735;transition:transform .2s,background .2s}
body.infra-page .infra-main a.infra-impact-cta:hover,body.infra-page .infra-main a.infra-impact-cta:focus-visible{background:#e6f2ff;color:#0e3b82!important;transform:translateY(-2px)}
.infra-impact-proof{font-size:10px;font-weight:730;color:#b9d7fa;display:block;margin-top:17px;line-height:1.5}
.infra-impact-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.infra-impact-benefit{padding:19px 20px;background:#fff;border:1px solid #d7e7fb;border-radius:17px;box-shadow:0 12px 29px #18447f0b;display:flex;flex-direction:column;justify-content:center;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s}
.infra-impact-benefit:hover{border-color:#94bdeb;transform:translateY(-2px);box-shadow:0 18px 32px #16427d14}
.infra-impact-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center;color:#175bca;background:#eaf3ff;margin-bottom:11px}
.infra-impact-icon svg{height:21px;width:21px}
body.infra-page .infra-main .infra-impact-benefit h3{font-size:17px;color:#173e70!important;letter-spacing:-.025em;margin:0 0 7px;line-height:1.22}
body.infra-page .infra-main .infra-impact-benefit p{font-size:12px;line-height:1.52;color:#536f8e!important;margin:0}
/* Reducir huecos y mantener aire suficiente: ritmo visual consistente. */
body.infra-page .infra-main .infra-hero{padding-top:clamp(40px,5vw,65px);padding-bottom:clamp(38px,5vw,62px)}
body.infra-page .infra-main .infra-section:not(.infra-impact-section){padding-block:clamp(43px,4.4vw,64px)}
body.infra-page .infra-main .infra-section.infra-related{padding-block:clamp(38px,4vw,54px)}
body.infra-page .infra-main .infra-section-lead{margin-bottom:22px}
body.infra-page .infra-main .infra-section-lead h2{margin-bottom:11px}
body.infra-page .infra-main .infra-two-col{gap:clamp(22px,4.5vw,60px)}
body.infra-page .infra-main .infra-use-list{gap:9px}
body.infra-page .infra-main .infra-use-list>div{padding:15px 18px}
body.infra-page .infra-main .infra-steps{margin-top:19px;gap:13px}
body.infra-page .infra-main .infra-steps article{padding:21px}
body.infra-page .infra-main .infra-steps h3{margin:12px 0 7px}
body.infra-page .infra-main .infra-contact-grid>div:first-child{padding-top:10px}
body.infra-page .infra-main .infra-contact-grid{align-items:center}
/* Accesibilidad visual: evitar enlaces que desaparecen sobre claro/oscuro. */
body.infra-page .infra-main :is(a,button):focus-visible{outline:3px solid #72a7f1;outline-offset:3px}
body.magna-corporate .main-nav .nav-infra-panel .nav-panel-head>a{color:#154d9f!important}
body.magna-corporate .main-nav .nav-infra-panel .nav-panel-head>a:hover{color:#07377c!important}
/* La guía de hosting tiene un comparador visual propio, no la misma estructura de tarjetas de servicios. */
body.infra-page .infra-main .infra-choice-section{background:#eef5ff;padding:clamp(25px,3.4vw,44px) 0}
.infra-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.infra-choice-card{border-radius:18px;padding:clamp(24px,3vw,36px);border:1px solid #d2e3f7}
.infra-choice-blue{background:linear-gradient(120deg,#10336c,#195dc3);box-shadow:0 16px 35px #15417d29}
.infra-choice-light{background:#fff;box-shadow:0 10px 25px #18457d12}
body.infra-page .infra-main .infra-choice-card h2{font-size:clamp(25px,2.5vw,35px);margin:12px 0;color:#153f70}
body.infra-page .infra-main .infra-choice-card p{font-size:13px;line-height:1.65;color:#526e90;margin-bottom:18px}
body.infra-page .infra-main .infra-choice-blue :is(h2,p){color:#fff!important}
body.infra-page .infra-main .infra-choice-blue .infra-eyebrow{color:#a9d0ff!important}
.infra-choice-card a{font-size:13px;font-weight:800;color:#1854b5!important;text-decoration:underline!important;text-underline-offset:4px}
.infra-choice-blue a{color:#fff!important}
.infra-choice-card a:hover,.infra-choice-card a:focus-visible{opacity:.8}
@media(max-width:650px){.infra-choice-grid{grid-template-columns:1fr}}
@media(max-width:1160px){body.magna-corporate .main-nav{gap:7px}body.magna-corporate .main-nav>.nav-link,body.magna-corporate .main-nav .nav-group-link{font-size:12px}body.magna-corporate .main-nav .nav-cta{font-size:11px;padding-inline:12px}body.magna-corporate .main-nav .nav-trigger{width:27px;height:27px}}
@media(max-width:880px){body.magna-corporate .main-nav{gap:0}body.magna-corporate .main-nav .nav-group-link{font-size:16px}body.magna-corporate .main-nav .nav-infra-panel{position:static!important;left:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box;transform:none!important}body.magna-corporate .main-nav .nav-trigger{width:37px;height:37px}body.magna-corporate .main-nav .nav-link-development{display:block;padding:16px 6px;border-bottom:1px solid #e2ecf7}body.infra-page .infra-main .infra-impact-section{padding:36px 0}.infra-impact-grid{grid-template-columns:1fr}.infra-impact-story{min-height:0}.infra-impact-benefit{min-height:140px}}
@media(max-width:600px){body.magna-corporate .nav-infra-panel .nav-infra-grid{grid-template-columns:1fr!important;gap:12px}body.magna-corporate .nav-infra-panel .nav-service-items{grid-template-columns:repeat(2,minmax(0,1fr))}body.infra-page .infra-main .infra-impact-section{padding:26px 0}.infra-impact-story{padding:25px 22px}.infra-impact-benefits{grid-template-columns:1fr 1fr;gap:9px}.infra-impact-benefit{padding:15px 13px;min-height:0}.infra-impact-icon{width:33px;height:33px;margin-bottom:9px}body.infra-page .infra-main .infra-impact-benefit h3{font-size:15px}body.infra-page .infra-main .infra-impact-benefit p{font-size:11px}body.infra-page .infra-main .infra-section:not(.infra-impact-section){padding-block:35px}body.infra-page .infra-main .infra-hero{padding-block:28px 37px}}
@media(max-width:370px){.infra-impact-benefits{grid-template-columns:1fr}.infra-impact-benefit{min-height:0}}
@media(prefers-reduced-motion:reduce){.infra-impact-benefit,.infra-impact-cta{transition:none!important}}