/*
  Tarjetas editoriales
  .card-profile   perfil de participación: foto + título + texto, sin caja ni sombra.
                  La proporción de la foto se ajusta con --ratio (por defecto 4/5)
                  para que una fila de perfiles no parezca una rejilla de plantilla.
  Toda la tarjeta es clicable a través del enlace del título (patrón "enlace estirado").
*/

.card-profile {
  position: relative;
  display: grid;
  gap: var(--gap-4);
  align-content: start;
}

.card-profile__media {
  aspect-ratio: var(--ratio, 4 / 5);
  border-radius: var(--border-radius-lg);
}

.card-profile__media img {
  transition: transform var(--duration-editorial) var(--easing-standard);
}

.card-profile__title a {
  color: inherit;
  text-decoration: none;
}

.card-profile__title a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--border-radius-lg);
}

.card-profile__title a:focus-visible {
  outline: none;
}

.card-profile:has(a:focus-visible) {
  outline: 3px solid var(--focus);
  outline-offset: 6px;
  border-radius: var(--border-radius-lg);
}

.card-profile__text {
  color: var(--text-muted);
}

@media (hover: hover) {
  .card-profile:hover .card-profile__media img {
    transform: scale(1.04);
  }

  .card-profile:hover .card-profile__title a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
  }
}