html[data-site-season="halloween"] {
  --lilac: #b85f2d;
  --lilac-light: #f3aa53;
  --brand-contradiction: #a72c2c;
  --burgundy: #a72c2c;
  --dark: #160b1d;
  --paper: #f7eddf;
  color-scheme: light;
}

html[data-site-season="halloween"] body {
  position: relative;
  background-color: var(--paper, #f7eddf);
}

html[data-site-season="halloween"] body::before,
html[data-site-season="halloween"] body::after {
  position: fixed;
  z-index: 80;
  content: "";
  pointer-events: none;
}

html[data-site-season="halloween"] body::before {
  inset: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(243, 170, 83, .13), transparent 22rem),
    radial-gradient(circle at 88% 24%, rgba(112, 66, 127, .14), transparent 25rem),
    linear-gradient(180deg, rgba(25, 11, 32, .09), transparent 26rem);
  box-shadow: inset 0 0 12rem rgba(23, 9, 30, .12);
}

html[data-site-season="halloween"] body::after {
  top: 5.5rem;
  right: clamp(-2.5rem, 1vw, 1rem);
  width: clamp(9rem, 15vw, 15rem);
  aspect-ratio: 1.45;
  opacity: .23;
  background: url('/rastros/play/img/murcielagos-halloween.webp') center/contain no-repeat;
  filter: saturate(.6) contrast(1.2);
  transform: rotate(5deg);
}

html[data-site-season="halloween"] :is(.site-header, .masthead, footer) {
  border-color: rgba(243, 170, 83, .3);
  background-color: #211627;
  background-image: linear-gradient(105deg, rgba(25, 10, 32, .98), rgba(62, 25, 61, .96) 62%, rgba(94, 38, 52, .94));
}

/* El pie editorial usa tinta oscura por defecto; al vestirlo de Halloween
   hay que cambiar también su contenido, incluido el logo anidado actual. */
html[data-site-season="halloween"] body footer.site-footer {
  color: #fff4df;
}

html[data-site-season="halloween"] body footer.site-footer .sf-brand img {
  filter: brightness(0) invert(1) sepia(.16);
}

html[data-site-season="halloween"] body footer.site-footer .sf-brand p,
html[data-site-season="halloween"] body footer.site-footer .sf-col a,
html[data-site-season="halloween"] body footer.site-footer .sf-col .footer-link {
  color: rgba(255, 244, 223, .82);
}

html[data-site-season="halloween"] body footer.site-footer .sf-col h3 {
  color: #f3aa53;
}

html[data-site-season="halloween"] body footer.site-footer .sf-col a:is(:hover, :focus-visible),
html[data-site-season="halloween"] body footer.site-footer .sf-col .footer-link:is(:hover, :focus-visible) {
  color: #fff4df;
}

html[data-site-season="halloween"] body footer.site-footer .footer-meta {
  color: rgba(255, 244, 223, .7);
  border-color: rgba(243, 170, 83, .28);
}

html[data-site-season="halloween"] :is(.site-header, .masthead) {
  box-shadow: 0 10px 32px rgba(12, 4, 16, .24);
}

/* Cabecera estacional inspirada en la barra del juego de Rastros. */
html[data-site-season="halloween"] body .site-header {
  height: 82px;
  padding: 0 max(28px, calc((100vw - 1500px) / 2));
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: clamp(30px, 4vw, 72px);
  color: #fff4df;
  border-bottom: 1px solid #8d6048;
  background: linear-gradient(90deg, rgba(26, 13, 34, .99), rgba(50, 23, 59, .98) 48%, rgba(75, 33, 57, .98));
  box-shadow: 0 7px 24px rgba(12, 6, 16, .48);
  backdrop-filter: blur(12px);
}

html[data-site-season="halloween"] body .site-header .brand img {
  width: 156px;
}

html[data-site-season="halloween"] body .site-header nav {
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(15px, 1.45vw, 26px);
  color: #fff4df;
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
}

