/* =========================================================
   MGM ECOSYSTEM PAGE v1.2 — VISUAL REBALANCE (PILOT)
   DERIVED FROM CORPORATE MASTER v1.1.1 (Chi siamo)
   SCOPED .page-ecosystem · prefix .pe- · loaded AFTER mgm-corporate.css
   Does NOT replace /assets/mgm-ecosystem.css until approval.
   Visual rule: >= 60-70% light surfaces; dark bands limited to
   Architettura organizzativa, Governance, CTA finale.
   Contrast lock: #2F2D2A on light · #F5F2EB on dark · mustard = accents/labels only.
   ========================================================= */

/* ── INTRO (light) ── */
.page-ecosystem .pe-intro{padding:96px 0 0}

/* ── FOUR LAYERS (light, thin lines, mustard accents) ── */
.page-ecosystem .pe-layers{padding:96px 0 0}
.page-ecosystem .pe-layer{display:grid;grid-template-columns:150px 1fr;gap:40px;border-left:2px solid var(--mustard);padding:26px 0 26px 32px;margin-top:34px;border-bottom:1px solid var(--border-light)}
.page-ecosystem .pe-layer:last-child{border-bottom:none}
.page-ecosystem .pe-layer-n{font-size:13px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--mustard)}
.page-ecosystem .pe-layer-t{font-size:19px;font-weight:600;color:#2F2D2A}
.page-ecosystem .pe-layer-p{font-size:16px;line-height:1.75;color:#55524B;margin-top:8px;max-width:70ch}

/* ── ORG ARCHITECTURE (single controlled charcoal band) ── */
.page-ecosystem .pe-org{background:var(--dark);color:var(--light);margin-top:96px;padding:92px 0}
.page-ecosystem .pe-org .pc-h2,.page-ecosystem .pe-org .pc-h2 b,.page-ecosystem .pe-org .pc-h2 .pc-hi{color:#F5F2EB}
.page-ecosystem .pe-org .pc-p{color:rgba(247,245,241,0.9)}
.page-ecosystem .pe-org-chart{margin-top:56px}
.page-ecosystem .pe-org-desktop{display:block}
.page-ecosystem .pe-org-desktop svg{display:block;width:100%;height:auto}
.page-ecosystem .pe-org-mobile{display:none}
.page-ecosystem .pe-om-root{border:1px solid var(--mustard);padding:18px 20px;text-align:center;margin-bottom:26px}
.page-ecosystem .pe-om-root-t{font-size:14px;font-weight:700;letter-spacing:0.14em;color:var(--mustard)}
.page-ecosystem .pe-om-root-s{font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(247,245,241,0.66);margin-top:6px}
.page-ecosystem .pe-om-group{margin-top:22px;border-top:1px solid var(--border-dark);padding-top:16px}
.page-ecosystem .pe-om-group-t{font-size:12px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--mustard);margin-bottom:6px}
.page-ecosystem .pe-om-item{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid rgba(247,245,241,0.1);font-size:15px;font-weight:500;color:#F5F2EB}
.page-ecosystem .pe-om-item:last-child{border-bottom:none}
.page-ecosystem .pe-om-n{font-size:12px;font-weight:600;color:var(--mustard);letter-spacing:0.08em;flex:0 0 26px}

/* ── DIVISIONS (light, four editorial groups) ── */
.page-ecosystem .pe-divisions{padding:96px 0 0}
.page-ecosystem .pe-group{margin-top:64px}
.page-ecosystem .pe-group:first-of-type{margin-top:44px}
.page-ecosystem .pe-group-t{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#2F2D2A;margin-bottom:24px}
.page-ecosystem .pe-group-t::before{content:'';width:30px;height:2px;background:var(--mustard)}
.page-ecosystem .pe-divs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-light);background:#FFFFFF}
.page-ecosystem .pe-divs--2{grid-template-columns:1fr 1fr}
.page-ecosystem .pe-div{padding:34px 30px;border-right:1px solid var(--border-light)}
.page-ecosystem .pe-divs .pe-div:last-child{border-right:none}
.page-ecosystem .pe-div-tag{font-size:12px;font-weight:600;color:var(--mustard);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:12px}
.page-ecosystem .pe-div-name{font-size:21px;font-weight:600;color:#2F2D2A;margin-bottom:8px}
.page-ecosystem .pe-div-payoff{font-size:14.5px;font-weight:500;color:#7A766E;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}
.page-ecosystem .pe-div-text{font-size:15px;line-height:1.7;color:#55524B}
.page-ecosystem .pe-div-link{display:inline-block;margin-top:18px}
.page-ecosystem .pe-div-nolink{font-size:13px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#7A766E;border-bottom:1px solid var(--border-light);padding-bottom:5px;display:inline-block;margin-top:18px}

/* ── LIFECYCLE (very light grey band) ── */
.page-ecosystem .pe-lifecycle{background:var(--ivory2);margin-top:96px;padding:88px 0}
.page-ecosystem .pe-lc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:44px;border-top:1px solid #DDD6C8}
.page-ecosystem .pe-lc{display:flex;gap:22px;align-items:baseline;padding:18px 0;border-bottom:1px solid #DDD6C8}
.page-ecosystem .pe-lc-n{font-size:22px;font-weight:300;color:var(--mustard);letter-spacing:0.04em;flex:0 0 44px}
.page-ecosystem .pe-lc-t{font-size:17px;font-weight:500;color:#2F2D2A;line-height:1.5}
.page-ecosystem .pe-note{font-size:15.5px;line-height:1.75;color:#55524B;border-left:2px solid var(--mustard);padding-left:22px;margin-top:34px;max-width:74ch}

/* ── CAPABILITIES NOTE (light) ── */
.page-ecosystem .pe-cap{padding:72px 0 0}
.page-ecosystem .pe-cap .pc-p{max-width:80ch;border-top:1px solid var(--border-light);padding-top:34px}

/* ── BRANDS (light) ── */
.page-ecosystem .pe-brands{padding:96px 0 0}
.page-ecosystem .pe-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-light);background:#FFFFFF;margin-top:48px}
.page-ecosystem .pe-brand{padding:30px 28px;border-right:1px solid var(--border-light)}
.page-ecosystem .pe-brand:nth-child(3n){border-right:none}
.page-ecosystem .pe-brand:nth-child(n+4){border-top:1px solid var(--border-light)}
.page-ecosystem .pe-brand-type{font-size:12.5px;font-weight:600;color:var(--mustard);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:10px}
.page-ecosystem .pe-brand-name{font-size:17px;font-weight:600;color:#2F2D2A;margin-bottom:8px}
.page-ecosystem .pe-brand-text{font-size:14.5px;line-height:1.65;color:#55524B}

/* ── GOVERNANCE (single controlled charcoal band) ── */
.page-ecosystem .pe-governance{background:var(--dark);color:var(--light);margin-top:96px;padding:92px 0}
.page-ecosystem .pe-governance .pc-h2,.page-ecosystem .pe-governance .pc-h2 b,.page-ecosystem .pe-governance .pc-h2 .pc-hi{color:#F5F2EB}
.page-ecosystem .pe-gov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px;margin-top:44px;border-top:1px solid var(--border-dark);padding-top:40px}
.page-ecosystem .pe-gov-t{font-size:17px;font-weight:600;color:#F5F2EB;margin-bottom:10px}
.page-ecosystem .pe-gov-p{font-size:15.5px;line-height:1.7;color:rgba(247,245,241,0.78)}

/* ── ENTRY POINTS (light) ── */
.page-ecosystem .pe-entry{padding:96px 0 0}
.page-ecosystem .pe-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:44px}
.page-ecosystem .pe-ep{border-top:2px solid #2F2D2A;padding-top:20px}
.page-ecosystem .pe-ep-t{font-size:17px;font-weight:600;color:#2F2D2A}
.page-ecosystem .pe-ep-p{font-size:15.5px;line-height:1.7;color:#55524B;margin:10px 0 16px}

/* ── PARTNERSHIPS (light, no dark card wall) ── */
.page-ecosystem .pe-partners{padding:96px 0 110px}
.page-ecosystem .pe-partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border-light);background:#FFFFFF;margin-top:48px}
.page-ecosystem .pe-partner{padding:30px 28px;border-right:1px solid var(--border-light)}
.page-ecosystem .pe-partner:last-child{border-right:none}
.page-ecosystem .pe-partner-type{font-size:12.5px;font-weight:600;color:var(--mustard);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:10px}
.page-ecosystem .pe-partner-name{font-size:17px;font-weight:600;color:#2F2D2A;margin-bottom:8px}
.page-ecosystem .pe-partner-text{font-size:14.5px;line-height:1.65;color:#55524B}
.page-ecosystem .pe-partner-cta{margin-top:40px}
.page-ecosystem .pe-btn{display:inline-block;font-size:14px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;padding:16px 32px;border:1px solid #2F2D2A;color:#2F2D2A;transition:all .25s ease}
.page-ecosystem .pe-btn:hover{border-color:var(--mustard);color:var(--mustard)}

/* ── RESPONSIVE ── */
@media(max-width:1280px){
.page-ecosystem .pe-partner-grid{grid-template-columns:1fr 1fr}
.page-ecosystem .pe-partner:nth-child(2n){border-right:none}
.page-ecosystem .pe-partner:nth-child(n+3){border-top:1px solid var(--border-light)}
}
@media(max-width:1024px){
.page-ecosystem .pe-intro,.page-ecosystem .pe-layers,.page-ecosystem .pe-divisions,.page-ecosystem .pe-brands,.page-ecosystem .pe-entry{padding-top:72px}
.page-ecosystem .pe-org,.page-ecosystem .pe-governance{margin-top:72px;padding:72px 0}
.page-ecosystem .pe-lifecycle{margin-top:72px;padding:72px 0}
.page-ecosystem .pe-cap{padding-top:56px}
.page-ecosystem .pe-partners{padding:72px 0 88px}
.page-ecosystem .pe-layer{grid-template-columns:1fr;gap:10px}
.page-ecosystem .pe-divs,.page-ecosystem .pe-divs--2{grid-template-columns:1fr 1fr}
.page-ecosystem .pe-div{border-right:none;border-bottom:1px solid var(--border-light)}
.page-ecosystem .pe-div:nth-child(odd){border-right:1px solid var(--border-light)}
.page-ecosystem .pe-divs .pe-div:last-child{border-bottom:none}
.page-ecosystem .pe-divs .pe-div:nth-last-child(2):nth-child(odd){border-bottom:none}
.page-ecosystem .pe-brand-grid{grid-template-columns:1fr 1fr}
.page-ecosystem .pe-brand:nth-child(3n){border-right:1px solid var(--border-light)}
.page-ecosystem .pe-brand:nth-child(2n){border-right:none}
.page-ecosystem .pe-brand:nth-child(n+3){border-top:1px solid var(--border-light)}
.page-ecosystem .pe-lc-grid{grid-template-columns:1fr}
.page-ecosystem .pe-gov-grid{grid-template-columns:1fr 1fr;gap:36px}
.page-ecosystem .pe-entry-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:768px){
.page-ecosystem .pe-intro,.page-ecosystem .pe-layers,.page-ecosystem .pe-divisions,.page-ecosystem .pe-brands,.page-ecosystem .pe-entry{padding-top:56px}
.page-ecosystem .pe-org,.page-ecosystem .pe-governance{margin-top:56px;padding:60px 0}
.page-ecosystem .pe-lifecycle{margin-top:56px;padding:60px 0}
.page-ecosystem .pe-partners{padding:56px 0 72px}
.page-ecosystem .pe-org-desktop{display:none}
.page-ecosystem .pe-org-mobile{display:block;margin-top:44px}
.page-ecosystem .pe-divs,.page-ecosystem .pe-divs--2{grid-template-columns:1fr}
.page-ecosystem .pe-div{border-right:none !important;border-bottom:1px solid var(--border-light)}
.page-ecosystem .pe-divs .pe-div:last-child{border-bottom:none}
.page-ecosystem .pe-brand-grid{grid-template-columns:1fr}
.page-ecosystem .pe-brand{border-right:none !important;border-top:none}
.page-ecosystem .pe-brand:nth-child(n+2){border-top:1px solid var(--border-light)}
.page-ecosystem .pe-partner-grid{grid-template-columns:1fr}
.page-ecosystem .pe-partner{border-right:none !important;border-top:none}
.page-ecosystem .pe-partner:nth-child(n+2){border-top:1px solid var(--border-light)}
.page-ecosystem .pe-gov-grid,.page-ecosystem .pe-entry-grid{grid-template-columns:1fr}
}
