/* ---------------------------------------------
   PROYECTO LINK MODULE STYLES – subgrafica
--------------------------------------------- */

.still-image-wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
}

.still-background {
  width: 100%;
  height: auto;
  display: block;
}

.still-title {
  font-family: var(--ffa);
  font-size: var(--fs-p) !important;
  font-weight: var(--fwl-2);
  line-height: var(--flh2);
  letter-spacing: var(--fls);
  cursor: default;
}

.still-subtitle {
  font-family: var(--ffa);
  font-size: var(--fs-p) !important;
  font-weight: var(--fwl-1);
  line-height: var(--flh2);
  letter-spacing: var(--fls);
  margin-top: 4px;
  cursor: default;
}

/* Texto en fila, título a la izquierda y subtítulo a la derecha */
.still-text-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  opacity: 0;
  animation: fadeInText 0.3s ease 0.5s forwards;
}
.still-title,
.still-subtitle {
  margin-top: 2px;
}
.still-link-trigger {
  opacity: .95 !important;
}
.still-link-trigger:hover {
  text-decoration: none;
  opacity: 1 !important;
  transition: opacity 0.3s ease;
}

/* Animación */
@keyframes fadeInText {
  to {
    opacity: 1;
  }
}