/* Composição de infraestrutura; tokens e componentes do Design System V2. */
.mp-infra-hero{display:grid;grid-template-columns:1.28fr .72fr;gap:64px;align-items:center}
.mp-infra-page .mp-hero h1{max-width:820px}.mp-infra-page .mp-hero .mp-lead{max-width:590px}.mp-infra-page .mp-hero::after{width:260px;opacity:.17}
.mp-infra-diagram{position:relative;padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px 24px;align-items:center;color:#006b57;z-index:1}
.mp-infra-diagram::before{content:"";position:absolute;top:20%;bottom:20%;left:25%;right:25%;border:1px solid #8acdb8;border-radius:50%;pointer-events:none}
.mp-infra-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:650;text-align:center}.mp-infra-node svg{width:54px;height:54px;padding:10px;background:#ddf7ef;border-radius:50%;stroke:currentColor;fill:none;stroke-width:1.5}.mp-infra-node-center{grid-column:1/-1}.mp-infra-node-center svg{width:72px;height:72px;background:#006b57;color:#fff}
.mp-infra-concept{background:white}.mp-infra-concept-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}.mp-infra-concept p{max-width:60ch;color:var(--mp-muted)}
.mp-infra-areas{background:#f5faf8}.mp-infra-areas-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:38px 40px}.mp-infra-area{grid-column:span 2;border-top:1px solid #8acdb8;padding-top:24px}.mp-infra-area:nth-child(n+4){grid-column:span 3}.mp-infra-area h3{font-size:23px;margin-bottom:16px}.mp-infra-area p{color:var(--mp-muted);max-width:60ch}.mp-infra-index{display:block;color:#006b57;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:16px}
.mp-infra-diagnosis{background:#202624;color:#fff}.mp-infra-diagnosis .mp-eyebrow{color:#00cfa5}.mp-infra-diagnosis-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}.mp-infra-diagnosis p{color:#d4e7e0;max-width:58ch}.mp-infra-diagnosis h2{margin-bottom:24px}.mp-infra-observe{list-style:none;padding:0;margin:0}.mp-infra-observe li{padding:17px 0;border-bottom:1px solid #43534c;color:#d4e7e0}.mp-infra-observe li:first-child{padding-top:0}.mp-infra-observe strong{display:block;color:#fff;font-weight:650;margin-bottom:4px}
.mp-infra-moments-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.mp-infra-moment{border-top:1px solid var(--mp-line);padding-top:22px}.mp-infra-moment h3{font-size:21px;margin-bottom:16px}.mp-infra-moment p{font-size:16px;color:var(--mp-muted)}.mp-infra-scope{max-width:65ch;margin-top:32px!important;font-size:16px;color:var(--mp-muted)}
.mp-infra-bridges{background:#e4f7f0}.mp-infra-bridges-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.mp-infra-bridges h2{font-size:clamp(28px,2.6vw,36px);margin-bottom:20px}.mp-infra-bridges p{max-width:60ch;color:var(--mp-muted)}.mp-infra-bridges a{display:inline-flex;margin-top:24px;font-weight:650;color:#006b57;text-decoration:underline;text-underline-offset:5px;gap:12px}
.mp-infra-page .mp-proof{background:#fff}.mp-infra-page .mp-proof-grid{display:block;max-width:980px}.mp-infra-page .mp-quote{display:grid;grid-template-columns:160px 1fr;gap:24px 40px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.mp-infra-page .mp-client-logo{grid-row:span 2;align-self:center;max-width:160px}.mp-infra-page .mp-quote blockquote{font-size:21px;max-width:60ch}.mp-infra-page .mp-quote figcaption{margin-top:0}.mp-infra-page .mp-section{scroll-margin-top:110px}
@media(max-width:1100px){.mp-infra-page .mp-section{padding:64px 0}.mp-infra-hero{gap:32px;grid-template-columns:1fr}.mp-infra-diagram{max-width:520px;padding:24px 0;gap:28px}.mp-infra-concept-inner,.mp-infra-diagnosis-inner{gap:36px}.mp-infra-areas-grid{grid-template-columns:repeat(2,1fr);gap:32px}.mp-infra-area,.mp-infra-area:nth-child(n+4){grid-column:span 1}.mp-infra-area:last-child{grid-column:1/-1}.mp-infra-moments-grid{grid-template-columns:repeat(2,1fr);gap:32px}.mp-infra-bridges-grid{gap:36px}}
@media(max-width:700px){.mp-infra-page .mp-section{padding:56px 0;scroll-margin-top:90px}.mp-infra-diagram{gap:22px 12px;padding:12px 0;max-width:330px}.mp-infra-node{font-size:12px}.mp-infra-node svg{width:46px;height:46px}.mp-infra-node-center svg{width:60px;height:60px}.mp-infra-concept-inner,.mp-infra-diagnosis-inner,.mp-infra-areas-grid,.mp-infra-moments-grid,.mp-infra-bridges-grid{grid-template-columns:1fr;gap:32px}.mp-infra-area:last-child{grid-column:auto}.mp-infra-page .mp-quote{display:block}.mp-infra-page .mp-client-logo{margin-bottom:24px}.mp-infra-page .mp-quote blockquote{font-size:19px}.mp-infra-page .mp-quote figcaption{margin-top:24px}}