/* ============================================================
   AKORA — Página Partners (Akora para empresas / corporate housing)
   Reproduce el diseño entregado (hero partido, barra de métricas,
   mosaico, "Why Akora" y cierre con CTA). Se carga DESPUÉS de akora.css.
   El sistema compartido (.btn, .eyebrow, header/footer) vive en akora.css.
   ============================================================ */

.narrow{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
body{background:var(--cream);}

/* ---- Hero partido ---- */
.p-hero{display:grid;grid-template-columns:1.3fr 0.82fr;background:var(--cream);align-items:stretch;border-bottom:1px solid var(--line);}
.p-hero__l{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,7vw,112px) clamp(40px,5vw,84px);position:relative;}
.p-hero__eyb{color:var(--teal);margin-bottom:26px;}
.p-hero__l h1{font-family:var(--font-display);color:var(--navy);font-weight:400;font-size:clamp(44px,5.1vw,80px);line-height:1.03;letter-spacing:-.018em;margin:0;}
.p-hero__l h1 em{font-style:italic;color:var(--teal);}
.p-hero__l .sub{font-size:clamp(15px,1.25vw,17px);line-height:1.66;color:var(--ink-soft);margin:30px 0 0;max-width:40ch;}
.p-hero__r{position:relative;min-height:clamp(440px,50vw,600px);overflow:hidden;}
.p-hero__r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* ---- Barra de métricas (igual que Owners/Investors) ---- */
.own-stats{display:flex;justify-content:center;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;}
.own-stat{text-align:center;padding:0 clamp(28px,3.6vw,54px);border-left:1px solid var(--line);}
.own-stat:first-child{border-left:none;}
.own-stat .n{font-family:var(--font-display);font-size:clamp(32px,4vw,50px);color:var(--navy);line-height:1;display:block;}
.own-stat .l{font-size:12.5px;color:var(--ink-soft);margin-top:9px;letter-spacing:.04em;display:block;}

/* ---- Mosaico (3 imágenes + texto) ---- */
.mosaic{background:var(--cream);display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;gap:clamp(40px,5vw,88px);}
.mosaic__grid{display:grid;grid-template-columns:1.32fr 0.68fr;grid-template-rows:1fr 1fr;gap:0;height:clamp(440px,46vw,660px);}
.mosaic__grid figure{margin:0;position:relative;overflow:hidden;}
.mosaic__grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
.mosaic__grid figure:hover img{transform:scale(1.05);}
.mosaic__grid .m-a{grid-row:1 / span 2;}
.mosaic__text{padding:clamp(32px,4vw,64px) clamp(40px,6vw,96px) clamp(32px,4vw,64px) 0;max-width:560px;}
.mosaic__text .eyebrow{color:var(--teal);margin-bottom:14px;}
.mosaic__text h2{font-family:var(--font-display);font-weight:400;color:var(--navy);font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-.01em;margin:0 0 18px;}
.mosaic__text h2 em{font-style:italic;color:var(--teal);}
.mosaic__text p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin:0 0 14px;max-width:46ch;}

/* ---- Why Akora (centrado, minimal) ---- */
.vp2{background:var(--cream-2);}
.vp2__in{max-width:1000px;margin:0 auto;padding:clamp(64px,8vw,124px) clamp(24px,6vw,40px);text-align:center;}
.vp2__eyb{font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--teal);margin:0 0 22px;}
.vp2__title{font-family:var(--font-display);font-size:clamp(30px,3.6vw,50px);color:var(--navy);font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:0 auto;max-width:16ch;}
.vp2__title em{font-style:italic;color:var(--teal);}
.vp2__title .scr{font-family:var(--font-script);font-style:normal;color:var(--navy);font-size:1.16em;line-height:.7;display:inline-block;transform:translateY(0.2em);}
.vp2__title .scr-dot{margin-left:-0.09em;}
.vp2__intro{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:46ch;margin:22px auto clamp(52px,6vw,84px);}
.vp2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(34px,4vw,68px);}
.vp2__pt{text-align:center;}
.vp2__pt h3{font-family:var(--font-display);font-size:clamp(20px,1.8vw,25px);color:var(--navy);font-weight:400;line-height:1.15;margin:0 0 13px;letter-spacing:-.005em;}
.vp2__pt p{font-size:14px;color:var(--ink-soft);line-height:1.72;margin:0 auto;max-width:32ch;}

/* ---- Cierre (imagen 2:3 + texto + CTA) ---- */
.closer{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,3vw,48px) 40px clamp(64px,7vw,112px);display:grid;grid-template-columns:3fr 2fr;gap:clamp(40px,5vw,80px);align-items:center;}
.closer__eyb{color:var(--teal);margin-bottom:16px;}
.closer__body h2{font-family:var(--font-display);font-weight:400;color:var(--navy);font-size:clamp(28px,3.4vw,46px);line-height:1.05;letter-spacing:-.012em;margin:0 0 20px;}
.closer__body h2 em{font-style:italic;color:var(--teal);}
.closer__body p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin:0 0 28px;max-width:46ch;}
.closer__btns{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.btn-gold-partners{background:var(--gold);color:var(--navy);font-weight:700;}
.btn-gold-partners:hover{background:var(--teal);color:#fff;}
/* "Enviar un correo": botón sin color (borde, fondo transparente) junto al
   dorado, y teléfono directo debajo (cliente, 24 jul). */
.btn-ghost-partners{background:transparent;color:var(--navy);border:1.5px solid var(--navy);font-weight:700;}
.btn-ghost-partners:hover{background:var(--navy);color:var(--cream);}
.closer__tel{margin-top:16px;}
.closer__mail{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--teal);display:inline-flex;align-items:center;gap:8px;text-decoration:none;}
.closer__mail svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.closer__img{position:relative;overflow:hidden;aspect-ratio:2/3;}
.closer__img img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- Scroll reveal ---- */
@media(prefers-reduced-motion:no-preference){
  .rdy .reveal{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
  .rdy .reveal:not(.in){opacity:0;transform:translateY(22px);}
}

@media(max-width:900px){
  .p-hero{grid-template-columns:1fr;}
  .p-hero__r{min-height:340px;order:-1;}
  .mosaic{grid-template-columns:1fr;}
  .mosaic__grid{height:auto;aspect-ratio:4/3;}
  .mosaic__text{padding:clamp(28px,6vw,44px) clamp(24px,6vw,40px);}
  .vp2__grid{grid-template-columns:1fr;gap:34px;}
  .closer{grid-template-columns:1fr;}
  .closer__img{aspect-ratio:3/2;order:-1;}
}
@media(max-width:640px){
  .own-stats{flex-wrap:wrap;gap:0;}
  .own-stat{flex:1 1 40%;padding:16px 20px;}
}