@import url('./ficha-font.css');
/* Medidas y composición de la referencia facilitada por el propietario. */
:root{--ink:#001968;--club:#06275f;--line:#d9e5f2;--muted:#4b628a}
body{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:18px;line-height:1.3;background:#fff;color:var(--ink);max-width:1600px;margin:auto}
main{max-width:none;padding:0 2.25%}
.club-hero{height:auto;aspect-ratio:1223/250;min-height:0}
.hero-referencia{background:url('./ficha-referencia.png') top center/100% auto no-repeat;container-type:inline-size}
.referencia-volver{position:absolute;top:0;left:0;width:18%;height:23%}
.referencia-temporada{position:absolute;top:61.4%;left:19.4%;width:26%;height:15%;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:2.05cqw;letter-spacing:.35cqw;background:linear-gradient(90deg,#082a49,#0a3050 50%,#0a2c4c);color:white}
.selector-temporada{position:absolute;right:1.55%;top:3.2%;width:17%;height:18%;z-index:5}
.selector-temporada select{appearance:none;background:#f9fbfe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14'%3E%3Cpath d='m3 4 7 7 7-7' fill='none' stroke='%23001968' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #d4e0f0;border-radius:6px;color:var(--ink);font:500 clamp(11px,1.4vw,21px) 'Roboto Condensed',sans-serif;width:100%;height:100%;padding:0 15% 0 8%}
.hero-superior{position:static;padding:10px 2.25%;font-size:20px}
.hero-identidad{position:absolute;top:20%;left:3.5%;margin:0;width:47%;height:75%;gap:4%}
.escudo-principal{width:25%;height:100%}
.hero-identidad h1{font-family:inherit;font-weight:800;font-size:clamp(22px,4.1vw,60px);letter-spacing:-.6px;margin:0 0 10px}
.hero-temporada{font-size:clamp(13px,2vw,29px);letter-spacing:4px;text-align:center}
.hero-linea{margin:auto;width:65px}.hero-comunidad{text-align:center;font-size:12px;letter-spacing:5px}
.hero-jugadores{width:54%;height:95%;bottom:0}.hero-jugadores img{height:100%;width:41%;margin-left:-16%}.hero-jugadores img:nth-child(2){height:105%}.hero-jugadores img:nth-child(3){height:96%}.hero-jugadores img:nth-child(4){height:85%}
.club-herramientas{padding:8px 0 18px;gap:20px;height:74px}
.club-tabs{width:58.6%;gap:5px;height:46px}
.club-tabs button{font:500 18px 'Roboto Condensed',sans-serif;padding:0 10px;min-width:0;flex:1;background:#e8eff8;border-radius:7px}
.club-tabs button[aria-selected=true]{background:linear-gradient(120deg,#052960,#06265b)}
.ver-laliga{height:47px;width:208px;padding:0 15px;gap:18px;font-size:20px;font-weight:700;border-color:#cadcf3;border-radius:9px}
.club-estadisticas{grid-template-columns:1.82fr repeat(7,1fr) 1.04fr;gap:8px;margin:0 0 19px}
.stat{height:150px;min-height:0;padding:16px 6px 10px;gap:2px;background:linear-gradient(110deg,#f0f5fb,#ecf2f9);border-radius:7px}
.stat h2{font-size:18px;font-weight:500}
.stat strong{font-size:46px;line-height:1.2;font-weight:750;letter-spacing:-1px;margin:4px 0 0}
.stat>span{font-size:16px;line-height:1.25;max-width:83px;color:#23417f;margin-top:3px}
.stat.posicion,.stat.puntos{background:linear-gradient(120deg,#05285f,#042253);border:1px solid #cadcf3}
.stat.posicion strong{font-size:54px;margin:0}.stat.posicion>span{font-size:17px;margin-top:6px;white-space:nowrap}.stat.puntos strong{font-size:50px;margin-top:3px}
.club-panel{border-radius:12px}.panel-titulo{height:46px;padding:4px 12px;gap:10px}
.panel-titulo h2{font-family:inherit;font-size:24px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;gap:12px}
.panel-titulo h2>span{font-size:40px;margin:0;line-height:1}.panel-titulo>span{font-size:18px;padding-right:20px;font-weight:600}
.panel-titulo .icono-referencia{display:inline-block;width:42px;height:37px;flex-shrink:0;background-image:url('./ficha-referencia.png');background-size:1223px 1286px}
.icono-referencia.balon{background-position:-37px -497px}.icono-referencia.bota{background-position:-37px -783px}
table,.partidos-tabla{font-size:16px}.partidos-tabla th,th{height:34px;padding:4px 10px;font-size:16px;font-weight:500;background:linear-gradient(110deg,#edf3fa,#e6eef7)}
.partidos-tabla td{height:43px;padding:3px 10px}
.partidos-tabla th:nth-child(1){width:7%}.partidos-tabla th:nth-child(2){width:11%}.partidos-tabla th:nth-child(3){width:28%}.partidos-tabla th:nth-child(4){width:8.5%}.partidos-tabla th:nth-child(5){width:22%}.partidos-tabla th:nth-child(6){width:17%}
.celda-encuentro>div{gap:8px}.celda-encuentro .shield-sprite{transform:scale(.58);margin:-12px}.celda-encuentro>div>span:nth-child(2){white-space:nowrap}
.marcador{min-width:76px;padding:5px 8px;font-size:20px;font-weight:700;letter-spacing:1px}.marcador.victoria{background:#b2f5c5}
.goleadores-partido,.mvp-partido{font-size:16px;line-height:1.2}.mvp-partido{text-align:left;min-width:0}.sin-dato{font-size:14px}.estrella{font-size:28px;margin-right:10px}.detalle-partido{width:35px;height:29px;font-size:24px;background:linear-gradient(#0d4390,#002059);border:1px solid #4169a0;border-radius:5px}
.ver-mas{height:48px;margin:4px;width:calc(100% - 8px);padding:5px 15px;font-size:20px;font-weight:500;background:linear-gradient(100deg,#e7eff7,#e5eef7);position:relative}.ver-mas:after{content:'';position:absolute;right:27px;top:17px;width:12px;height:12px;transform:rotate(45deg);border:solid #001968;border-width:0 3px 3px 0}.ver-mas[aria-expanded=true]:after{transform:rotate(225deg);top:23px}
.club-rankings{gap:19px;margin-top:15px}.ranking-tabla th{height:32px;font-size:14px;padding:4px 10px}.ranking-tabla td{height:42px;font-size:17px;padding:2px 10px}.ranking-tabla .jugador{font-weight:400;gap:17px}.jugador img{width:35px;height:38px;border-radius:50%;object-fit:cover;background:#edf3fa}.puesto{font-size:16px;width:22px;height:24px;position:relative}.puesto-1:before,.puesto-2:before,.puesto-3:before{content:'';position:absolute;width:9px;height:8px;top:-5px;background:inherit;clip-path:polygon(0 0,40% 30%,70% 0,100% 25%,60% 100%,30% 100%)}
.mvp-panel{position:relative}.mvp-vacio{height:210px;min-height:0;border:0;border-radius:0;background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#e5edf5 41px,#e5edf5 42px);padding:0 20px}.mvp-vacio p{font-size:16px;color:#617396;background:white;padding:6px 10px}
[data-ver-goleadores]{display:none}.solo-panel [data-ver-goleadores]:not([hidden]){display:block}
.club-estadio{margin-top:0;min-height:0;aspect-ratio:1223/220}
.estadio-referencia{background:url('./ficha-referencia.png') bottom center/100% auto no-repeat}
.estadio-identidad{padding-top:36px}.estadio-identidad>span{display:none}.estadio-identidad h2{font-family:inherit;font-size:18px;letter-spacing:0}.estadio-creditos{font-size:11px;font-weight:500;padding:10px 2.25%}.estadio-creditos>a{display:none}.estadio-creditos>span{margin-left:auto}
.club-fuente{font-size:12px;margin:4px 2.25%;color:#64748b}
.hero-jugadores img{animation:none}.club-estadio{width:100%}
@media(max-width:760px){.hero-jugadores{right:0}.club-estadio:not(.estadio-referencia){aspect-ratio:auto;height:165px;width:100%}}
@media(min-width:1500px){.club-hero{height:auto}.stat{min-height:150px}.partidos-tabla td{padding-block:3px}.hero-jugadores{height:95%}.hero-jugadores img{height:100%}.hero-jugadores img:nth-child(2){height:105%}.hero-jugadores img:nth-child(3){height:96%}.hero-jugadores img:nth-child(4){height:85%}}
@media(max-width:1100px) and (min-width:761px){.club-tabs button{font-size:16px}.stat h2{font-size:15px}.stat>span{font-size:14px}.stat.posicion>span{font-size:13px}.panel-titulo h2{font-size:22px}.partidos-tabla{min-width:950px}.ranking-tabla td{font-size:15px;padding-inline:6px}.ranking-tabla .jugador{gap:7px}}
@media(max-width:760px){main{padding:0 10px}.hero-referencia{min-height:0;aspect-ratio:1223/250}.selector-temporada select{font-size:2cqw;background-size:10px;padding:0 15% 0 8%;background-position:right 3px center;border-radius:2px}.referencia-temporada{font-size:2.05cqw}.club-hero:not(.hero-referencia){height:210px;aspect-ratio:auto}.hero-superior{font-size:14px}.hero-identidad{top:25%;width:70%;left:3%;height:65%;gap:10px}.hero-identidad h1{font-size:27px}.hero-jugadores{opacity:.5;width:35%}.hero-temporada{font-size:12px;letter-spacing:1px}.hero-comunidad{font-size:8px;letter-spacing:1px}.hero-superior .selector-temporada{top:10px;right:10px;width:135px;height:30px}.hero-superior select{font-size:12px}.club-herramientas{height:auto;gap:8px;padding:8px 0 12px}.club-tabs{width:100%;height:40px}.club-tabs button{font-size:14px;padding:5px}.ver-laliga{width:155px;height:35px;font-size:16px;margin-left:auto}.club-estadisticas{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:12px}.stat{height:106px;padding:9px 4px}.stat h2{font-size:14px}.stat strong{font-size:32px;margin-top:0}.stat>span{font-size:12px;margin:0}.stat.posicion strong{font-size:36px}.stat.posicion>span{font-size:13px}.stat.puntos strong{font-size:38px}.panel-titulo{height:44px;padding:4px 8px;gap:5px}.panel-titulo h2{font-size:19px;gap:5px}.panel-titulo>span{font-size:12px;padding-right:0}.panel-titulo h2>span{font-size:30px}.panel-titulo .icono-referencia{transform:scale(.8);margin-inline:-4px}.partidos-tabla{min-width:1030px}.club-rankings{grid-template-columns:1fr;gap:12px;margin-top:12px}.ranking-tabla th{font-size:12px;padding:4px}.ranking-tabla td{font-size:14px;padding:2px 6px}.ranking-tabla .jugador{gap:8px}.ver-mas{font-size:16px;height:42px}.ver-mas:after{right:15px;top:13px}.mvp-vacio{height:210px}.club-estadio{aspect-ratio:1223/220;min-height:0}.club-estadio:not(.estadio-referencia){min-height:165px}.estadio-identidad{padding:20px 10px 35px}.estadio-identidad h2{font-size:16px}.estadio-creditos{font-size:8px;padding:6px 8px}.club-fuente{font-size:10px}}

.referencia-temporada{left:34.7%;width:10.8%;background:linear-gradient(90deg,#0a2c4b,#0a3050);letter-spacing:.35cqw}
.stat.posicion .stat-liga{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:400;font-size:16px;margin-top:4px}
.liga-simbolo{display:inline-block;width:33px;height:28px;background:url('./ficha-referencia.png') -49px -434px/1223px 1286px no-repeat}
.jugador-foto{display:inline-block;position:relative;width:35px;height:38px;flex-shrink:0;overflow:hidden;border-radius:50%;background:#edf3fa}
.jugador-foto img{position:absolute;width:100px;height:100px;max-width:none;left:50%;top:0;transform:translateX(-50%);border-radius:0;background:none}
@media(max-width:760px){.stat.posicion .stat-liga{font-size:12px;gap:5px}.liga-simbolo{transform:scale(.75);margin:-4px}.referencia-temporada{font-size:2.05cqw}}
.categoria-femenina{display:block;font-size:.48em;letter-spacing:2px;margin-top:8px}

/* Dos fotografías diferentes: interior en cabecera y fachada al pie. */
.hero-estadio.foto-real{opacity:1;object-position:center 50%}
.hero-velo{background:linear-gradient(90deg,rgba(0,17,46,.66),rgba(0,20,50,.48) 40%,rgba(0,20,50,.08) 75%),linear-gradient(0deg,rgba(0,18,40,.15),transparent)}
.hero-jugadores{width:53%;right:0;bottom:0;opacity:1;height:98%;z-index:1}.hero-jugadores img{width:43%;height:100%;margin-left:-18%;object-fit:contain;object-position:bottom;filter:drop-shadow(-3px 0 3px #001c3d40)}
.hero-jugadores img:nth-child(2){height:104%}.hero-jugadores img:nth-child(3){height:96%}.hero-jugadores img:nth-child(4){height:90%}
.club-estadio:not(.estadio-referencia){height:auto;aspect-ratio:1223/250}.club-estadio>.foto-real{opacity:1;object-position:center 50%}.estadio-velo{background:linear-gradient(0deg,rgba(0,10,25,.62),transparent 35%)}
.estadio-identidad{padding-top:22px;text-shadow:0 2px 5px black}.estadio-identidad h2{background:#061a3d66;padding:3px 10px;border-radius:3px}.estadio-identidad>img{width:40px;height:43px;filter:drop-shadow(0 2px 4px #001)}
.fotos-creditos{margin:7px 2.25% 12px;color:#637185;font:12px/1.5 'Roboto Condensed',sans-serif}.fotos-creditos summary{cursor:pointer}.fotos-creditos p{margin:3px 0}.fotos-creditos a{text-decoration:underline}
@media(max-width:760px){.hero-jugadores{right:0;width:41%;height:80%;opacity:.86}.hero-jugadores img:first-child{height:100%;width:100%}.club-estadio:not(.estadio-referencia){height:180px;aspect-ratio:auto;min-height:180px}.estadio-identidad{padding-top:15px}.hero-velo{background:linear-gradient(90deg,#00132dbb,#00132d22)}.fotos-creditos{font-size:11px}}