/* Home story card ambient — Fase 3 (opt-in con PORTAL_HOME_AMBIENT=1) */

.home-story-stack--ambient .home-story-card {
  border-color: rgba(var(--brand-rgb), 0.16) !important;
  box-shadow:
    0 18px 44px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  transition:
    box-shadow 0.28s ease,
    transform 0.28s ease,
    border-color 0.28s ease;
}

.home-story-stack--ambient .home-story-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--brand-rgb), 0.22) !important;
  box-shadow:
    0 24px 52px rgba(15, 23, 42, 0.11),
    0 0 0 1px rgba(var(--brand-rgb), 0.08);
}

.home-story-stack--ambient .home-story-media {
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background-size: cover !important;
  animation: portal-home-story-media-kb 15s ease-in-out infinite alternate;
  will-change: background-size, background-position;
}

@keyframes portal-home-story-media-kb {
  from {
    background-size: 100% !important;
    background-position: center center;
  }
  to {
    background-size: 106% !important;
    background-position: 54% 46%;
  }
}

.home-story-stack--ambient .home-story-card {
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.55s ease,
    transform 0.55s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}

.home-story-stack--ambient .home-story-card.is-story-revealed {
  opacity: 1;
  transform: translateY(0);
}

.home-story-stack--ambient .home-story-card.is-story-revealed:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .home-story-stack--ambient .home-story-media {
    animation: none !important;
  }

  .home-story-stack--ambient .home-story-card {
    opacity: 1;
    transform: none;
  }
}

.home-shell[data-portal-ambient-freeze="1"] .home-story-stack--ambient .home-story-media {
  animation: none !important;
}

.home-shell[data-portal-ambient-freeze="1"] .home-story-stack--ambient .home-story-card {
  opacity: 1;
  transform: none;
}