/* ==========================================================================
   Home
   ========================================================================== */


/* -------------------------------------------------------------------------
   Manifiesto: titular grande a la izquierda, texto y pilares a la derecha
   ------------------------------------------------------------------------- */

.zr-manifiesto{
  display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start;
}
.zr-manifiesto .titular{position:sticky;top:120px;}

.zr-principios{margin-top:8px;}
.zr-principio{
  display:grid;grid-template-columns:auto 1fr;gap:24px;
  padding:30px 0;border-top:1px solid var(--hair);
}
.zr-principio:last-child{border-bottom:1px solid var(--hair);}
.zr-principio .marca{
  font-family:'Instrument Serif',Georgia,serif;
  font-size:1.1rem;color:var(--acento);line-height:1.4;
}
.zr-principio h3{font-size:1.35rem;margin-bottom:10px;}
.zr-principio p{color:var(--tinta-2);font-size:.98rem;line-height:1.65;}

/* -------------------------------------------------------------------------
   Cierre de sección con enlace alineado
   ------------------------------------------------------------------------- */

.zr-cierre{margin-top:56px;display:flex;justify-content:flex-start;}

.zr-head-fila{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:40px;margin-bottom:64px;flex-wrap:wrap;
}
.zr-head-fila .zr-head{margin-bottom:0;}

/* -------------------------------------------------------------------------
   Socios — retrato en duotono que se revela en color al pasar el cursor
   ------------------------------------------------------------------------- */

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

.zr-socio{display:block;}

.zr-socio .retrato{
  position:relative;aspect-ratio:4/5;overflow:hidden;
  background:var(--azul-2);
}
.zr-socio .retrato img{
  width:100%;height:100%;object-fit:cover;object-position:top center;
  filter:grayscale(1) contrast(1.05);
  transition:filter .6s ease,transform .8s cubic-bezier(.2,.7,.3,1);
}
.zr-socio:hover .retrato img{filter:grayscale(0);transform:scale(1.03);}

/* Velo verde que se disuelve en hover */
.zr-socio .retrato::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(18,56,107,.15),rgba(18,56,107,.5));
  opacity:1;transition:opacity .6s ease;pointer-events:none;
}
.zr-socio:hover .retrato::after{opacity:0;}

.zr-socio .datos{padding-top:26px;}
.zr-socio .cargo{
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--acento-oscuro);
}
.zr-socio h3{font-size:clamp(1.7rem,2.6vw,2.1rem);margin-top:12px;}
.zr-socio .bio{margin-top:16px;color:var(--tinta-2);font-size:.98rem;line-height:1.65;}
.zr-socio .correo{margin-top:18px;}

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

/* -------------------------------------------------------------------------
   Testimonios sobre fondo verde
   ------------------------------------------------------------------------- */

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

.zr-cita{
  padding:0 40px;
  border-left:1px solid var(--hair-oscuro);
  display:flex;flex-direction:column;
}
.zr-cita:first-child{padding-left:0;border-left:0;}
.zr-cita:last-child{padding-right:0;}

.zr-cita blockquote{
  margin:0;flex:1;
  font-family:'Instrument Serif',Georgia,serif;
  font-size:1.28rem;line-height:1.42;
  color:var(--papel);
}
.zr-cita .firma{margin-top:32px;}
.zr-cita .autor{
  display:block;font-size:.95rem;font-weight:600;color:var(--papel);
}
.zr-cita .origen{
  display:block;margin-top:5px;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--acento-claro);
}

/* -------------------------------------------------------------------------
   Artículos
   ------------------------------------------------------------------------- */

.zr-notas{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}

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

@media(max-width:1000px){
  .zr-manifiesto{grid-template-columns:1fr;gap:48px;}
  .zr-manifiesto .titular{position:static;}
  .zr-citas{grid-template-columns:1fr;}
  .zr-cita{
    padding:34px 0;border-left:0;border-top:1px solid var(--hair-oscuro);
  }
  .zr-cita:first-child{padding-top:0;border-top:0;}
  .zr-notas{grid-template-columns:1fr;gap:0;}
}

@media(max-width:820px){
  .zr-socios{grid-template-columns:1fr;gap:48px;}
}

@media(max-width:600px){
  .zr-head-fila{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:44px;}
  .zr-socio .retrato{aspect-ratio:3/2;}
}