.squads-showcase{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(45px,6vw,110px);padding:92px 9vw;border-block:1px solid #168dff42;background:radial-gradient(circle at 78% 35%,#168dff30,transparent 30%),repeating-linear-gradient(90deg,transparent 0 89px,#ffffff05 90px),linear-gradient(115deg,#030811,#081b36)}
.squads-showcase:after{content:'PLANTILLAS';position:absolute;left:-15px;bottom:-68px;color:#ffffff03;font:900 170px 'Barlow Condensed',Arial,sans-serif;pointer-events:none}
.squads-showcase-copy,.squads-showcase-visual{position:relative;z-index:1}
.squads-showcase-kicker{display:flex;align-items:center;gap:11px;margin:0 0 17px;color:#86bdf5;font:800 10px Montserrat,Arial,sans-serif;letter-spacing:1.3px}
.squads-showcase-kicker i{width:24px;height:2px;background:var(--gold)}
.squads-showcase h2{margin:0;font:800 clamp(48px,5vw,78px)/1.1 'Barlow Condensed',Arial,sans-serif;letter-spacing:normal;text-transform:uppercase}
.squads-showcase h2 em{font:inherit;letter-spacing:inherit;color:var(--blue);font-style:normal;text-shadow:none}
.squads-showcase-copy>p:not(.squads-showcase-kicker){max-width:570px;margin:24px 0;color:#9bb0c9;font-size:14px;line-height:1.75}
.squads-showcase-facts{display:flex;border-block:1px solid #ffffff17;margin:26px 0}
.squads-showcase-facts span{min-width:190px;padding:15px 24px 15px 0;color:#7895b7;font:700 10px Montserrat,Arial,sans-serif;letter-spacing:.7px}
.squads-showcase-facts span+span{padding-left:24px;border-left:1px solid #ffffff17}
.squads-showcase-facts b{margin-right:7px;color:#72baff;font:900 27px 'Barlow Condensed',Arial,sans-serif}
.squads-showcase nav{display:flex;flex-wrap:wrap;gap:9px}
.squads-showcase nav a{min-height:51px;display:flex;align-items:center;justify-content:center;padding:0 19px;text-decoration:none;font:800 11px Montserrat,Arial,sans-serif;letter-spacing:.5px}
.squads-showcase-primary{min-width:200px;background:var(--gold);color:#06101e}.squads-showcase-primary span{margin-left:auto;padding-left:30px}
.squads-showcase-secondary{border:1px solid #ffffff2b;color:#98d0ff}
.squads-showcase-visual{border:1px solid #2087e775;background:#030b17;box-shadow:0 28px 70px #0008}
.squads-showcase-visual>header{min-height:76px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:12px 18px;border-bottom:1px solid #ffffff16;background:#07172b}
.showcase-club-crest{width:50px;height:50px;display:grid;place-items:center;background:#020711;color:#fff;font:900 17px 'Barlow Condensed',Arial,sans-serif}
.showcase-club-crest img{width:100%;height:100%;padding:5px;object-fit:contain}.squads-showcase-visual header small,.squads-showcase-visual header b,.squads-showcase-visual header em{display:block}
.squads-showcase-visual header small{color:#6daeea;font:800 9px Montserrat,Arial,sans-serif;letter-spacing:.7px}.squads-showcase-visual header b{margin:4px 0 2px;font:900 22px 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.squads-showcase-visual header em{color:#839dbc;font:600 10px Montserrat,Arial,sans-serif;font-style:normal}.squads-showcase-visual header>strong{color:var(--gold);font:900 25px 'Barlow Condensed',Arial,sans-serif}
.showcase-mini-pitch{min-height:480px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent 49.85%,#73baff22 50%,transparent 50.15%),repeating-linear-gradient(0deg,#071a30 0,#071a30 79px,#09223d 80px,#09223d 159px)}
.showcase-mini-pitch:has(>.showcase-pitch-empty){min-height:240px}
.showcase-mini-pitch:before{content:'';position:absolute;inset:17px;border:1px solid #73baff28}.showcase-mini-pitch:after{content:'';position:absolute;left:17px;right:17px;top:50%;border-top:1px solid #73baff28}
.showcase-pitch-circle{position:absolute;z-index:0;width:105px;height:105px;left:50%;top:50%;border:1px solid #73baff28;border-radius:50%;transform:translate(-50%,-50%)}
.showcase-mini-player{width:104px;position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;justify-items:center;text-decoration:none;transform:translate(-50%,-50%);transition:.2s}.showcase-mini-player:hover{z-index:4;transform:translate(-50%,-56%)}
.showcase-player-visual{width:45px;height:52px;position:relative;overflow:hidden;display:grid;place-items:center;clip-path:polygon(50% 0,93% 18%,86% 78%,50% 100%,14% 78%,7% 18%);background:linear-gradient(145deg,#1699ff,#04356f);font:900 19px 'Barlow Condensed',Arial,sans-serif;filter:drop-shadow(0 7px 8px #0007)}
.showcase-player-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center var(--focus,30%)}
.showcase-player-visual i{position:absolute;z-index:2;left:2px;top:3px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#06101e;font:900 8px Montserrat,Arial,sans-serif;font-style:normal}
.showcase-player-name{display:block;width:100%;margin-top:-2px;background:#020812f2;text-align:center;box-shadow:0 5px 12px #0006}
.showcase-player-name b,.showcase-player-name small{display:block;padding-inline:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-player-name b{padding-top:5px;color:#fff;font:900 11px/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.showcase-player-name small{padding-block:3px 5px;color:#79c3ff;font:700 7px Montserrat}
.squads-showcase-visual>footer{min-height:56px;display:flex;align-items:center;gap:22px;padding:10px 18px;border-top:1px solid #ffffff16;color:#839dbc;font:700 10px Montserrat}.squads-showcase-visual>footer b{color:#79bfff;font:900 19px 'Barlow Condensed',Arial,sans-serif}.squads-showcase-visual>footer a{margin-left:auto;color:var(--gold);text-decoration:none;font:800 10px Montserrat}
.showcase-pitch-empty,.showcase-club-empty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:30px;text-align:center}.showcase-pitch-empty b,.showcase-club-empty>b{font:800 26px/1.25 'Barlow Condensed',Arial,sans-serif}.showcase-pitch-empty span,.showcase-club-empty p{max-width:420px;margin:0;color:#8ba5c1;font-size:12px;line-height:1.6}.showcase-club-empty{position:relative;min-height:470px}.showcase-club-empty>span{color:#168dff1f;font:900 100px/1 'Barlow Condensed',Arial,sans-serif}.showcase-club-empty small{color:var(--gold);font:800 9px Montserrat}
@media(max-width:1050px){.squads-showcase{grid-template-columns:1fr;gap:42px}.squads-showcase-copy{max-width:720px}.squads-showcase-visual{width:min(760px,100%);margin-inline:auto}}
@media(max-width:600px){.squads-showcase{padding:65px 7vw}.squads-showcase h2{font-size:15vw}.squads-showcase-facts{display:grid;grid-template-columns:1fr 1fr}.squads-showcase-facts span{min-width:0;padding:13px 8px}.squads-showcase-facts span+span{padding-left:15px}.squads-showcase nav{display:grid}.squads-showcase nav a{width:100%}.squads-showcase-visual>header{grid-template-columns:44px 1fr}.showcase-club-crest{width:44px;height:44px}.squads-showcase-visual header>strong{grid-column:1/-1;padding-top:8px;border-top:1px solid #ffffff12}.showcase-mini-pitch{min-height:440px}.showcase-mini-player{width:68px}.showcase-player-visual{width:36px;height:43px}.showcase-player-name b{font-size:9px}.showcase-player-name small{font-size:6px}.squads-showcase-visual>footer{align-items:flex-start;flex-direction:column;gap:7px}.squads-showcase-visual>footer a{margin-left:0;margin-top:5px}}
