/* ============================================================
   SHAALAM — Inversiones (interior page)
   ============================================================ */

/* sub-hero */
.subhero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;color:var(--cream);background:var(--green-900)}
.subhero__media{position:absolute;inset:0;z-index:0}
.subhero__media video,.subhero__media img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;will-change:transform}
.subhero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(21,23,15,.5) 0%,rgba(21,23,15,.12) 36%,rgba(21,23,15,.2) 60%,rgba(21,23,15,.82) 100%)}
.subhero .wrap{position:relative;z-index:2;width:100%;padding-bottom:clamp(46px,9vh,110px);padding-top:clamp(140px,20vh,220px)}
.subhero__row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.subhero h1{font-family:"Channe",serif;font-size:var(--fs-h1);line-height:.92;letter-spacing:-.02em;padding-top:.04em}
.subhero .lead{max-width:34ch;font-weight:200;opacity:.92}
.subhero .kicker{display:block;margin-bottom:clamp(18px,3vh,30px);opacity:.9}

/* intro statement */
.inv-intro{background:var(--cream);color:var(--green-700)}
.inv-intro__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(34px,6vw,110px);align-items:start}
@media(max-width:920px){.inv-intro__grid{grid-template-columns:1fr;gap:36px}}
.inv-intro h2{font-family:"Channe",serif;font-size:var(--fs-h2);line-height:1;letter-spacing:-.01em}
.inv-intro__aside{font-weight:200;font-size:var(--fs-lead);line-height:1.5;opacity:.82;border-top:1px solid rgba(47,51,36,.2);padding-top:26px}

/* pillars */
.pillars-sec{background:var(--green-700);color:var(--sand)}
.pillars-sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(40px,6vh,72px)}
.pillars-sec__head h2{font-family:"Channe",serif;font-size:var(--fs-h2);max-width:16ch;line-height:.98}
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(231,220,200,.18)}
@media(max-width:680px){.pillars{grid-template-columns:1fr}}
.pillar{background:var(--green-700);padding:clamp(30px,3.4vw,56px);position:relative;overflow:hidden;min-height:clamp(220px,26vh,320px);display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.pillar .p-n{font-family:"Channe",serif;font-size:clamp(34px,4vw,58px);opacity:.34;line-height:1}
.pillar h3{font-family:"Channe",serif;font-size:clamp(23px,2.2vw,34px);margin-bottom:12px;color:var(--cream)}
.pillar p{font-size:var(--fs-body);opacity:.74;max-width:34ch}
.pillar::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--sand);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.pillar:hover::after{transform:scaleX(1)}
.pillar .p-sym{position:absolute;right:-3vw;bottom:-3vw;width:min(34vw,260px);height:min(34vw,260px);opacity:.08;pointer-events:none}
.pillar .p-sym .c-stroke{fill:none;stroke:var(--sand);stroke-width:1.4;vector-effect:non-scaling-stroke}

/* metrics band */
.metrics{background:var(--green-900);color:var(--cream)}
.metrics__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,50px)}
@media(max-width:820px){.metrics__grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:430px){.metrics__grid{grid-template-columns:1fr}}
.metric{border-top:1px solid rgba(244,241,235,.22);padding-top:26px}
.metric .m-n{font-family:"Channe",serif;font-size:clamp(38px,4.6vw,76px);line-height:1}
.metric .m-l{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:12px;max-width:20ch}

/* phases timeline */
.phases-sec{background:var(--cream);color:var(--green-700)}
.phases-sec h2{font-family:"Channe",serif;font-size:var(--fs-h2);margin-bottom:clamp(40px,6vh,70px);max-width:18ch;line-height:.98}
.phases{display:flex;flex-direction:column;border-top:1px solid rgba(47,51,36,.18)}
.phase{display:grid;grid-template-columns:clamp(70px,9vw,140px) 1fr clamp(90px,12vw,200px);gap:clamp(18px,3vw,50px);align-items:start;padding:clamp(26px,3.2vw,46px) 0;border-bottom:1px solid rgba(47,51,36,.18);transition:padding-left .5s var(--ease-out)}
.phase:hover{padding-left:18px}
.phase .ph-n{font-family:"Channe",serif;font-size:clamp(26px,2.6vw,40px);opacity:.4}
.phase h3{font-family:"Channe",serif;font-size:clamp(24px,2.6vw,42px);line-height:1;margin-bottom:14px}
.phase p{font-size:var(--fs-body);opacity:.72;max-width:52ch}
.phase .ph-tag{font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;opacity:.55;text-align:right}
@media(max-width:720px){.phase{grid-template-columns:auto 1fr;gap:18px}.phase .ph-tag{display:none}}

/* cta */
.inv-cta{background:var(--green-700);color:var(--cream);position:relative;overflow:hidden;text-align:center}
.inv-cta__media{position:absolute;inset:0;z-index:0;opacity:.2}
.inv-cta__media video{width:100%;height:100%;object-fit:cover}
.inv-cta .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,4vh,40px)}
.inv-cta h2{font-family:"Channe",serif;font-size:clamp(40px,7vw,118px);line-height:.92;letter-spacing:-.01em;max-width:16ch}
.inv-cta p{max-width:46ch;font-weight:200;font-size:var(--fs-lead);opacity:.85}
.inv-cta .btn{--bc:var(--sand);font-size:var(--fs-label)}

/* investment model */
.inv-model{background:var(--green-900);color:var(--cream)}
.model__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,241,235,.14);border:1px solid rgba(244,241,235,.14)}
@media(max-width:880px){.model__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.model__grid{grid-template-columns:1fr}}
.model__card{background:var(--green-900);padding:clamp(26px,2.3vw,40px);display:flex;flex-direction:column;gap:16px;min-height:clamp(230px,26vh,300px)}
.model__k{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;opacity:.6}
.model__v{font-family:"Channe",serif;font-size:clamp(32px,3.4vw,54px);line-height:1;color:var(--sand)}
.model__v[data-fill]{position:relative;display:inline-block;padding-bottom:6px}
.model__v[data-fill]::after{content:"";position:absolute;left:0;bottom:0;width:1.4em;height:1px;background:var(--sand);opacity:.5}
.model__card p{font-size:var(--fs-body);opacity:.62;margin-top:auto;max-width:30ch}
.model__note{margin-top:clamp(26px,3vh,40px);font-size:var(--fs-body);opacity:.5;max-width:60ch}