/* Portadas de inicio: el diseño original de Deadfall se conserva. */
.home-carousel { position: relative; overflow: hidden; isolation: isolate; }
.home-slide { width: 100%; transform: translateX(0); }
.home-halloween { position: absolute; inset: 0; transform: translateX(100%); background-image: linear-gradient(90deg, transparent 25%, rgba(9, 6, 25, .22) 52%, rgba(9, 6, 25, .68) 100%), linear-gradient(0deg, #0a0d20, transparent 35%), url('../assets/halloween-cover.png'); background-position: center, center, center; }
.halloween-title { margin: 0 0 12px; color: #fff4df; font-size: clamp(1.6rem, 3vw, 2.5rem); font-weight: 900; letter-spacing: .035em; text-shadow: 0 3px 18px #180820; }
.halloween-logo { display: block; width: min(540px, 90%); height: auto; aspect-ratio: 1.9; object-fit: cover; object-position: center 52%; margin: 0 auto 20px; filter: drop-shadow(0 5px 12px #17081c); }
.halloween-description { max-width: 440px; margin: 0 auto; padding: 0 12px; color: #fff5e8; font-size: .95rem; line-height: 1.7; text-shadow: 0 2px 8px #000; }
.halloween-description a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.home-carousel-arrow { position: absolute; top: 50%; z-index: 3; display: grid; place-items: center; width: 34px; height: 44px; padding: 7px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: rgba(8,10,25,.35); color: white; opacity: .5; cursor: pointer; transform: translateY(-50%); transition: opacity .2s, background .2s; }
.home-carousel-arrow:hover, .home-carousel-arrow:focus-visible { opacity: 1; background: rgba(8,10,25,.65); }
.home-carousel-arrow:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.home-carousel-arrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.home-carousel-prev { left: 10px; }
.home-carousel-next { right: 10px; }
@media (max-width: 820px) {
  .home-halloween { background-image: linear-gradient(0deg, rgba(7,9,24,.98), rgba(7,9,24,.72) 45%, rgba(7,9,24,.05) 85%), url('../assets/halloween-cover.png'); background-position: center, 34% center; }
  .home-halloween .hero-inner { padding-bottom: 70px; }
  .home-halloween .hero-copy { padding-inline: 24px; }
  .home-carousel-prev { left: 5px; }
  .home-carousel-next { right: 5px; }
}