/* === INICIATIVAS === */
.iniciativas .iniciativas-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:20px;
  justify-content:center;   /* centra el conjunto cuando hay pocas tarjetas */
}

/* Tarjeta */
.iniciativas .iniciativa-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 4px rgba(0,0,0,.06);
  transition:box-shadow .2s ease;
  width:100%;
  max-width:360px;
}
.iniciativas .iniciativa-card:hover{ transform: translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,.12); }

/* Imagen de cabecera */
.iniciativas .iniciativa-card .cover{ height:160px; background:#f3f5f3; }
.iniciativas .iniciativa-card .cover img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Cuerpo */
.iniciativas .iniciativa-card .card-body{
  padding:12px 14px 16px; display:flex; flex-direction:column; gap:6px;
}
.iniciativas .logo-wrap{ height:48px; display:flex; align-items:center; justify-content:center; }
.iniciativas .logo-wrap img{ max-height:42px; max-width:90%; object-fit:contain; }

/* Textos */
.iniciativas .title{
  margin:4px 0 0; font-family:'Lora', serif; font-size:1.1rem; line-height:1.25; color:#4b5842;
}
.iniciativas .subtitle{ margin:0; font-size:.95rem; color:#333; }
.iniciativas .desc{
  margin-top:4px; font-size:.9rem; color:#6a6a6a;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  min-height:calc(1.25em * 3);
}

@media (max-width:600px){
  .iniciativas .iniciativa-card .cover{ height:140px; }
}

/* Intro Emprendimientos */
.iniciativas-intro{
  margin: 0 0 1rem;
  text-align: center;
}
.iniciativas-intro .wrap{
  max-width: 920px;
  margin: 0 auto;
  padding: .5rem 0 0;
}
.iniciativas-intro .kicker{
  display:inline-block;
  font-weight:700;
  letter-spacing:.4px;
  font-size:.9rem;
  color: var(--verde-comun, #2e7d32);
  background: #eaf4e6;
  border:1px solid #d4e8bc;
  padding:.25rem .6rem;
  border-radius:999px;
  margin-bottom:.6rem;
}
.iniciativas-intro .title{
  font-family:"Lora", serif;
  font-weight:700;
  color:#4b5842;
  font-size:clamp(1.8rem, 3.2vw, 2.4rem);
  margin:.2rem 0 .4rem;
}
.iniciativas-intro .sub{
  color:#4b5842;
  font-size:1.08rem;
  margin: 0 auto 1rem;
  max-width: 52ch;
}
.iniciativas-intro .copy{
  text-align:left;
  margin: 0 auto;
  max-width: 70ch;
  color:#333;
  line-height:1.75;
}
.iniciativas-intro .copy p{ margin:.6rem 0; }
.iniciativas-intro .copy .highlight{
  position:relative;
  padding:.8rem 1rem;
  border-left:4px solid var(--verde-comun, #2e7d32);
  background: linear-gradient(90deg, #f3f9ef 0%, #f8fcf5 100%);
  border-radius:6px;
}


/* Intro Emprendimientos */
.iniciativas-intro{ margin:0 0 1rem; text-align:center; }
.iniciativas-intro .wrap{ max-width:920px; margin:0 auto; padding:.5rem 0 0; }
.iniciativas-intro .kicker{
  display:inline-block; font-weight:700; letter-spacing:.4px; font-size:.9rem;
  color: var(--verde-comun, #2e7d32); background:#eaf4e6; border:1px solid #d4e8bc;
  padding:.25rem .6rem; border-radius:999px; margin-bottom:.6rem;
}
.iniciativas-intro .title{
  font-family:"Lora", serif; font-weight:700; color:#4b5842;
  font-size:clamp(1.8rem,3.2vw,2.4rem); margin:.2rem 0 .4rem;
}
.iniciativas-intro .sub{ color:#4b5842; font-size:1.08rem; margin:0 auto 1rem; max-width:52ch; }
.iniciativas-intro .copy{ text-align:left; margin:0 auto; max-width:70ch; color:#333; line-height:1.75; }
.iniciativas-intro .copy p{ margin:.6rem 0; }

/* énfasis suave (renombrada para evitar conflictos con .highlight globales) */
.iniciativas-intro .intro-emphasis{
  padding:.8rem 1rem; border-left:4px solid var(--verde-comun, #2e7d32);
  background: linear-gradient(90deg,#f3f9ef 0%, #f8fcf5 100%); border-radius:6px;
}


/* énfasis con buen contraste (reemplaza la regla anterior) */
.iniciativas-intro .intro-emphasis{
  padding: .95rem 1.05rem;
  color: #2b3326;                          /* texto oscuro */
  background: #eaf4e6;                     /* verde claro sólido (sin degradado) */
  border: 1px solid #cfe3c0;               /* borde suave alrededor */
  border-left: 6px solid #2e7d32;          /* acento más grueso */
  border-radius: 8px;
}

.iniciativas-intro .intro-emphasis strong{
  color: #1b5e20;                          /* resalta “energía” */
  font-weight: 800;
}