/* ==========================================================================
   Quiénes somos
   ========================================================================== */

/* -------------------------------------------------------------------------
   Misión y visión
   ------------------------------------------------------------------------- */

.zr-mv{display:grid;grid-template-columns:repeat(2,1fr);gap:0;}

.zr-mv-bloque{padding:44px 48px 44px 0;border-top:1px solid var(--hair);}
.zr-mv-bloque + .zr-mv-bloque{padding-left:48px;border-left:1px solid var(--hair);}

.zr-mv-bloque .etiqueta{
  display:block;
  font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--acento-oscuro);margin-bottom:20px;
}
.zr-mv-bloque p{
  font-family:'Instrument Serif',Georgia,serif;
  font-size:1.32rem;line-height:1.45;color:var(--tinta);
}

/* -------------------------------------------------------------------------
   Grupos del equipo
   ------------------------------------------------------------------------- */

.zr-grupo + .zr-grupo{margin-top:88px;}

.zr-grupo-titulo{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding-bottom:20px;margin-bottom:44px;
  border-bottom:1px solid var(--hair-fuerte);
  font-family:'Inter',sans-serif;font-weight:500;
  font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--tinta-2);
}
.zr-grupo-titulo .cuenta{
  font-family:'Instrument Serif',Georgia,serif;
  font-size:1.5rem;letter-spacing:0;color:var(--acento);
}

/* -------------------------------------------------------------------------
   Fichas
   ------------------------------------------------------------------------- */

.zr-fichas{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 48px;}

.zr-ficha{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;}

.zr-ficha .retrato{
  position:relative;aspect-ratio:4/5;overflow:hidden;
  background:var(--azul);
  display:flex;align-items:center;justify-content:center;
}
.zr-ficha .retrato img{
  width:100%;height:100%;object-fit:cover;object-position:top center;
  filter:grayscale(1) contrast(1.04);
  transition:filter .6s ease;
}
.zr-ficha:hover .retrato img{filter:grayscale(0);}

.zr-iniciales{
  font-family:'Instrument Serif',Georgia,serif;
  font-size:2.6rem;color:var(--acento-claro);letter-spacing:.02em;
}

.zr-ficha .cargo{
  display:block;
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--acento-oscuro);
}
.zr-ficha h4{
  font-family:'Instrument Serif',Georgia,serif;font-weight:400;
  font-size:1.5rem;line-height:1.15;margin-top:10px;color:var(--tinta);
}
.zr-ficha .bio{
  margin-top:14px;color:var(--tinta-2);font-size:.95rem;line-height:1.65;
}
.zr-ficha .detalle{
  margin-top:12px;font-size:.86rem;line-height:1.6;color:var(--tinta-3);
}
.zr-ficha .detalle span{
  display:block;
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--tinta-2);margin-bottom:3px;
}
.zr-ficha .correo{margin-top:16px;font-size:.86rem;}

/* Grilla compacta: administración y asesores, sin biografía */
.zr-fichas.compacta{grid-template-columns:repeat(4,1fr);gap:36px 28px;}
.zr-fichas.compacta .zr-ficha{grid-template-columns:1fr;gap:18px;}
.zr-fichas.compacta .retrato{aspect-ratio:1;}
.zr-fichas.compacta h4{font-size:1.2rem;}

@media(prefers-reduced-motion:reduce){
  .zr-ficha .retrato img{transition:none;}
}

/* -------------------------------------------------------------------------
   Legado
   ------------------------------------------------------------------------- */

.zr-legado{display:grid;grid-template-columns:repeat(2,1fr);gap:56px;}

.zr-legado-ficha{
  display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:start;
  padding-top:34px;border-top:1px solid var(--hair-oscuro);
}
.zr-legado-ficha:only-child{grid-column:1 / -1;grid-template-columns:180px 1fr;}

.zr-legado-ficha .retrato{aspect-ratio:1;overflow:hidden;border-radius:999px;}
.zr-legado-ficha .retrato img{
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) brightness(1.05);
}
.zr-legado-ficha .cargo{
  display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--acento-claro);
}
.zr-legado-ficha h3{
  font-size:1.6rem;margin-top:10px;color:var(--papel);
}
.zr-legado-ficha .bio{
  margin-top:16px;color:rgba(241,245,250,.72);font-size:.95rem;line-height:1.7;
}
.zr-legado-ficha .detalle{
  margin-top:14px;font-size:.84rem;line-height:1.6;color:rgba(241,245,250,.5);
}
.zr-legado-ficha .detalle span{
  display:block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(241,245,250,.68);margin-bottom:3px;
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */

@media(max-width:1080px){
  .zr-fichas{grid-template-columns:1fr;gap:48px;}
  .zr-fichas.compacta{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:820px){
  .zr-mv{grid-template-columns:1fr;}
  .zr-mv-bloque{padding:34px 0;}
  .zr-mv-bloque + .zr-mv-bloque{padding-left:0;border-left:0;}
  .zr-legado{grid-template-columns:1fr;gap:40px;}
  .zr-fichas.compacta{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:560px){
  .zr-ficha{grid-template-columns:1fr;gap:20px;}
  .zr-ficha .retrato{aspect-ratio:3/2;max-width:none;}
  .zr-ficha .retrato img{object-position:center 20%;}
  .zr-legado-ficha,
  .zr-legado-ficha:only-child{grid-template-columns:1fr;gap:22px;}
  .zr-legado-ficha .retrato{width:130px;}
  .zr-grupo + .zr-grupo{margin-top:60px;}
  .zr-grupo-titulo{margin-bottom:32px;}
}