/* ===== Megactivo — Nosotros (page-specific styles) =====
   Reuses tokens, .btn, .wrap, .eyebrow, .accent, .section-title, etc. from styles.css.
   Only new, page-specific rules live here. */

:root{
  --gray-muted:#6b7280;
  --teal-light:#3cc68a;
  --blue-mid:#2d8ee3;
}

/* ===== Nav active state (no hover color change) ===== */
.main-nav a.active,
.main-nav a.active:hover{color:var(--green);}

/* ===== Utility accents used across this page ===== */
.text-accent-green{color:var(--green);}
.text-accent-teal{color:var(--teal-light);}

/* Shared section heading + gradient accent bar, used by History and Figures */
.section-heading{
  font-family:'Inter',sans-serif;font-weight:700;color:var(--navy);
  font-size:clamp(26px,3.4vw,36px);line-height:1.2;margin:0;
}
.accent-bar{
  width:56px;height:4px;border-radius:999px;margin:14px 0 40px;
  background:linear-gradient(90deg,var(--teal-light),var(--blue-mid));
}

/* ===== Hero (Nosotros) ===== */
.nosotros-hero{min-height:620px;padding:96px 40px;}
.nosotros-hero.hero::before{
  background-image:url('assets/images/team-group-photo.jpg');
}
.nosotros-hero.hero::after{
  background:linear-gradient(90deg, rgba(14,56,59,.97) 14%, rgba(32,84,60,.9) 30%, rgba(101,189,63,.3) 54%, rgba(101,189,63,0) 68%);
}
.nosotros-hero-content{max-width:620px;}
.hero-pill{
  display:inline-block;background:rgba(85,192,54,.12);border:1px solid rgba(85,192,54,.35);
  color:var(--green);font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;
  letter-spacing:.3px;padding:10px 22px;border-radius:999px;margin-bottom:24px;
}
.history-title{
  font-family:'Manrope',sans-serif;font-weight:800;color:var(--offwhite);
  font-size:clamp(30px,4.6vw,56px);line-height:1.16;letter-spacing:-.8px;margin:0;
}

/* ===== Nuestra historia (timeline) ===== */
.history{padding:64px 24px 30px;}
.timeline{display:flex;justify-content:space-between;gap:16px;position:relative;padding-top:8px;flex-wrap:wrap;}
.timeline-track{
  position:absolute;top:44px;left:8%;right:8%;height:2px;background:var(--border);z-index:0;
}
.timeline-item{
  flex:1;min-width:200px;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0 8px;position:relative;z-index:1;
}
.timeline-icon{
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);margin-bottom:10px;
}
.timeline-icon.green{background:rgba(85,192,54,.25);color:var(--green-dark);}
.timeline-icon.blue{background:#e8f2fd;color:var(--blue);}
.timeline-icon .icon{width:22px;height:22px;}
.timeline-dot{
  width:16px;height:16px;border-radius:50%;border:2px solid #fff;
  box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);margin-bottom:14px;
}
.timeline-dot.green{background:var(--green);}
.timeline-dot.blue{background:var(--blue);}
.timeline-year{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;margin-bottom:6px;}
.timeline-year.green{color:var(--green-dark);}
.timeline-year.blue{color:var(--blue);}
.timeline-item h3{font-family:'Inter',sans-serif;font-weight:700;font-size:16px;color:var(--navy);margin:0 0 8px;}
.timeline-item p{font-size:14px;color:var(--gray-muted);line-height:1.6;max-width:220px;}

