/* ==========================================================================
   components/credito-foto.css — Crédito corto de una foto ("Foto: Autor / Unsplash")
   Sin marcador propio: va dentro de galeria, especies (cadena de valor) y hero.
   Etiqueta pequeña sobre la esquina superior derecha de la foto, con enlace a la
   página original. El padre debe tener position: relative. Créditos completos
   (licencia incluida) en pages/creditos.html.
   ========================================================================== */
.credito-foto {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  z-index: 1;
  max-width: calc(100% - var(--space-4));
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radio-xs);
  /* Velo casi opaco: el texto blanco contrasta también sobre fotos claras (hielo) */
  background: var(--overlay-abismo-medio);
  /* En celdas estrechas (galería en móvil) pasa a otra línea en vez de cortarse */
  text-align: right;
  font-size: var(--text-xs);
  line-height: var(--leading-compacto);
  color: var(--c-blanco);
}
/* Enlace en línea dentro del texto del crédito (excepción "en línea" de WCAG 2.5.8) */
.credito-foto a { color: inherit; }
.credito-foto a:hover { text-decoration: none; }

/* Hero: abajo a la derecha, sobre la ola; varias fotos, puede ocupar dos líneas */
.credito-foto--hero {
  top: auto;
  right: var(--pad-x);
  bottom: calc(var(--alto-ola-hero) + var(--space-2));
  max-width: min(calc(100% - var(--pad-x) * 2), var(--medida-lg));
}