/* ==========================================================================
   components/contacto-directo.css — Enlace a la tarjeta digital del director
   Sin marcador (bloque único en contacto.html, sobre .seccion--oscura). La
   tarjeta (contacto/martin-ibata/) es una página aparte con sus propios estilos.
   ========================================================================== */
.contacto-directo {
  --tam-foto: calc(var(--space-7) + var(--space-4));
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-6);
  padding: var(--space-4);
  border: var(--hairline) solid var(--borde-inverso);
  border-radius: var(--radio);
  color: var(--c-texto-inverso);
  text-decoration: none;
  transition: background var(--dur-rapida) var(--ease-cambio), border-color var(--dur-rapida) var(--ease-cambio);
}
.contacto-directo:hover { background: var(--superficie-inversa-hover); border-color: var(--borde-inverso-fuerte); }
.contacto-directo__foto {
  flex: none;
  width: var(--tam-foto);
  height: var(--tam-foto);
  border-radius: var(--radio-circulo);
  object-fit: cover;
  object-position: 50% 22%;
}
.contacto-directo__antetitulo { display: block; font-size: var(--text-sm); font-weight: 600; color: var(--c-agua); }
.contacto-directo__nombre { display: block; font-family: var(--f-display); font-weight: 700; color: var(--c-blanco); }
.contacto-directo__cargo { display: block; font-size: var(--text-sm); color: var(--c-texto-inverso-suave); }
.contacto-directo:hover .contacto-directo__cargo { color: var(--c-agua); }