/* ============================================================
   BLUE CURRENT GROUP — HOME.CSS
   ============================================================ */

/* ---------------- HERO ---------------- */
.hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  color:var(--white);
  background:var(--navy-950);
}
.hero > .wrap{
  position:relative;
  z-index:4;
  width:100%;          /* sin esto colapsa al ancho del contenido y se desalinea */
  flex:1;
  display:flex;
  align-items:center;
  padding-top:clamp(140px,16vw,180px);
  padding-bottom:clamp(40px,6vw,70px);
}
.hero-copy{max-width:780px;}
.hero h1{
  color:var(--white);
  font-size:clamp(36px,5.2vw,70px);
  font-weight:400;
  line-height:1.1;
  letter-spacing:-0.02em;
  margin-top:22px;
}
.hero h1 em{font-style:italic;color:var(--blue-300);}
.hero .lede{
  margin-top:24px;
  font-size:clamp(16px,1.3vw,18.5px);
  color:rgba(255,255,255,0.76);
  max-width:620px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;}

/* ---- Franja de cifras ---- */
.hero-stats{
  position:relative;
  z-index:4;
  border-top:1px solid rgba(255,255,255,0.14);
  background:color-mix(in srgb, var(--navy-950) 55%, transparent);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hero-stats dl{
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.hero-stats dl > div{
  padding:30px 26px 32px 0;
  border-right:1px solid rgba(255,255,255,0.12);
  margin-right:26px;
}
.hero-stats dl > div:last-child{border-right:none;margin-right:0;padding-right:0;}
.hero-stats dt{
  font-family:var(--f-display);
  font-size:clamp(30px,3.4vw,44px);
  font-weight:400;
  line-height:1;
  color:var(--white);
  letter-spacing:-0.02em;
}
.hero-stats dd{
  margin:10px 0 0;
  font-size:13.5px;
  line-height:1.5;
  color:rgba(255,255,255,0.6);
  max-width:230px;
}
@media (max-width:1000px){
  .hero{min-height:auto;}
  .hero > .wrap{min-height:76vh;}
  .hero-stats dl{grid-template-columns:1fr 1fr;}
  .hero-stats dl > div{padding:22px 20px 24px 0;}
  .hero-stats dl > div:nth-child(2){border-right:none;margin-right:0;}
  .hero-stats dl > div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.12);}
}
@media (max-width:560px){
  .hero-stats dl{grid-template-columns:1fr;}
  .hero-stats dl > div{border-right:none;margin-right:0;border-bottom:1px solid rgba(255,255,255,0.12);}
  .hero-stats dl > div:last-child{border-bottom:none;}
}

/* ---------------- PANEL DE MÉTRICAS ---------------- */
.stats-label{
  font-size:11.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(255,255,255,0.5);
  padding-top:24px;
}
.hero-stats dl > div{padding-top:22px;}
.hero-stats dt span{
  font-family:var(--f-body);
  font-size:0.42em;font-weight:600;letter-spacing:0.04em;
  color:var(--blue-300);
  margin-left:4px;
}

/* ---------------- GOALPHA ---------------- */
.goalpha{padding-top:clamp(56px,7vw,84px);padding-bottom:0;}
.ga-band{
  display:flex;align-items:center;gap:clamp(20px,3vw,40px);
  border:1px solid var(--line);
  border-left:3px solid var(--blue-500);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  background:var(--pearl);
  padding:26px clamp(22px,3vw,36px);
}
.ga-mark{
  flex-shrink:0;
  font-family:var(--f-display);
  font-size:clamp(22px,2.4vw,30px);
  color:var(--navy-900);
  letter-spacing:-0.02em;
  padding-right:clamp(20px,3vw,40px);
  border-right:1px solid var(--line);
}
.ga-band p{font-size:16px;color:var(--ink-soft);}
.ga-band strong{color:var(--navy-900);font-weight:600;}
@media (max-width:760px){
  .ga-band{flex-direction:column;align-items:flex-start;gap:16px;}
  .ga-mark{border-right:none;padding-right:0;}
}