html[data-site-season="halloween"] body .site-header nav a,
html[data-site-season="halloween"] body .site-header nav.open a {
  position: relative;
  width: auto;
  min-height: 44px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: #fff4df;
  border: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(.72rem, .75vw, .88rem);
  font-weight: 720;
  letter-spacing: .01em;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

html[data-site-season="halloween"] body .site-header nav a::after {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  width: auto;
  height: 2px;
  display: block;
  content: "";
  opacity: 0;
  background: #e78532;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}

html[data-site-season="halloween"] body .site-header nav a:is(:hover, :focus-visible, [aria-current="page"]) {
  color: #f3aa53;
}

html[data-site-season="halloween"] body .site-header nav a:is(:hover, :focus-visible, [aria-current="page"])::after {
  opacity: 1;
  transform: scaleX(1);
}

html[data-site-season="halloween"] body .site-header nav a:last-child {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(243, 170, 83, .48);
  border-radius: 999px;
  background: rgba(255, 244, 223, .08);
}

html[data-site-season="halloween"] body .site-header nav .mobile-account {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(243, 170, 83, .48);
  border-radius: 999px;
  background: rgba(255, 244, 223, .08);
}

html[data-site-season="halloween"] body .site-header nav .mobile-account::after {
  display: none;
}

html[data-site-season="halloween"] body .site-header .language-switch {
  margin: 0;
  padding: 0 0 0 12px;
  gap: 3px;
  border: 0;
  border-left: 1px solid rgba(243, 170, 83, .3);
  color: rgba(255, 244, 223, .52);
}

html[data-site-season="halloween"] body .site-header .language-switch button,
html[data-site-season="halloween"] body .site-header .language-switch button[aria-pressed="true"] {
  min-width: 30px;
  min-height: 40px;
  color: #fff4df;
  font: 750 .72rem/1 Inter, Arial, sans-serif;
}

html[data-site-season="halloween"] body .site-header .language-switch button[aria-pressed="true"] {
  color: #f3aa53;
}

html[data-site-season="halloween"] body .site-header nav a:last-child::after {
  display: none;
}

html[data-site-season="halloween"] :is(.site-header, .masthead) .brand img,
html[data-site-season="halloween"] footer > img {
  filter: brightness(0) invert(1) sepia(.16);
}

html[data-site-season="halloween"] :is(.site-header, .masthead) a::after {
  background-color: #f3aa53;
}

html[data-site-season="halloween"] :is(.button-primary, .button, button.primary) {
  border-color: rgba(243, 170, 83, .55);
  box-shadow: 0 8px 25px rgba(45, 17, 48, .12);
}

html[data-site-season="halloween"] :is(.eyebrow, .modal-label, .breadcrumbs a) {
  color: #a85125;
}

/* Selector de juegos: la composición marfil vive en jugar/jugar.css. Estas
   reglas son únicamente la capa temporal y desaparecen con data-site-season. */
html[data-site-season="halloween"] body.play-picker-page {
  color: #fff4df;
  background:
    radial-gradient(circle at 16% 15%, rgba(231, 133, 50, .16), transparent 28rem),
    radial-gradient(circle at 84% 48%, rgba(112, 66, 127, .18), transparent 32rem),
    linear-gradient(145deg, #160b1d, #2b1731 55%, #3a1b31);
}

html[data-site-season="halloween"] .play-picker-page .play-breadcrumbs {
  color: rgba(255, 244, 223, .62);
}

html[data-site-season="halloween"] .play-picker-page .play-season-label {
  width: max-content;
  margin: 0 auto 18px;
  padding: 7px 13px;
  display: block;
  color: #2b142f;
  border-radius: 999px;
  background: #f3aa53;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html[data-site-season="halloween"] .play-picker-page .play-picker-heading .eyebrow,
html[data-site-season="halloween"] .play-picker-page .play-card-kicker {
  color: #f3aa53;
}

html[data-site-season="halloween"] .play-picker-page .play-picker-heading h1 {
  color: #fff4df;
  text-shadow: 0 14px 45px rgba(3, 0, 7, .34);
}

html[data-site-season="halloween"] .play-picker-page .play-picker-heading h1 em {
  color: #e78532;
}

html[data-site-season="halloween"] .play-picker-page .play-picker-heading > p:last-child,
html[data-site-season="halloween"] .play-picker-page .play-picker-note {
  color: rgba(255, 244, 223, .7);
}

html[data-site-season="halloween"] .play-picker-page .play-picker::before {
  border-color: rgba(243, 170, 83, .22);
  box-shadow: inset 0 0 0 42px rgba(243, 170, 83, .025), inset 0 0 0 86px rgba(112, 66, 127, .05);
}

html[data-site-season="halloween"] .play-picker-page .play-card {
  color: #fff4df;
  border-color: rgba(243, 170, 83, .28);
  background: linear-gradient(150deg, rgba(43, 23, 49, .98), rgba(27, 13, 34, .98));
  box-shadow: 0 28px 80px rgba(4, 0, 7, .34);
}

html[data-site-season="halloween"] .play-picker-page .play-card:is(:hover, :focus-visible) {
  border-color: rgba(243, 170, 83, .72);
  box-shadow: 0 34px 90px rgba(4, 0, 7, .5), 0 0 0 1px rgba(231, 133, 50, .16);
}

html[data-site-season="halloween"] .play-picker-page .play-card-rastros .play-card-image {
  visibility: hidden;
}

html[data-site-season="halloween"] .play-picker-page .play-card-seasonal-image {
  display: block;
}

html[data-site-season="halloween"] .play-picker-page .play-card-special {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 18px;
  padding: 8px 11px;
  display: block;
  color: #2a132d;
  border-radius: 2px;
  background: #f3aa53;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html[data-site-season="halloween"] .play-picker-page .play-card-nexo .play-card-image {
  filter: saturate(.72) sepia(.24) hue-rotate(330deg) brightness(.62) contrast(1.08);
}

html[data-site-season="halloween"] .play-picker-page .play-card-nexo .play-card-media::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: linear-gradient(145deg, rgba(30, 12, 36, .12), rgba(74, 25, 52, .48));
}

html[data-site-season="halloween"] .play-picker-page .play-card-network path {
  stroke: rgba(243, 170, 83, .82);
}

html[data-site-season="halloween"] .play-picker-page .play-card-network circle {
  fill: #2a1730;
  stroke: #f3aa53;
}

html[data-site-season="halloween"] .play-picker-page .play-card-description {
  color: rgba(255, 244, 223, .72);
}

html[data-site-season="halloween"] .play-picker-page .play-card-meta span {
  color: rgba(255, 244, 223, .78);
  border-color: rgba(243, 170, 83, .25);
  background: rgba(255, 244, 223, .035);
}

html[data-site-season="halloween"] .play-picker-page .play-card-action,
html[data-site-season="halloween"] .play-picker-page .play-card-nexo .play-card-action {
  color: #f3aa53;
}

html[data-site-season="halloween"] .play-picker-page .play-picker-note span {
  color: #e78532;
}

@media (max-width: 760px) {
  html[data-site-season="halloween"] .play-picker-page .play-season-label {
    margin-left: 0;
  }
}

html[data-site-season="halloween"] :is(.hero-card, .daily, .manifesto-mark, .answers-preview) {
  background-color: #211627;
  background-image: linear-gradient(145deg, rgba(38, 18, 48, .98), rgba(91, 34, 56, .94));
}

html[data-site-season="halloween"] .hero-card {
  color: #fff4df;
  border-color: rgba(243, 170, 83, .32);
}

html[data-site-season="halloween"] .hero-card :is(p, label, small, .form-legal, .access-separator) {
  color: rgba(255, 244, 223, .78);
}

html[data-site-season="halloween"] .hero-card :is(.eyebrow, .form-legal a) {
  color: #f3aa53;
}

html[data-site-season="halloween"] .hero-card input {
  color: #281a2d;
  border-color: rgba(243, 170, 83, .7);
  background: #fff8ef;
}

html[data-site-season="halloween"] .editorial-home .hero::after {
  display: block;
  background:
    radial-gradient(circle at 76% 33%, rgba(111, 54, 106, .18), rgba(27, 10, 34, .44) 68%, rgba(18, 6, 24, .62) 100%),
    linear-gradient(90deg, rgba(24, 9, 31, .16) 20%, rgba(37, 13, 43, .42) 100%),
    linear-gradient(180deg, rgba(20, 7, 26, .3), transparent 38%, rgba(20, 7, 26, .38));
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: multiply;
}

html[data-site-season="halloween"] .editorial-home .hero::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 48%, rgba(23, 8, 29, .3) 100%);
}

html[data-site-season="halloween"] .editorial-home .hero-copy {
  --hero-text: #fff4df;
  --hero-muted: rgba(255, 244, 223, .86);
  --hero-accent: #f3aa53;
  --hero-line: rgba(243, 170, 83, .42);
  color: var(--hero-text);
  text-shadow: 0 2px 20px rgba(15, 4, 20, .34);
}

html[data-site-season="halloween"] .editorial-home .hero-lead {
  color: rgba(255, 244, 223, .88);
}

html[data-site-season="halloween"] .editorial-home .hero-note {
  color: rgba(255, 244, 223, .82);
  background: rgba(33, 16, 39, .72);
}

@media (min-width: 921px) {
  html[data-site-season="halloween"] .editorial-home .site-header {
    grid-template-columns: auto minmax(0, 1fr);
  }
  html[data-site-season="halloween"] .editorial-home .site-header .menu-button {
    display: none;
  }
  html[data-site-season="halloween"] .editorial-home .site-header nav,
  html[data-site-season="halloween"] .editorial-home .site-header nav.open {
    position: static;
    width: auto;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    visibility: visible;
    display: flex;
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
  html[data-site-season="halloween"] .editorial-home .site-header nav::before {
    display: none;
  }
  html[data-site-season="halloween"] .editorial-home .site-header nav .mobile-account {
    display: inline-flex;
  }
}

html[data-site-season="halloween"] .seasonal-halloween-card {
  position: fixed;
  z-index: 100;
  left: clamp(.8rem, 2.4vw, 2rem);
  right: auto;
  bottom: clamp(.8rem, 2.4vw, 2rem);
  width: min(23rem, calc(100vw - 1.6rem));
  max-width: calc(100vw - 1.6rem);
  min-height: 7.2rem;
  padding: 1.05rem 2.75rem 1.05rem 6.7rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #fff4df;
  border: 1px solid rgba(243, 170, 83, .58);
  border-radius: .45rem;
  background: linear-gradient(120deg, rgba(25, 10, 32, .97), rgba(70, 28, 65, .97) 64%, rgba(105, 43, 47, .96));
  box-shadow: 0 1.4rem 3rem rgba(16, 5, 21, .34);
  isolation: isolate;
  transform: none;
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear 0s;
}

html[data-site-season="halloween"] .seasonal-halloween-card.is-footer-visible {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(100% + 2rem));
  transition-delay: 0s, 0s, .2s;
}

html[data-site-season="halloween"] .seasonal-halloween-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: .14;
  background: url('/rastros/play/img/mesa-archivo-halloween.webp') center/cover;
  mix-blend-mode: screen;
}

