/* Evita que el contenido estático antiguo del destacado se vea antes del override de portada. */
.home-page #heroCard[href="/juegos/god-of-war-laufey"]{visibility:hidden}

.news-home-flip-featured{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;box-shadow:0 24px 56px -38px color-mix(in srgb,var(--home-news-a) 66%,transparent)}
.news-home-flip-featured::after{content:"";position:absolute;inset:0;z-index:5;border:2px solid color-mix(in srgb,var(--home-news-a) 42%,var(--line));border-radius:inherit;pointer-events:none}
.news-home-flip-featured::before{content:"Destacada";position:absolute;top:22px;right:-48px;left:auto;z-index:6;width:180px;padding:6px 0;text-align:center;transform:rotate(45deg);transform-origin:center;background:linear-gradient(120deg,var(--home-news-b),var(--home-news-a));color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 14px -6px rgba(0,0,0,.45);pointer-events:none}
html[lang="en"] .news-home-flip-featured::before{content:"Featured"}

/* La destacada funciona como una pieza editorial propia y compacta */
.news-home-flip-featured .news-lead{grid-template-columns:minmax(155px,.5fr) minmax(0,1.5fr);min-height:350px}
.news-home-flip-featured .news-lead-signal{padding:22px}
.news-home-flip-featured .news-lead-copy{position:relative;justify-content:flex-start;padding:clamp(22px,3.2vw,34px);background:radial-gradient(circle at 100% 0,var(--home-news-soft),transparent 42%),var(--card)}
.news-home-flip-featured .news-lead h3{font-size:clamp(1.8rem,3.15vw,2.7rem);margin:10px 0}
.news-home-flip-featured .news-lead-copy>p{font-size:.94rem;line-height:1.55}
.news-home-flip-featured .news-why{margin-top:15px;padding:13px 16px}
.news-home-flip-featured .news-sources{margin-top:auto;padding-top:14px}
.news-home-flip-featured .news-home-flip-button{margin-top:10px}
.news-home-flip-featured .news-home-flip-back .news-home-flip-button{margin-top:auto}
.news-home-flip-featured .news-home-flip-back{min-height:350px;padding:clamp(22px,3.2vw,34px);border-width:2px}

@media(max-width:800px){
  .news-home-flip-featured .news-lead{grid-template-columns:1fr;min-height:0}
  .news-home-flip-featured .news-lead-signal{min-height:118px;padding:21px}
  .news-home-flip-featured .news-lead-copy{padding:23px 21px}
  .news-home-flip-featured .news-home-flip-back{min-height:0;padding:23px 21px}
}
@media(max-width:540px){
  .news-home-flip-featured::before{top:16px;right:-40px;left:auto;width:160px;font-size:.64rem;padding:5px 0}
  .news-home-flip-featured .news-lead-signal{min-height:108px;padding:19px}
  .news-home-flip-featured .news-lead h3{font-size:1.75rem}
}

/* Los controles de las tarjetas del carrusel comparten una coordenada estable
   en anverso y reverso, independientemente de la longitud del texto. */
.news-home-flip-brief .news-home-flip-front,
.news-home-flip-brief .news-home-flip-back{
  position:relative;
  padding-bottom:78px;
}
.news-home-flip-brief .news-home-flip-front .news-home-flip-button,
.news-home-flip-brief .news-home-flip-back .news-home-flip-button{
  position:absolute;
  right:26px;
  bottom:26px;
  margin:0;
}
@media(max-width:540px){
  .news-home-flip-brief .news-home-flip-front,
  .news-home-flip-brief .news-home-flip-back{padding-bottom:70px}
  .news-home-flip-brief .news-home-flip-front .news-home-flip-button,
  .news-home-flip-brief .news-home-flip-back .news-home-flip-button{
    right:20px;
    bottom:20px;
  }
}


/* Acciones ancladas al pie de las tarjetas, también en la destacada */
.news-home-flip-featured .news-home-flip-back .news-home-actions{
  width:100%;
  margin-top:auto;
  padding-top:22px;
  justify-content:flex-end;
  align-items:center;
}
.news-home-flip-featured .news-home-flip-back .news-home-actions .news-home-flip-button{
  margin:0;
}
.news-home-flip-brief .news-home-flip-front .news-home-actions,
.news-home-flip-brief .news-home-flip-back .news-home-actions{
  position:absolute;
  right:26px;
  bottom:26px;
  margin:0;
  justify-content:flex-end;
}
.news-home-flip-brief .news-home-flip-front .news-home-actions .news-home-flip-button,
.news-home-flip-brief .news-home-flip-back .news-home-actions .news-home-flip-button{
  position:static;
  margin:0;
}
@media(max-width:540px){
  .news-home-flip-featured .news-home-flip-back .news-home-actions{
    gap:8px;
    padding-top:18px;
  }
  .news-home-flip-brief .news-home-flip-front .news-home-actions,
  .news-home-flip-brief .news-home-flip-back .news-home-actions{
    right:20px;
    bottom:20px;
  }
}


/* En la portada móvil, las noticias recientes conservan todo su contenido
   sin heredar el espaciado vertical de las tarjetas de escritorio. */
@media(max-width:540px){
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-front,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-back{
    padding:16px 16px 62px;
  }
  body.home-page #newsHome .news-home-flip-brief .news-meta,
  body.home-page #newsHome .news-home-flip-brief .news-home-back-meta{
    gap:6px 9px;
    font-size:.66rem;
    line-height:1.25;
  }
  body.home-page #newsHome .news-home-flip-brief .news-category{
    padding:4px 8px;
  }
  body.home-page #newsHome .news-home-flip-brief .news-latest,
  body.home-page #newsHome .news-home-flip-brief .news-important{
    padding:3px 7px;
    font-size:.6rem;
  }
  body.home-page #newsHome .news-home-flip-brief .news-brief h3,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-back h3,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-back.compact h3{
    margin:9px 0 7px;
    font-size:1.2rem;
    line-height:1.12;
  }
  body.home-page #newsHome .news-home-flip-brief .news-brief>p{
    font-size:.82rem;
    line-height:1.45;
  }
  body.home-page #newsHome .news-home-flip-brief .news-brief-why{
    margin-top:10px;
    padding-top:9px;
    font-size:.75rem;
    line-height:1.42;
  }
  body.home-page #newsHome .news-home-flip-brief .news-sources{
    margin-top:11px;
    padding-top:0;
    gap:6px 9px;
    font-size:.7rem;
  }
  body.home-page #newsHome .news-home-flip-brief .news-sources>b,
  body.home-page #newsHome .news-home-flip-brief .news-sources.compact a{
    font-size:.68rem;
  }
  body.home-page #newsHome .news-home-flip-brief .news-home-expanded-copy,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-back.compact .news-home-expanded-copy{
    gap:9px;
    font-size:.8rem;
    line-height:1.45;
  }
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-front .news-home-flip-button,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-back .news-home-flip-button,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-front .news-home-actions,
  body.home-page #newsHome .news-home-flip-brief .news-home-flip-back .news-home-actions{
    right:16px;
    bottom:16px;
  }
}