.cromo-jugador{width:var(--ancho-cromo,min(9rem, 36vw));aspect-ratio:5/7;perspective:1100px;cursor:pointer;position:relative;container-type:inline-size}.cromo-jugador.pega{animation:.8s cubic-bezier(.2,1.5,.4,1) both pega-cromo}@keyframes pega-cromo{0%{opacity:0;transform:scale(1.4)rotate(-12deg)}60%{opacity:1;transform:scale(.96)rotate(1.5deg)}}.cromo-jugador .gira{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.35,.5,1);position:absolute;inset:0}.cromo-jugador.volteado .gira{transform:rotateY(180deg)}.cromo-jugador .cara{transition:visibility 0s 90ms}.cromo-jugador .dorso{visibility:hidden;transition:visibility 0s 90ms}.cromo-jugador.volteado .cara{visibility:hidden}.cromo-jugador.volteado .dorso{visibility:visible}.cromo-jugador .cara,.cromo-jugador .dorso{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 2cqw 5cqw #00000073, 0 0 0 1.2cqw var(--marco,#fffaf0);border-radius:5cqw;position:absolute;inset:0;overflow:hidden}.cromo-jugador .cara{background:linear-gradient(165deg, color-mix(in srgb, var(--c) 70%, #fff) 0%, var(--c) 42%, color-mix(in srgb, var(--c) 45%, #00132d) 100%)}.cromo-jugador .campo{opacity:.22;background:radial-gradient(circle at 50% 38%,#0000 21cqw,#ffffffe6 21cqw 22cqw,#0000 22cqw),linear-gradient(#0000 38%,#ffffffe6 38% calc(38% + 1cqw),#0000 calc(38% + 1cqw)),repeating-linear-gradient(-45deg,#ffffff1f 0 3cqw,#0000 3cqw 6cqw);position:absolute;inset:0}.cromo-jugador .figura{--linea:#fffaf0;width:84%;position:absolute;top:9%;left:8%;right:8%}.cromo-jugador .figura .fondo{opacity:.55}.cromo-jugador .num{z-index:2;min-width:17cqw;height:17cqw;color:var(--color-crema);font-family:var(--font-display);background:#00132d;border-radius:99px;place-items:center;padding:0 2cqw;font-size:9cqw;font-weight:900;display:grid;position:absolute;top:4cqw;left:4cqw;box-shadow:0 0 0 1cqw #fffaf0e6}.cromo-jugador .pos{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;color:#fff;text-shadow:0 1px 3px #0009;font-size:6.5cqw;position:absolute;top:5cqw;right:5cqw}.cromo-jugador .banda{z-index:2;border-top:1.2cqw solid var(--color-crema);background:linear-gradient(#00132deb,#00132d);justify-content:space-between;align-items:center;gap:2cqw;height:24%;padding:0 5cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.cromo-jugador .nombre{font-family:var(--font-display);text-transform:uppercase;color:var(--color-crema);font-weight:900;font-size:min(12cqw, calc(140cqw / var(--largo,6)));text-align:left;line-height:.9}.cromo-jugador .banda img{object-fit:contain;flex:none;width:15cqw;height:15cqw}.cromo-jugador .dorso{text-align:center;color:var(--color-crema);background:radial-gradient(90% 80% at 50% 0,#173f73,#00132d 75%);align-content:center;gap:5cqw;padding:8cqw 7cqw;display:grid;transform:rotateY(180deg)}.cromo-jugador .dorso dl{grid-template-columns:1fr 1fr;gap:6cqw 3cqw;margin:0;display:grid}.cromo-jugador .dorso dl div{gap:1cqw;display:grid}.cromo-jugador .dorso dd{font-family:var(--font-display);margin:0;font-size:17cqw;font-weight:900;line-height:.9}.cromo-jugador .dorso dt{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--tiza-suave);font-size:6.2cqw}.cromo-jugador .dorso .pie{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tiza-suave);margin:0;font-size:6cqw}.cromo-jugador.cromo-bronce{--marco:#c98a55}.cromo-jugador.cromo-plata{--marco:#d8dee7}.cromo-jugador.cromo-oro,.cromo-jugador.cromo-especial{--marco:#f5c451}.cromo-jugador.cromo-icono{--marco:#fff3cf}.cromo-jugador.cromo-especial .cara,.cromo-jugador.cromo-especial .dorso{box-shadow:0 2cqw 5cqw #00000073, 0 0 0 1.2cqw var(--marco), 0 0 6cqw #f5c45173}.cromo-jugador.cromo-icono .cara,.cromo-jugador.cromo-icono .dorso{box-shadow:0 2cqw 5cqw #00000073, 0 0 0 1.2cqw var(--marco), 0 0 0 2.4cqw #f5c451, 0 0 9cqw #ffe28c99}.cromo-jugador.cromo-especial .cara:after,.cromo-jugador.cromo-icono .cara:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 38%,#fff6d66b 50%,#0000 62%) 120% 0/260% 100%;animation:3.4s ease-in-out infinite brillo-cromo;position:absolute;inset:0}.cromo-jugador.cromo-icono .cara:after{background-image:linear-gradient(115deg,#0000 34%,#fffaeb99 50%,#0000 66%);animation-duration:2.6s}@keyframes brillo-cromo{0%,35%{background-position:120% 0}75%,to{background-position:-20% 0}}.cromo-jugador .cinta-edicion{z-index:3;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#00132d;background:linear-gradient(90deg,#d9a93a,#f5c451 50%,#d9a93a);padding:1.2cqw 3cqw;font-size:6.4cqw;font-weight:900;line-height:1;position:absolute;bottom:25%;left:-2cqw;right:-2cqw;overflow:hidden;transform:rotate(-4deg);box-shadow:0 1cqw 2.5cqw #00000073}.cromo-jugador .cinta-edicion.edicion-final{color:#eef2fb;background:linear-gradient(90deg,#0b0b3a,#1c2a78 50%,#0b0b3a);box-shadow:0 1cqw 2.5cqw #00000073,inset 0 0 0 .6cqw #c9d2e6}.cromo-jugador .cinta-edicion.edicion-record{color:#f5c451;background:#cd322f;box-shadow:0 1cqw 2.5cqw #00000073,inset 0 0 0 .6cqw #f5c451}@media (prefers-reduced-motion:reduce){.cromo-jugador.cromo-especial .cara:after,.cromo-jugador.cromo-icono .cara:after{background-position:50% 0;animation:none}.cromo-jugador .gira,.cromo-jugador .cara,.cromo-jugador .dorso{transition:none}.cromo-jugador.pega{animation:none}}