/* SOMOS.CSS */
.hero-somos{ position:relative; width:100%; height:45vh; overflow:hidden; }
.hero-somos img{ width:100%; height:100%; object-fit:cover; }
.hero-somos .overlay{ position:absolute; inset:0; background:rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center; flex-direction:column; color:#fff; text-align:center; }
.hero-somos h1{ font-size:var(--fs-xl); margin-bottom:8px; }
.hero-somos p{ font-size:var(--fs-md); }
.texto-somos{ padding:60px 12%; font-size:1rem; color:#444; line-height:1.7; }
.texto-somos p{ margin-bottom:18px; }
.texto-somos ul{ margin-top:12px; padding-left:20px; color:#333; list-style:disc; }
.texto-somos li{ margin-bottom:8px; }
.franja-somos{ background:var(--color-secondary); text-align:center; padding:50px 20px; color:#333; }
.franja-somos h2{ font-size:1.6rem; margin-bottom:8px; }
@media (max-width:768px){ .hero-somos{ height:35vh; } .texto-somos{ padding:40px 8%; } }


/* ================================
   BLOQUE FUNDADORES
   ================================ */

.fundadores {
  padding: 60px 12%;
  background: #f9fbff;
}

.fundadores h2 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 40px;
  color: var(--color-primary);
}

.fundador-card {
  display: flex;
  gap: 30px;
  margin-bottom: 50px;
  background: #fff;
  padding: 24px;
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--color-border);
}

/* ==== TARJETA FUNDADORES – FOTO LATERAL ==== */

.fundador-card {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding: 24px 28px;
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--shadow-soft);
  margin-bottom: 24px;
}

/* “Píldora” azul con la foto dentro */
.fundador-img {
  width: 200px;             /* ancho fijo, no tan angosto */
  min-width: 200px;
  height: 260px;            /* alto fijo */
  border-radius: 999px;
  border: 4px solid #0A6FB5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

/* Imagen centrada, sin cortar media cara */
.fundador-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;  /* <- esto evita que se vea solo un lado del rostro */
}


.fundador-info h3 {
  margin-bottom: 6px;
  font-size: 1.4rem;
}

.fundador-cargo {
  margin-bottom: 14px;
  font-weight: 600;
  color: var(--color-primary);
}

.fundador-info p {
  margin-bottom: 14px;
  color: #444;
  line-height: 1.7;
}

.fundador-contacto a {
  color: var(--color-primary);
  font-weight: 600;
}

.fundador-redes {
  margin-top: 8px;
  display: flex;
  gap: 16px;
}

.fundador-redes a {
  color: var(--color-primary);
  text-decoration: underline;
  font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
  .fundador-card {
    flex-direction: column;
    text-align: left;
    align-items: center;
  }

  .fundador-img img {
    width: 140px;
    height: 180px;
  }
}

/* CITA DESTACADA EMOCIONAL */
.destacado-cita {
  margin: 45px 0;
  padding: 28px 32px;
  background: #eef4ff;
  border-left: 6px solid var(--color-primary);
  border-radius: 14px;
  box-shadow: var(--shadow-soft);
}

.destacado-cita p {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.8;
  font-style: italic;
  color: #2a2a2a;
}