
.wnx-rr{--rojo:#E30613;--v:#1fbf6b;--e:#9a9ca8;--d:#E30613;position:relative;overflow:hidden;color:#fff;font-family:'Montserrat',system-ui,sans-serif;
  background:radial-gradient(60% 80% at 0% 0%,rgba(227,6,19,.22),transparent 60%),radial-gradient(50% 70% at 100% 100%,rgba(36,120,255,.10),transparent 60%),#07080b;
  padding:clamp(56px,7vw,96px) clamp(16px,4vw,64px)}
.wnx-rr::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(80% 70% at 30% 20%,#000,transparent);mask-image:radial-gradient(80% 70% at 30% 20%,#000,transparent)}
.wnx-rr__in{position:relative;max-width:1312px;margin:0 auto}
.wnx-rr__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.wnx-rr__kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#ff4d57}
.wnx-rr__dot{width:8px;height:8px;border-radius:50%;background:var(--rojo);box-shadow:0 0 0 0 rgba(227,6,19,.7);animation:wnx-rr-pulse 2s infinite}
.wnx-rr__title{margin:10px 0 0!important;font-family:'Oswald',sans-serif!important;font-size:clamp(44px,5.4vw,72px)!important;font-weight:700!important;line-height:.92!important;letter-spacing:-.005em;text-transform:uppercase;color:#fff!important}
.wnx-rr__title::after{content:"";display:block;width:72px;height:4px;margin-top:16px;background:var(--rojo)}
.wnx-rr__side{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.wnx-rr__form{display:flex;align-items:center;gap:6px}
.wnx-rr__form-label{margin-right:6px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.wnx-rr__pill{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:#fff;background:var(--e)}
.wnx-rr__pill.wnx-rr--V{background:var(--v)}.wnx-rr__pill.wnx-rr--D{background:var(--d)}
.wnx-rr__all{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid rgba(255,255,255,.3);color:#fff!important;text-decoration:none!important;font-family:'Oswald',sans-serif;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,border-color .25s}
.wnx-rr__all:hover{background:var(--rojo);border-color:var(--rojo)}
.wnx-rr__grid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.wnx-rr__card{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px 18px 18px;text-decoration:none!important;color:#fff!important;
  background:linear-gradient(160deg,#17181f 0%,#0e0f14 100%);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--e);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.wnx-rr__card.wnx-rr--V{border-top-color:var(--v)}.wnx-rr__card.wnx-rr--D{border-top-color:var(--d)}
.wnx-rr__card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(90% 60% at 50% 0%,rgba(227,6,19,.18),transparent 70%)}
.wnx-rr__card:hover,.wnx-rr__card:focus-visible{transform:translateY(-6px);border-color:rgba(227,6,19,.55);box-shadow:0 22px 50px -20px rgba(227,6,19,.55);outline:none}
.wnx-rr__card:hover::after,.wnx-rr__card:focus-visible::after{opacity:1}
.wnx-rr__top{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.wnx-rr__comp{color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnx-rr__date{color:#ff4d57;white-space:nowrap}
.wnx-rr__last{position:absolute;top:-13px;right:14px;padding:4px 9px;background:var(--rojo);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.wnx-rr__match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.wnx-rr__team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0;transition:opacity .3s}
.wnx-rr__crest{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,0) 70%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.wnx-rr__crest img{width:50px!important;height:50px!important;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.wnx-rr__card:hover .wnx-rr__crest{transform:scale(1.1)}
.wnx-rr__name{font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wnx-rr__score{font-family:'Oswald',sans-serif;font-size:42px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 0 18px rgba(255,255,255,.25)}
.wnx-rr__score i{font-style:normal;margin:0 6px;color:var(--rojo);text-shadow:none}
.wnx-rr .is-dim{opacity:.45}
.wnx-rr__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.wnx-rr__badge{color:rgba(255,255,255,.62)}
.wnx-rr__more{display:inline-flex;align-items:center;gap:6px;color:#fff}
.wnx-rr__more svg{transition:transform .3s}
.wnx-rr__card:hover .wnx-rr__more svg{transform:translateX(4px)}
/* Entrada al hacer scroll (solo si hay JavaScript y no se pidió reducir movimiento) */
.wnx-rr.js-reveal .wnx-rr__card{opacity:0;transform:translateY(28px)}
.wnx-rr.js-reveal.is-in .wnx-rr__card{opacity:1;transform:none;transition:opacity .7s ease calc(var(--i)*90ms),transform .7s cubic-bezier(.2,.8,.2,1) calc(var(--i)*90ms),box-shadow .35s,border-color .35s}
.wnx-rr.js-reveal.is-in .wnx-rr__card:hover{transform:translateY(-6px);transition-delay:0s}
@keyframes wnx-rr-pulse{0%{box-shadow:0 0 0 0 rgba(227,6,19,.7)}70%{box-shadow:0 0 0 10px rgba(227,6,19,0)}100%{box-shadow:0 0 0 0 rgba(227,6,19,0)}}
@media (max-width:767px){
  .wnx-rr__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:30px -16px 0;padding:14px 16px 8px;scrollbar-width:none}
  .wnx-rr__grid::-webkit-scrollbar{display:none}
  .wnx-rr__card{flex:0 0 78%;scroll-snap-align:start}
  .wnx-rr__side{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){.wnx-rr *{animation:none!important;transition:none!important}}
