/** * Mi Espacio Inter · Sistema visual premium para estadísticas * v3.1.18.148 * Paleta de gráficas: rojo Inter + gris neutro. */ :root{ --ih-stat-red:#D71920; --ih-stat-red-dark:#8B1116; --ih-stat-red-soft:#FFF0F1; --ih-stat-ink:#17171B; --ih-stat-text:#273044; --ih-stat-muted:#718096; --ih-stat-gray:#DDE1E7; --ih-stat-gray-soft:#F5F6F8; --ih-stat-border:#E1E6ED; --ih-stat-card:#FFFFFF; --ih-stat-shadow:0 10px 26px rgba(17,24,39,.055); } /* Superficies estadísticas globales */ .ihm-player-profile--stats-premium, .ih-coach-statistics, .ih-coach-stats-table, .ih-coach-chart-card, .ihm-admin-home__card--chart, .ihm-admin-home__card--distribution, [class*="statistics"] [class*="chart"], [class*="estadisticas"] [class*="chart"]{ color:var(--ih-stat-text); } .ih-stats-premium-panel, .ih-coach-chart-card, .ih-coach-stats-table, .ihm-admin-home__card--chart, .ihm-admin-home__card--distribution{ background:var(--ih-stat-card)!important; border:1px solid var(--ih-stat-border)!important; border-radius:22px!important; box-shadow:var(--ih-stat-shadow)!important; } /* Tarjetas de habilidades del jugador: exactamente estilo premium del mockup */ .ih-stats-score-gauges{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; align-items:stretch; } .ih-stats-score-gauge{ min-width:0; min-height:248px; padding:22px 16px 18px; background:#fff; border:1px solid var(--ih-stat-border); border-radius:20px; box-shadow:0 7px 22px rgba(17,24,39,.045); display:flex!important; flex-direction:column; align-items:center; justify-content:flex-start; gap:12px!important; overflow:hidden; } .ih-stats-score-gauge .ih-stats-gauge{ width:100%; min-height:132px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; position:relative; } .ih-stats-gauge-svg{ display:block; width:min(100%,230px); height:auto; overflow:visible; filter:drop-shadow(0 3px 5px rgba(17,24,39,.04)); } .ih-stats-gauge-svg path{ fill:none; stroke-linecap:butt; stroke-width:15; vector-effect:non-scaling-stroke; } .ih-stats-gauge-svg__track{stroke:var(--ih-stat-gray)} .ih-stats-gauge-svg__value{ stroke:var(--ih-stat-red); transition:stroke-dasharray .65s ease; } .ih-stats-score-gauge .ih-stats-gauge strong{ color:var(--ih-stat-red)!important; font-size:38px!important; font-weight:600!important; letter-spacing:-.045em!important; line-height:1!important; margin-top:-4px!important; position:relative; z-index:2; } .ih-stats-score-gauge .ih-stats-gauge small{ color:#596477!important; font-size:16px!important; font-weight:500!important; letter-spacing:0!important; } .ih-stats-score-gauge>span{ width:48px!important; height:48px!important; border-radius:50%!important; background:var(--ih-stat-red-soft)!important; color:var(--ih-stat-red)!important; font-size:23px!important; box-shadow:none!important; } .ih-stats-score-gauge>b{ color:var(--ih-stat-ink)!important; font-size:16px!important; font-weight:550!important; line-height:1.2; } /* Indicadores semicirculares usados en otras pantallas */ .ih-stats-gauge i{ background:conic-gradient(from 270deg,var(--ih-stat-red) 0deg,var(--ih-stat-red) calc(var(--ih-gauge,0)*1.8deg),var(--ih-stat-gray) calc(var(--ih-gauge,0)*1.8deg),var(--ih-stat-gray) 180deg,transparent 180deg,transparent 360deg)!important; } .ih-stats-gauge strong{color:var(--ih-stat-red)!important;font-weight:600!important} /* Radar: jugador rojo, referencia gris; sin colores extra */ .ih-radar-grid{fill:none!important;stroke:#E5E7EB!important;stroke-width:1!important} .ih-radar-axis{stroke:#E5E7EB!important;stroke-width:1!important} .ih-radar-category{fill:rgba(165,165,168,.10)!important;stroke:#A5A5A8!important;stroke-width:2!important;stroke-dasharray:5 5!important} .ih-radar-player{fill:rgba(215,25,32,.13)!important;stroke:var(--ih-stat-red)!important;stroke-width:3!important} .ih-radar-point{fill:var(--ih-stat-red)!important;stroke:#fff!important;stroke-width:2!important} .ih-radar-dot--category{background:#A5A5A8!important} .ih-radar-dot--player{background:var(--ih-stat-red)!important} .ih-radar-label{fill:#4B5565!important;font-size:11px!important;font-weight:600!important} /* Barras: dos colores y pistas neutras */ .ih-coach-bars{gap:15px!important} .ih-coach-bar-row{padding:12px 0;border-bottom:1px solid #EEF0F4} .ih-coach-bar-row:last-child{border-bottom:0} .ih-coach-bar-row>div{position:relative;background:var(--ih-stat-gray-soft);border-radius:999px;overflow:hidden;min-height:30px} .ih-coach-bar{position:relative;z-index:1;border-radius:999px!important;min-height:30px;display:flex;align-items:center;padding:0 11px!important;color:#fff!important;font-size:11px!important;font-weight:750!important} .ih-coach-bar--goals{background:var(--ih-stat-red)!important} .ih-coach-bar--assists{background:#4B5563!important} /* Gráficas de inicio/admin: rojo + gris */ .ihm-admin-home__bars .ihm-admin-home__bar, .ihm-admin-home__bars i, .ihm-admin-home__line-chart .ihm-admin-home__bar{ background:linear-gradient(180deg,var(--ih-stat-red),var(--ih-stat-red-dark))!important; border-radius:8px 8px 3px 3px!important; } .ihm-admin-home__chart-grid i{border-color:#E7EAF0!important} .ihm-admin-home__card--chart header b{color:var(--ih-stat-red)!important;font-weight:600!important} /* Líneas, anillos y progresos genéricos dentro de módulos estadísticos */ .ihm-player-profile--stats-premium progress, .ih-coach-statistics progress, .ih-coach-stats-table progress{accent-color:var(--ih-stat-red)} .ihm-player-profile--stats-premium [class*="progress"], .ih-coach-statistics [class*="progress"]{--ih-progress-color:var(--ih-stat-red)} .ihm-player-profile--stats-premium [class*="trend"], .ihm-player-profile--stats-premium [class*="line"]{color:var(--ih-stat-red)} /* Cabeceras y tablas estadísticas */ .ih-stats-panel-head{border-bottom:1px solid #EEF0F4!important;padding-bottom:14px!important;margin-bottom:18px!important} .ih-stats-panel-head h3,.ih-coach-chart-card h3,.ih-coach-stats-table h2{color:var(--ih-stat-ink)!important;font-size:18px!important;font-weight:750!important;letter-spacing:-.02em} .ih-stats-panel-head span{color:var(--ih-stat-muted)!important;font-size:12px!important} .ih-coach-stats-table th{background:#17171B!important;color:#fff!important} .ih-coach-stats-table td{border-color:#E8EBF0!important} /* KPI estadísticos */ .ih-coach-stats-kpis .ihm-public-card, .ih-stats-top-card{ background:#fff!important; border:1px solid var(--ih-stat-border)!important; border-radius:20px!important; box-shadow:var(--ih-stat-shadow)!important; } .ih-stats-card-icon{background:var(--ih-stat-red-soft)!important;color:var(--ih-stat-red)!important} /* Responsive */ @media(max-width:1180px){ .ih-stats-score-gauges{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:720px){ .ih-stats-score-gauges{grid-template-columns:1fr 1fr!important;gap:10px!important} .ih-stats-score-gauge{min-height:205px;padding:16px 10px 14px} .ih-stats-score-gauge .ih-stats-gauge{min-height:105px} .ih-stats-score-gauge .ih-stats-gauge-svg{width:min(100%,190px)!important} .ih-stats-score-gauge .ih-stats-gauge strong{font-size:29px!important;margin-top:-3px!important} .ih-stats-score-gauge>span{width:42px!important;height:42px!important;font-size:20px!important} .ih-stats-score-gauge>b{font-size:14px!important} } @media(max-width:430px){ .ih-stats-score-gauges{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} .ih-stats-score-gauge{min-width:0!important;min-height:184px!important;padding:13px 7px 12px!important} .ih-stats-score-gauge .ih-stats-gauge{min-height:92px!important} .ih-stats-score-gauge .ih-stats-gauge-svg{width:min(100%,152px)!important;height:auto!important} .ih-stats-score-gauge .ih-stats-gauge strong{font-size:24px!important;line-height:1!important;margin-top:-1px!important} .ih-stats-score-gauge .ih-stats-gauge small{font-size:11px!important} .ih-stats-score-gauge>span{width:36px!important;height:36px!important;font-size:17px!important} .ih-stats-score-gauge>b{font-size:12px!important;line-height:1.15!important} } @media(prefers-reduced-motion:reduce){ .ih-stats-score-gauge,.ih-coach-bar{transition:none!important;animation:none!important} } /* v3.1.18.162 — Asistencia general usa el mismo gauge SVG premium que Táctico. */ .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg{ width:100%; min-height:132px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; position:relative; margin-top:8px; } .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg .ih-stats-gauge-svg{ width:min(100%,230px)!important; height:auto!important; } .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg strong{ color:var(--ih-stat-red)!important; font-size:38px!important; font-weight:600!important; letter-spacing:-.045em!important; line-height:1!important; margin-top:-4px!important; position:relative; z-index:2; } .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg strong small{ color:#596477!important; font-size:16px!important; font-weight:500!important; letter-spacing:0!important; } @media (max-width:620px){ .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg{min-height:105px!important} .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg .ih-stats-gauge-svg{width:min(100%,190px)!important} .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg strong{font-size:29px!important;margin-top:-3px!important} .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg strong small{font-size:13px!important} } /* v3.1.18.163 — KPI de Estadísticas unificados con el sistema compacto global. */ .ih-stats-topline{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; } .ih-stats-top-card{ min-height:112px!important; padding:16px 18px!important; display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; } .ih-stats-top-card .ih-stats-card-icon{ width:44px!important;height:44px!important;border-radius:14px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; font-size:20px!important; } .ih-stats-top-card small{font-size:11px!important;line-height:1.2!important;letter-spacing:.04em!important;} .ih-stats-top-card strong{font-size:24px!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.025em!important;} .ih-stats-top-card--status strong{font-size:18px!important;line-height:1.15!important;} .ih-stats-top-card em{font-size:11px!important;line-height:1.25!important;margin-top:4px!important;} @media(max-width:720px){ .ih-stats-topline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} .ih-stats-top-card{min-height:96px!important;padding:12px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;} .ih-stats-top-card .ih-stats-card-icon{width:38px!important;height:38px!important;font-size:17px!important;} .ih-stats-top-card strong{font-size:20px!important;} .ih-stats-top-card--status strong{font-size:15px!important;} .ih-stats-top-card small,.ih-stats-top-card em{font-size:9.5px!important;} } /* v3.1.18.352 — Estadísticas: indicadores circulares completos y multicolor. */ .ih-stats-gauge--circle{ --ih-gauge-color:#D71920; min-height:150px!important; justify-content:center!important; } .ih-stats-gauge--circle .ih-stats-gauge-svg{ width:132px!important; height:132px!important; overflow:visible!important; transform:none!important; } .ih-stats-gauge--circle .ih-stats-gauge-svg circle{ fill:none!important; stroke-width:12!important; stroke-linecap:round!important; vector-effect:non-scaling-stroke; transform:rotate(-90deg); transform-origin:60px 60px; } .ih-stats-gauge--circle .ih-stats-gauge-svg__track{stroke:#EDF0F4!important} .ih-stats-gauge--circle .ih-stats-gauge-svg__value{ stroke:var(--ih-gauge-color)!important; transition:stroke-dasharray .65s ease; filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--ih-gauge-color) 22%,transparent)); } .ih-stats-gauge--circle strong{ position:absolute!important; inset:50% auto auto 50%!important; transform:translate(-50%,-50%)!important; margin:0!important; color:var(--ih-gauge-color)!important; text-align:center; } .ih-stats-score-gauge--red{--ih-gauge-color:#D71920} .ih-stats-score-gauge--blue{--ih-gauge-color:#286FBE} .ih-stats-score-gauge--amber{--ih-gauge-color:#F59E0B} .ih-stats-score-gauge--purple{--ih-gauge-color:#7C3AED} .ih-stats-score-gauge--red>span{background:#FFF0F1!important;color:#D71920!important} .ih-stats-score-gauge--blue>span{background:#EAF3FF!important;color:#286FBE!important} .ih-stats-score-gauge--amber>span{background:#FFF7E6!important;color:#B86E00!important} .ih-stats-score-gauge--purple>span{background:#F3EDFF!important;color:#7C3AED!important} .ih-stats-gauge--attendance-svg{--ih-gauge-color:#168447!important} .ih-stats-attendance-gauge .ih-stats-gauge--attendance-svg strong{color:#168447!important} @media(max-width:700px){ .ih-stats-gauge--circle{min-height:112px!important} .ih-stats-gauge--circle .ih-stats-gauge-svg{width:104px!important;height:104px!important} .ih-stats-gauge--circle .ih-stats-gauge-svg circle{stroke-width:10!important} } /* v3.1.18.353 — Radar legible y espaciado consistente */ .ih-stats-radar-wrap > h4 { margin: 0 0 16px !important; line-height: 1.3 !important; } .ih-stats-radar-wrap .ih-radar-legend, .ih-radar-card .ih-radar-legend { margin: 0 0 10px !important; gap: 10px 18px !important; min-height: 24px; } .ih-radar-legend span { font-size: .84rem !important; font-weight: 650 !important; line-height: 1.35 !important; white-space: nowrap; } .ih-radar-svg { display: block; height: auto !important; max-height: none !important; max-width: 620px; min-height: 0 !important; margin: 0 auto; overflow: visible; } .ih-radar-label { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0 !important; } @media (max-width: 700px) { .ih-stats-radar-wrap > h4 { margin-bottom: 14px !important; } .ih-stats-radar-wrap .ih-radar-legend, .ih-radar-card .ih-radar-legend { margin-bottom: 8px !important; gap: 8px 12px !important; } .ih-radar-legend span { font-size: .76rem !important; } .ih-radar-svg { width: 100%; max-width: 430px; } .ih-radar-label { font-size: 11px !important; font-weight: 700 !important; } } /* v3.1.18.591 — Estadísticas del Entrenador: estilos externos, compatibles con la ruta pública. * No depende de