/* ---------------- CUATRO LÍNEAS ---------------- */
.lines-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.line-card{
  position:relative;
  display:flex;flex-direction:column;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:28px 28px 26px;
  overflow:hidden;
  transition:border-color var(--ease) .35s, transform var(--ease) .35s, box-shadow var(--ease) .35s;
}
.line-card::after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:var(--blue-500);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease);
}
.line-card:hover{border-color:var(--navy-900);transform:translateY(-4px);box-shadow:var(--shadow-card);}
.line-card:hover::after{transform:scaleX(1);}
.lc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.lc-ix{font-family:var(--f-display);font-size:13.5px;color:var(--blue-500);letter-spacing:0.04em;}
.lc-badge{
  font-size:11.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--navy-900);
  background:var(--navy-50);
  border-radius:100px;
  padding:6px 13px;
}
.lc-ic{
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:var(--radius-sm);
  background:var(--navy-50);color:var(--navy-900);
  margin:22px 0 20px;
  transition:background var(--ease) .35s, color var(--ease) .35s;
}
.lc-ic svg{width:22px;height:22px;}
.line-card:hover .lc-ic{background:var(--navy-900);color:var(--white);}
.line-card h3{font-size:22px;}
.line-card p{margin-top:9px;font-size:15px;color:var(--ink-soft);}
.lc-go{
  margin-top:auto;padding-top:22px;
  display:inline-flex;align-items:center;gap:9px;
  font-size:13.5px;font-weight:600;color:var(--navy-900);
  transition:gap var(--ease) .3s, color var(--ease) .3s;
}
.lc-go svg{width:15px;height:15px;}
.line-card:hover .lc-go{gap:14px;color:var(--blue-500);}
@media (max-width:820px){.lines-grid{grid-template-columns:1fr;}}

/* ---------------- DIRECTORIO EJECUTIVO ----------------
   Presidente destacado + rejilla 2x2: las reseñas son largas,
   cinco tarjetas en una fila comprimían demasiado el texto. */
.dir-photo{
  position:relative;
  background:linear-gradient(160deg,var(--navy-700),var(--navy-950));
  overflow:hidden;
}
.dir-photo img{
  position:relative;z-index:1;
  width:100%;height:100%;object-fit:cover;object-position:center top;
  transition:transform 1.1s var(--ease);
}
.dir-role{
  display:block;
  font-size:10.5px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;
  color:var(--blue-500);
  margin-bottom:8px;
}

/* --- Presidente --- */
.dir-lead{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:clamp(28px,4vw,56px);
  align-items:center;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:28px;
  margin-bottom:18px;
  transition:border-color var(--ease) .3s, box-shadow var(--ease) .3s;
}
.dir-lead:hover{border-color:var(--navy-900);box-shadow:var(--shadow-card);}
.dir-lead .dir-photo{
  aspect-ratio:4/5;
  border-radius:var(--radius-sm);
}
.dir-lead:hover .dir-photo img{transform:scale(1.03);}
.dir-lead .dir-body{padding-right:clamp(0px,3vw,40px);}
.dir-lead h3{font-size:30px;}
.dir-lead p{margin-top:14px;font-size:15.5px;color:var(--ink-soft);line-height:1.72;}

/* --- Resto del directorio --- */
.dir-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.dir-card{
  display:grid;
  grid-template-columns:132px 1fr;
  gap:22px;
  align-items:start;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:22px;
  background:var(--white);
  transition:border-color var(--ease) .3s, transform var(--ease) .3s, box-shadow var(--ease) .3s;
}
.dir-card:hover{border-color:var(--navy-900);transform:translateY(-3px);box-shadow:var(--shadow-card);}
.dir-card .dir-photo{
  aspect-ratio:4/5;
  border-radius:var(--radius-sm);
}
.dir-card:hover .dir-photo img{transform:scale(1.04);}
.dir-card h3{font-size:21px;}
.dir-card p{margin-top:10px;font-size:13.5px;color:var(--ink-soft);line-height:1.68;}

@media (max-width:1000px){
  .dir-lead{grid-template-columns:240px 1fr;}
  .dir-lead h3{font-size:26px;}
  .dir-grid{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .dir-lead{grid-template-columns:1fr;gap:22px;}
  .dir-lead .dir-photo{max-width:260px;}
  .dir-lead .dir-body{padding-right:0;}
  .dir-card{grid-template-columns:104px 1fr;gap:18px;}
}

/* ---------------- MULTILATINA ---------------- */
.multi{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:clamp(36px,6vw,80px);
  align-items:center;
}
.multi-copy h2{font-size:clamp(26px,3vw,40px);margin-top:16px;}
.multi-copy p{margin-top:18px;font-size:16.5px;}
.multi-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.multi-tags span{
  display:inline-flex;align-items:center;gap:9px;
  font-size:13.5px;font-weight:500;color:var(--white);
  border:1px solid rgba(255,255,255,0.22);
  border-radius:100px;
  padding:9px 17px;
}
.multi-tags svg{width:16px;height:16px;color:var(--blue-300);}
.multi-figures{display:grid;gap:0;border-top:1px solid rgba(255,255,255,0.16);}
.multi-figures > div{padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.16);}
.multi-figures .n{
  display:block;font-family:var(--f-display);
  font-size:clamp(28px,3vw,38px);line-height:1;color:var(--white);letter-spacing:-0.02em;
}
.multi-figures .l{display:block;margin-top:8px;font-size:13.5px;color:rgba(255,255,255,0.6);}
@media (max-width:880px){.multi{grid-template-columns:1fr;}}