.seasonal-halloween-card__moon {
  position: absolute;
  left: .65rem;
  bottom: -.55rem;
  width: 6.1rem;
  height: 6.1rem;
  background: url('/rastros/play/img/calabaza-halloween.webp') center/contain no-repeat;
  filter: drop-shadow(0 0 1rem rgba(243, 170, 83, .28));
}

.seasonal-halloween-card__copy { display: grid; gap: .25rem; }
.seasonal-halloween-card__copy > span { color: #f3aa53; font-size: .65rem; font-weight: 900; letter-spacing: .15em; }
.seasonal-halloween-card__copy > strong { font-family: FalsumDisplay, Georgia, serif; font-size: 1.12rem; line-height: 1.08; }
.seasonal-halloween-card__copy > a { width: max-content; margin-top: .2rem; color: #fff4df; font-size: .76rem; font-weight: 800; text-decoration: underline; text-underline-offset: .2rem; }

.seasonal-halloween-card__close {
  position: absolute;
  top: .35rem;
  right: .4rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  color: #fff4df;
  border: 0;
  background: transparent;
  font-size: 1.35rem;
  line-height: 1;
}

@media (max-width: 600px) {
  html[data-site-season="halloween"] body::after { top: 4.5rem; width: 8rem; opacity: .18; }
  html[data-site-season="halloween"] .seasonal-halloween-card { min-height: 6.4rem; padding-left: 5.7rem; }
  .seasonal-halloween-card__moon { left: .45rem; width: 5.2rem; height: 5.2rem; }
  .seasonal-halloween-card__copy > strong { font-size: 1rem; }
}

@media (max-width: 920px) {
  html[data-site-season="halloween"] body .site-header {
    height: 76px;
    padding: 0 7vw;
    grid-template-columns: 1fr auto;
  }
  html[data-site-season="halloween"] body .site-header .menu-button,
  html[data-site-season="halloween"] body .site-header .menu-button[aria-expanded="true"] {
    position: relative;
    top: auto;
    right: auto;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(243, 170, 83, .72);
    background: rgba(255, 244, 223, .07);
    box-shadow: none;
  }
  html[data-site-season="halloween"] body .site-header .menu-button[aria-expanded="true"] {
    position: fixed;
    top: 15px;
    right: 7vw;
  }
  html[data-site-season="halloween"] body .site-header .menu-button i,
  html[data-site-season="halloween"] body .site-header .menu-button[aria-expanded="true"] i {
    background: #fff4df;
  }
  html[data-site-season="halloween"] body .site-header nav,
  html[data-site-season="halloween"] body .site-header nav.open {
    position: fixed;
    z-index: 3;
    inset: 0;
    width: 100%;
    height: 100dvh;
    max-height: none;
    padding: 104px 7vw max(30px, env(safe-area-inset-bottom));
    overflow-y: auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    background: linear-gradient(145deg, #1a0d22 0%, #35173f 58%, #572536 100%);
  }
  html[data-site-season="halloween"] body .site-header nav a,
  html[data-site-season="halloween"] body .site-header nav.open a {
    width: 100%;
    min-height: 56px;
    padding: 14px 0;
    justify-content: flex-start;
    color: #fff4df;
    border-bottom: 1px solid rgba(243, 170, 83, .24);
    border-radius: 0;
    background: transparent;
    font-family: FalsumDisplay, Georgia, serif;
    font-size: clamp(1.65rem, 6vw, 2.1rem);
    font-weight: 500;
  }
  html[data-site-season="halloween"] body .site-header nav a:last-child {
    margin-top: 18px;
    padding: 10px 16px;
    justify-content: center;
    border: 1px solid rgba(243, 170, 83, .58);
    border-radius: 999px;
    font-family: Inter, Arial, sans-serif;
    font-size: .9rem;
    font-weight: 800;
  }
  html[data-site-season="halloween"] body .site-header nav a::after { display: none; }
}

@media (prefers-reduced-motion: no-preference) {
  html[data-site-season="halloween"] body::after { animation: seasonal-bats 9s ease-in-out infinite alternate; }
  .seasonal-halloween-card__moon { animation: seasonal-pumpkin 4.5s ease-in-out infinite; }
}

@keyframes seasonal-bats { to { transform: translate(-1.5rem, 1rem) rotate(-3deg); } }
@keyframes seasonal-pumpkin { 50% { transform: translateY(-.25rem) rotate(-2deg); } }

html[data-site-season="halloween"] body.editorial-home::after { display: none; }
.seasonal-home-bats {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  width: min(48vw, 720px);
  aspect-ratio: 2 / 1;
  opacity: 0;
  pointer-events: none;
  filter: drop-shadow(0 9px 8px rgba(9, 4, 13, .67));
  will-change: transform, opacity;
}
.seasonal-home-bats__pose {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
}
.seasonal-home-bats.is-active .seasonal-home-bats__pose--1 { animation: seasonal-home-pose-one .42s steps(1, end) infinite; }
.seasonal-home-bats.is-active .seasonal-home-bats__pose--2 { animation: seasonal-home-pose-two .42s steps(1, end) infinite; }
@keyframes seasonal-home-pose-one { 0%,49.9% { opacity: 1; } 50%,100% { opacity: 0; } }
@keyframes seasonal-home-pose-two { 0%,49.9% { opacity: 0; } 50%,100% { opacity: 1; } }
@media (max-width: 600px) { .seasonal-home-bats { width: min(72vw, 430px); } }
@media (prefers-reduced-motion: reduce) { .seasonal-home-bats { display: none; } }

/* Franja ilustrada: conserva la navegación, pero la presenta como el tablero de Rastros. */
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header,
html[data-site-season="halloween"] body .editorial-home .site-header.seasonal-illustrated-header {
  position: relative;
  z-index: 90;
  height: 116px;
  padding: 0 clamp(24px, 5vw, 84px);
  display: grid;
  grid-template-columns: minmax(92px, 1fr) auto minmax(92px, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
  column-gap: 20px;
  color: #fff4df;
  border: 0;
  border-bottom: 2px solid #c07932;
  background-color: #250d31;
  background-image:
    linear-gradient(90deg, rgba(20, 5, 27, .76), rgba(43, 8, 52, .28) 31%, rgba(43, 8, 52, .25) 69%, rgba(20, 5, 27, .76)),
    linear-gradient(180deg, rgba(18, 4, 24, .08), rgba(18, 4, 24, .4)),
    url('/rastros/play/img/fondo-juego-halloween-escritorio.webp');
  background-position: center, center, center 18%;
  background-size: cover;
  box-shadow: 0 8px 28px rgba(18, 4, 24, .48), inset 0 -8px 24px rgba(12, 2, 18, .34);
  isolation: isolate;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header::before {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 9px;
  content: "";
  border-top: 1px solid rgba(255, 196, 91, .85);
  border-bottom: 1px solid rgba(92, 31, 23, .85);
  background: linear-gradient(90deg, transparent 2%, #8c3d25 14%, #ec9c3d 50%, #8c3d25 86%, transparent 98%);
  clip-path: polygon(0 38%, 9% 38%, 12% 0, 15% 38%, 44% 38%, 47% 0, 50% 38%, 53% 0, 56% 38%, 85% 38%, 88% 0, 91% 38%, 100% 38%, 100% 64%, 91% 64%, 88% 100%, 85% 64%, 56% 64%, 53% 100%, 50% 64%, 47% 100%, 44% 64%, 15% 64%, 12% 100%, 9% 64%, 0 64%);
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand {
  position: relative;
  z-index: 5;
  grid-column: 2;
  grid-row: 1;
  min-width: clamp(180px, 20vw, 290px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  filter: drop-shadow(0 3px 9px rgba(13, 2, 18, .82));
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand::before,
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand::after {
  position: absolute;
  top: 32px;
  width: clamp(38px, 5vw, 72px);
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, #f3aa53);
  box-shadow: 0 0 8px rgba(243, 170, 83, .72);
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand::before {
  right: calc(100% + 13px);
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand::after {
  left: calc(100% + 13px);
  transform: scaleX(-1);
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand img {
  width: clamp(178px, 18vw, 250px);
  height: auto;
  filter: brightness(0) invert(1) sepia(.24) saturate(.75) drop-shadow(0 1px 0 #6a2e26);
}

.seasonal-header-edition {
  margin-top: 4px;
  color: #f3aa53;
  font: 800 clamp(.5rem, .6vw, .63rem)/1 Inter, Arial, sans-serif;
  letter-spacing: .24em;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button,
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button[aria-expanded="true"],
.seasonal-header-action {
  position: relative;
  top: auto;
  right: auto;
  z-index: 6;
  width: 84px;
  height: 82px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff4df;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font: 600 .76rem/1.1 Georgia, 'Times New Roman', serif;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}

.seasonal-header-action {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button:hover,
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button:focus-visible,
.seasonal-header-action:hover,
.seasonal-header-action:focus-visible {
  color: #ffc164;
  background: radial-gradient(circle, rgba(71, 19, 75, .7), transparent 72%);
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button > i {
  display: none;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button > span[aria-hidden="true"] {
  display: none;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button > span.seasonal-menu-label {
  display: block;
}

.seasonal-menu-icon,
.seasonal-header-action svg {
  width: 31px;
  height: 31px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 1px 4px rgba(10, 1, 15, .9));
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav,
html[data-site-season="halloween"] body .editorial-home .site-header.seasonal-illustrated-header nav {
  position: absolute !important;
  z-index: 4;
  top: calc(100% + 5px);
  right: clamp(24px, 5vw, 84px);
  width: min(760px, calc(100vw - 48px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 145px) !important;
  margin: 0 !important;
  padding: 25px 28px !important;
  visibility: hidden !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  justify-content: stretch;
  gap: 0 34px;
  overflow-y: auto;
  opacity: 0 !important;
  pointer-events: none !important;
  color: #fff4df;
  border: 1px solid rgba(243, 170, 83, .62);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(145deg, rgba(25, 8, 33, .985), rgba(62, 18, 62, .985) 62%, rgba(87, 29, 45, .98)) !important;
  box-shadow: 0 20px 55px rgba(13, 3, 18, .5);
  transform: translateY(-8px) !important;
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav.open,
html[data-site-season="halloween"] body .editorial-home .site-header.seasonal-illustrated-header nav.open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  transition-delay: 0s;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav::before {
  display: none;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav a,
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav.open a,
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav .mobile-account {
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 9px 0;
  justify-content: flex-start;
  color: #fff4df;
  border: 0;
  border-bottom: 1px solid rgba(243, 170, 83, .2);
  border-radius: 0;
  background: transparent;
  font: 500 1.34rem/1.2 FalsumDisplay, Georgia, serif;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav a:is(:hover, :focus-visible) {
  color: #ffc164;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav a::after {
  display: none;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .language-switch {
  grid-column: 2;
  margin: 12px 0 0;
  padding: 8px 0 0;
  justify-self: end;
  align-self: end;
  border: 0;
  color: rgba(255, 244, 223, .7);
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .language-switch button,
html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .language-switch button[aria-pressed="true"] {
  min-width: 38px;
  min-height: 38px;
  color: #fff4df;
}

html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .language-switch button[aria-pressed="true"] {
  color: #ffc164;
}

html[data-site-season="halloween"] .header-account {
  display: none;
}

@media (max-width: 760px) {
  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header,
  html[data-site-season="halloween"] body .editorial-home .site-header.seasonal-illustrated-header {
    height: 92px;
    padding: 0 12px;
    grid-template-columns: 66px minmax(128px, 1fr) 66px;
    column-gap: 2px;
    background-position: center, center, center 16%;
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand {
    min-width: 0;
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand img {
    width: min(39vw, 160px);
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand::before,
  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .brand::after {
    display: none;
  }

  .seasonal-header-edition {
    font-size: .43rem;
    letter-spacing: .15em;
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button,
  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .menu-button[aria-expanded="true"],
  .seasonal-header-action {
    width: 62px;
    height: 70px;
    padding: 5px 2px;
    gap: 3px;
    font-size: .66rem;
  }

  .seasonal-menu-icon,
  .seasonal-header-action svg {
    width: 26px;
    height: 26px;
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav,
  html[data-site-season="halloween"] body .editorial-home .site-header.seasonal-illustrated-header nav,
  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav.open,
  html[data-site-season="halloween"] body .editorial-home .site-header.seasonal-illustrated-header nav.open {
    position: fixed !important;
    z-index: 4;
    inset: 92px 0 0 !important;
    width: 100% !important;
    height: calc(100dvh - 92px) !important;
    max-height: none !important;
    padding: 28px 7vw max(28px, env(safe-area-inset-bottom)) !important;
    grid-template-columns: 1fr;
    align-content: start;
    border: 0;
    border-radius: 0 !important;
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav a,
  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav.open a,
  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header nav .mobile-account {
    min-height: 55px;
    font-size: clamp(1.45rem, 6vw, 1.9rem);
  }

  html[data-site-season="halloween"] body .site-header.seasonal-illustrated-header .language-switch {
    grid-column: 1;
    justify-self: start;
  }
}

@media print {
  html[data-site-season="halloween"] body::before,
  html[data-site-season="halloween"] body::after,
  .seasonal-halloween-card,
  .seasonal-header-action,
  .seasonal-header-edition,
  .seasonal-menu-icon { display: none !important; }
}