/* ===== Nuestro equipo ===== */
.team{background:#f9fafc;padding:56px 24px 64px;}
.team-heading{
  font-family:'Inter',sans-serif;font-weight:700;color:var(--navy);
  font-size:clamp(26px,3.6vw,36px);line-height:1.35;margin:8px 0 40px;
}
.team-heading .wavy{position:relative;display:inline-block;}
.team-heading .wavy::after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:8px;
  background-image:repeating-linear-gradient(-45deg, var(--green) 0 4px, transparent 4px 8px);
  background-size:12px 6px;background-repeat:repeat-x;
  border-radius:4px;
}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;}
.team-card{
  background:#fff;border-radius:18px;overflow:hidden;display:flex;
  box-shadow:0 4px 24px rgba(15,31,61,.1),0 1px 4px rgba(15,31,61,.06);
  min-height:340px;
}
.team-photo{flex-shrink:0;width:38%;}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.team-body{flex:1;padding:28px 20px 24px;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.team-body h3{font-family:'Inter',sans-serif;font-weight:700;font-size:18px;color:var(--navy);margin:0;line-height:1.2;}
.team-role{font-family:'Inter',sans-serif;font-size:11px;color:var(--gray-muted);line-height:1.4;margin:0;}
.team-role b{color:var(--green);font-weight:700;}
.quote-icon{width:22px;height:18px;color:var(--navy);opacity:.5;}
.team-quote{font-family:'Inter',sans-serif;font-size:11.5px;color:#374151;line-height:1.6;margin:0;}

.family-banner{
  display:flex;align-items:center;gap:24px;padding:28px 32px;border-radius:24px;flex-wrap:wrap;
  background:linear-gradient(174deg, rgb(212,240,231) 0%, rgb(204,230,248) 50%, rgb(221,232,248) 100%);
}
.family-icon{
  width:56px;height:56px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, var(--teal-light), var(--blue-mid));color:#fff;
}
.family-icon .icon{width:24px;height:24px;}
.family-text{flex:1;min-width:260px;font-family:'Inter',sans-serif;font-weight:700;font-size:22px;color:var(--navy);}
.btn-navy{background:var(--navy);color:#fff;}

/* ===== Nuestra trayectoria en cifras ===== */
.figures{padding:64px 24px 80px;}
.figures-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.figure-card{
  background:#fff;border-radius:16px;padding:28px 24px;
  box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1);
}
.figure-icon{
  width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
.figure-icon.green{background:rgba(85,192,54,.25);color:var(--green-dark);}
.figure-icon.blue{background:#e8f2fd;color:var(--blue);}
.figure-icon .icon{width:26px;height:26px;}
.figure-num{font-family:'Inter',sans-serif;font-weight:800;font-size:40px;line-height:1;margin-bottom:10px;}
.figure-num.green{color:var(--green);}
.figure-num.blue{color:var(--blue);}
.figure-num small{font-size:24px;font-weight:800;}
.figure-card h4{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:var(--navy);margin:0 0 12px;line-height:1.4;}
.figure-rule{width:40px;height:2px;border-radius:999px;margin-bottom:12px;}
.figure-rule.green{background:var(--teal-light);}
.figure-rule.blue{background:var(--blue-mid);}
.figure-card p{font-size:14px;color:var(--gray-muted);line-height:1.6;margin:0;}

/* ===== Nuestros aliados / Nuestras aceleradoras ===== */
.partners,.accelerators{padding:0 24px;}
.accelerators{margin-top:24px;margin-bottom:24px;}
.partners-panel{
  background:#fff;border-radius:24px;padding:56px 40px;text-align:center;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.partners-title{
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--navy);
  font-size:clamp(28px,4vw,40px);margin:0 0 16px;
}
.partners-desc{
  font-family:'Plus Jakarta Sans',sans-serif;color:var(--gray-muted);font-size:16px;line-height:1.6;
  max-width:640px;margin:0 auto 40px;
}
.partners-logos{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:16px;}
.accelerators-logos{margin-top:32px;}
.partner-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:0 1px 3px rgba(11,28,48,.14);
  width:220px;height:92px;display:flex;align-items:center;justify-content:center;padding:16px 18px;
}
.partner-card.wide{width:300px;height:150px;}
.partner-card img{max-width:100%;max-height:100%;object-fit:contain;}
.wordmark-logo{font-family:'Manrope',sans-serif;font-weight:700;font-size:32px;color:var(--navy);letter-spacing:-.5px;}
.wordmark-logo b{color:var(--green);font-weight:800;}

/* ===== Responsive ===== */
@media (max-width: 1000px){
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .figures-grid{grid-template-columns:repeat(2,1fr);}
  .timeline{flex-direction:column;align-items:center;gap:40px;}
  .timeline-track{display:none;}
}
@media (max-width: 900px){
  .nosotros-hero{padding:64px 24px;text-align:left;}
  .family-banner{text-align:center;justify-content:center;}
}
@media (max-width: 600px){
  .team-grid{grid-template-columns:1fr;}
  .figures-grid{grid-template-columns:1fr;}
  .team-card{flex-direction:column;}
  .team-photo{width:100%;height:220px;}
  .partner-card{width:160px;height:76px;}
  .partner-card.wide{width:220px;height:110px;}
}