/* home.css — LIGHT THEME
   Cambios vs versión oscura:
   - Fondo hero: var(--dk-800) → var(--white)
   - dash-mock: fondo dk-600 → white, bordes → var(--border)
   - KPIs: rgba opacas oscuras → var(--blue-l) / var(--teal-l)
   - Colores de texto en dashboard: --w90/--w30 → navy/muted
   - pain-card: dk-600 → white con borde claro
   - promise-item: dk-600 → white con borde claro
   - path-card: opacidades oscuras → claro pastel
   - cta-band: dk-900 → bg-navy (footer dark, estándar)
*/

.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:9rem 5vw 5rem;gap:4rem;background:var(--white);position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 75% 35%,rgba(26,95,168,.06) 0%,transparent 65%),radial-gradient(ellipse 40% 50% at 10% 75%,rgba(14,110,85,.04) 0%,transparent 60%);pointer-events:none;}
.hero-content{position:relative;z-index:1;}
.hero-content h1{font-size:clamp(2.4rem,4.5vw,3.6rem);margin-bottom:1.25rem;}
.hero-body{font-size:1.08rem;max-width:500px;margin-bottom:2.2rem;}
.hero-visual{position:relative;z-index:1;}

/* Dashboard mock */
.dash-mock{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.6rem;box-shadow:var(--sh-xl);}
.dash-mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--border);}
.dash-mock-title{font-size:.85rem;font-weight:500;color:var(--navy);}
.dash-mock-period{font-size:.76rem;color:var(--muted);background:var(--sand);padding:.2rem .65rem;border-radius:4px;}
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;}
.kpi{border-radius:10px;padding:.85rem;}
.blue-kpi{background:var(--blue-l);border-left:3px solid var(--blue);}
.teal-kpi{background:var(--teal-l);border-left:3px solid var(--teal);}
.kpi-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.28rem;}
.kpi-val{font-family:var(--ff-display);font-size:1.45rem;color:var(--navy);line-height:1;}
.kpi-delta{font-size:.72rem;margin-top:.18rem;}
.kpi-delta.up{color:#0A7A42;}
.kpi-delta.down{color:var(--teal);}
.mini-chart{background:var(--blue-l);border-radius:10px;padding:.85rem;height:88px;}
.bars{display:flex;align-items:flex-end;gap:5px;height:100%;}
.bar{flex:1;border-radius:3px 3px 0 0;background:var(--blue);opacity:.55;animation:growUp 1s ease forwards;transform-origin:bottom;}
.bar.hi{opacity:.9;}
@keyframes growUp{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.bar:nth-child(1){animation-delay:.1s;height:45%}.bar:nth-child(2){animation-delay:.15s;height:62%}
.bar:nth-child(3){animation-delay:.2s;height:38%}.bar:nth-child(4){animation-delay:.25s;height:75%}
.bar:nth-child(5){animation-delay:.3s;height:58%}.bar:nth-child(6){animation-delay:.35s;height:82%}
.bar:nth-child(7){animation-delay:.4s;height:67%}.bar:nth-child(8){animation-delay:.45s;height:90%}

/* Pain cards */
.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;}
.pain-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;display:flex;gap:1.1rem;transition:border-color .2s,box-shadow .2s,transform .2s;}
.pain-card:hover{border-color:var(--blue-m);transform:translateY(-2px);box-shadow:var(--sh-md);}
.pain-icon{font-size:1.4rem;width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.blue-icon{background:var(--blue-l);}
.teal-icon{background:var(--teal-l);}
.pain-card h4{margin-bottom:.35rem;font-size:1rem;}
.pain-footer{font-family:var(--ff-display);font-style:italic;font-size:1.1rem;text-align:center;margin-top:2rem;}

/* Bridge */
.bridge-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;}

/* Path cards */
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem;}
.path-card{border-radius:var(--r-lg);padding:2rem;transition:transform .2s,box-shadow .2s;}
.path-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);}
.path-biz{background:var(--blue-l);border:1px solid var(--blue-m);}
.path-proj{background:var(--teal-l);border:1px solid var(--teal-m);}

/* Promise */
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.promise-item{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.85rem 1.6rem;transition:border-color .2s,box-shadow .2s;}
.promise-item:hover{border-color:var(--blue-m);box-shadow:0 4px 20px rgba(26,95,168,.08);}
.promise-num{font-family:var(--ff-display);font-size:2.6rem;color:var(--border2);line-height:1;margin-bottom:1rem;}
.promise-item h4{margin-bottom:.5rem;}

/* CTA band */
.cta-band{background:var(--navy);border-top:none;border-bottom:none;position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(26,95,168,.2) 0%,transparent 70%);pointer-events:none;}
.cta-band>*{position:relative;z-index:1;}

.nav-logo-img {
  height: 48px;       /* ajusta según tu header */
  width: auto;
  display: block;
}

@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding-top:7rem;}
  .hero-visual{display:none;}
  .bridge-grid,.path-grid,.promise-grid,.pain-grid{grid-template-columns:1fr;}
}