/* ==========================================================
   FUNDADOR
   ========================================================== */

/* ---------- FUNDADOR ---------- */
.founder-grid{
  display:grid; grid-template-columns:260px 1fr; gap:56px; align-items:start;
}
.founder-portrait{
  aspect-ratio:3/4; background:var(--navy);
  overflow:hidden; position:relative;
}
.founder-portrait img{
  width:100%; height:100%; object-fit:cover; display:block;
  /* Encuadre del retrato: estaba en línea en el marcado. */
  object-position:50% 18%;
  transition:transform 900ms var(--ease-flip);
}
.founder-portrait:hover img{transform:scale(1.045);}
.founder-portrait::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--brass);
  transform:scaleX(0); transform-origin:left; transition:transform .7s var(--ease-flip);
}
.founder-portrait.is-in::after{transform:scaleX(1);}
.founder-copy h3{font-size:26px; margin-bottom:4px;}
.founder-role{color:var(--brass); font-size:14px; margin-bottom:22px; display:block;}
.founder-copy p{color:var(--slate); font-size:15px; max-width:600px; margin:0 0 16px;}
.founder-credentials{
  display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:26px; padding-top:24px; border-top:1px solid var(--rule);
}
.founder-credentials div{
  font-size:12.5px; color:var(--slate); max-width:220px;
  padding-left:14px; border-left:1px solid var(--rule);
  transition:border-color var(--t-hover) ease;
}
.founder-credentials div:hover{border-left-color:var(--brass);}
.founder-credentials strong{display:block; color:var(--navy); font-size:13.5px; margin-bottom:3px;}
@media (max-width:780px){
  .founder-grid{grid-template-columns:1fr; gap:28px;}
  .founder-portrait{max-width:220px;}
}