/* ==========================================================================
   equipo-antonio.css — EQUIPO · bloque de Antonio González-Zapatero (NUEVO oct-2026).
   Frame Figma: EQUIPO 11:19 — foto Antonio (132:187, banda navy-5%) + CV (132:183, navy).
   Depende de tokens.css + layout.css. Calca el bloque de Santiago (sin cita/rotador).

   DECISIÓN MÓVIL: 1 columna (foto arriba, texto debajo); en ≥1024 par foto-izq
   (44%) / texto-der del Figma. CV en banda navy a sangre, texto blanco.
   ========================================================================== */

/* Bloque de presentación (foto + nombre + cargo) ------------------------- */
.lfi-equipo-antonio__inner {
  display: flex;
  flex-direction: column;
  background: var(--lfi-soft);   /* navy 5% */
}
.lfi-equipo-antonio__media {
  width: 100%;
  aspect-ratio: 636 / 768;
  background: var(--lfi-soft);
  overflow: hidden;
}
.lfi-equipo-antonio__media img { width: 100%; height: 100%; object-fit: cover; }
.lfi-equipo-antonio__body {
  display: flex;
  flex-direction: column;
  padding: var(--lfi-equipo-py-mobile) var(--lfi-gutter);
}
.lfi-equipo-antonio__name {
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-extrabold);
  font-size: var(--lfi-fs-31);        /* móvil */
  line-height: var(--lfi-lh-solid);
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-navy);
}
.lfi-equipo-antonio__role {
  margin-top: var(--lfi-equipo-santiago-gap-name);  /* 7 */
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-semibold);
  font-size: var(--lfi-fs-23);        /* móvil */
  line-height: var(--lfi-lh-normal);
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-red);              /* cargo en ROJO */
}

/* Banda CV (navy) -------------------------------------------------------- */
.lfi-equipo-antonio__cv {
  background: var(--lfi-navy);
  color: var(--lfi-white);
}
.lfi-equipo-antonio__cv-inner { padding-block: var(--lfi-equipo-py-mobile); }
.lfi-equipo-antonio__text {
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-regular);
  font-size: var(--lfi-fs-19);        /* móvil */
  line-height: var(--lfi-lh-loose-body);
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-white);
  max-width: var(--lfi-content-read);
}
.lfi-equipo-antonio__text p { margin: 0; }
.lfi-equipo-antonio__text p + p { margin-top: var(--lfi-equipo-cv-para); }
.lfi-equipo-antonio__strong { font-weight: var(--lfi-weight-bold); }

/* Acordeón "VER MÁS" (Figma 132:185 -> desplegable 132:20). Sin JS queda abierto. */
.lfi-equipo-antonio__more { margin-top: var(--lfi-equipo-cv-para); }
.lfi-equipo-antonio__more p + p { margin-top: var(--lfi-equipo-cv-para); }
.lfi-equipo-antonio__toggle {
  margin-top: var(--lfi-equipo-cv-para);
  display: inline-block;
  padding: 4px 0;
  min-height: var(--lfi-tap-min);
  background: none;
  border: 0;
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-regular);
  font-size: var(--lfi-fs-19);                  /* móvil; 23 en desktop */
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-gray);                        /* #F5F5F5 del Figma */
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.2s ease;
}
.lfi-equipo-antonio__toggle:hover,
.lfi-equipo-antonio__toggle:focus-visible { color: var(--lfi-red); }

/* ==========================================================================
   BREAKPOINTS
   ========================================================================== */
@media (min-width: 768px) {
  .lfi-equipo-antonio__name { font-size: var(--lfi-fs-40); }
  .lfi-equipo-antonio__role { font-size: var(--lfi-fs-28); }
  .lfi-equipo-antonio__text { font-size: var(--lfi-fs-23); }
}
@media (min-width: 1024px) {
  .lfi-equipo-antonio__inner {
    display: grid;
    grid-template-columns: var(--lfi-equipo-santiago-img-w) 1fr;   /* 44% / resto */
    min-height: var(--lfi-equipo-santiago-h);                      /* 768 */
    align-items: stretch;
  }
  .lfi-equipo-antonio__media { aspect-ratio: auto; height: 100%; }
  .lfi-equipo-antonio__body {
    justify-content: center;
    padding: 0 var(--lfi-gutter) 0 var(--lfi-equipo-santiago-col-gap);
  }
  .lfi-equipo-antonio__name { font-size: var(--lfi-fs-52); }   /* réplica Figma */
  .lfi-equipo-antonio__role { font-size: var(--lfi-fs-36); }
  .lfi-equipo-antonio__cv-inner { padding-block: var(--lfi-equipo-bio-py); }  /* 86 */
  .lfi-equipo-antonio__text   { font-size: var(--lfi-fs-24); }   /* réplica Figma (24/lh41) */
  .lfi-equipo-antonio__toggle { font-size: var(--lfi-fs-23); }   /* Figma 23 */
}