/* Box Score — CSS estático V68.220 */ /* Extraído de js/boxscore-design.js (inyectarCss* / appendStyleOnce). */ /* Fuente de verdad de layout; los injectors JS quedan no-op si este archivo está linkeado. */ /* ---- bs_base_v6819_grid_7_fijas ---- */ :root { --bs-page-max: 1760px; --bs-radius-card: 18px; --bs-grid-player-col: clamp(132px, 15vw, 220px); --bs-grid-cell-min: clamp(42px, 6.2vw, 92px); --bs-grid-cell-extra: 84px; --bs-panel-bg: rgba(2, 6, 23, 0.92); --bs-panel-border: rgba(30, 41, 59, 0.95); } html, body { max-width: 100%; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_partidos_en_curso, body.bs-anotacion-activa #bs_historial_partidos, body.bs-anotacion-activa #bs_config_manual, body.bs-anotacion-activa #bs_config_reglas, body.bs-anotacion-activa #bs_modo_manual, body.bs-anotacion-activa #bs_modo_erp { width: min(100%, calc(100vw - 16px)) !important; max-width: min(var(--bs-page-max), calc(100vw - 16px)) !important; margin-left: auto !important; margin-right: auto !important; } body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_lineup_area * { box-sizing: border-box !important; min-width: 0; } body.bs-anotacion-activa button { touch-action: manipulation; } body.bs-anotacion-activa .bs-entrada-por-entrada-oculta, body.bs-anotacion-activa .bs-rotulo-grid-oculto { display: none !important; } /* ---- bs_layout_superior_v6819 ---- */ body.bs-anotacion-activa #bs_anotacion_card { border-radius: var(--bs-radius-card) !important; border-color: var(--bs-panel-border) !important; background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(2, 6, 23, .96)) !important; padding: clamp(10px, 1vw, 16px) !important; overflow: visible !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid, body.bs-anotacion-activa #bs_play_card, body.bs-anotacion-activa #bs_action_pad, body.bs-anotacion-activa #bs_secondary_actions { min-width: 0 !important; } @media (min-width: 1280px) { body.bs-anotacion-activa #bs_anotacion_card > .grid { display: grid !important; grid-template-columns: minmax(260px, .78fr) minmax(420px, 1.05fr) minmax(310px, .88fr) !important; grid-template-areas: "score field feed" "inning field feed" "count actions secondary" !important; gap: 10px !important; align-items: stretch !important; } body.bs-anotacion-activa #bs_play_card { display: contents !important; } body.bs-anotacion-activa #bs_scoreboard_panel { grid-area: score !important; margin: 0 !important; } body.bs-anotacion-activa #bs_inning_panel { grid-area: inning !important; margin: 0 !important; } body.bs-anotacion-activa #bs_field_panel { grid-area: field !important; margin: 0 !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { grid-area: feed !important; margin: 0 !important; } body.bs-anotacion-activa #bs_count_buttons { grid-area: count !important; } body.bs-anotacion-activa #bs_play_buttons { grid-area: actions !important; } body.bs-anotacion-activa #bs_secondary_actions { grid-area: secondary !important; margin: 0 !important; } } body.bs-anotacion-activa #bs_scoreboard_panel, body.bs-anotacion-activa #bs_inning_panel, body.bs-anotacion-activa #bs_field_panel, body.bs-anotacion-activa #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_secondary_actions > div { border-radius: 16px !important; border-color: rgba(51, 65, 85, .95) !important; background: rgba(2, 6, 23, .72) !important; } body.bs-anotacion-activa #bs_scoreboard_panel, body.bs-anotacion-activa #bs_inning_panel { padding: clamp(8px, .85vw, 12px) !important; } body.bs-anotacion-activa #bs_scoreboard_panel table, body.bs-anotacion-activa #bs_scoreboard_panel .overflow-x-auto, body.bs-anotacion-activa #bs_scoreboard_panel [class*="overflow-x"] { max-width: 100% !important; } body.bs-anotacion-activa #bs_field_panel { min-height: clamp(250px, 27vw, 390px) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } body.bs-anotacion-activa #bs_field_panel .relative.w-full.h-64, body.bs-anotacion-activa #bs_field_panel .relative.w-full.sm\\:h-72, body.bs-anotacion-activa #bs_anotacion_card .relative.w-full.h-64, body.bs-anotacion-activa #bs_anotacion_card .relative.w-full.sm\\:h-72 { height: clamp(230px, 26vw, 360px) !important; min-height: 230px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { padding: clamp(9px, .9vw, 13px) !important; display: flex !important; flex-direction: column !important; gap: 8px !important; max-height: none !important; overflow: visible !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel::before { content: "ANOTACIONES / ULTIMAS JUGADAS"; display: block; color: rgb(103, 232, 249); font-size: 10px; line-height: 1; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 2px; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-feed-chipbar, body.bs-anotacion-activa #bs_jugadas_entrada_panel [data-bs-feed-chipbar], body.bs-anotacion-activa #bs_jugadas_entrada_panel [data-feed-chipbar] { display: none !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list { max-height: none !important; overflow: visible !important; display: flex !important; flex-direction: column !important; gap: 7px !important; padding-right: 0 !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list button { min-height: 50px !important; padding: 9px 10px !important; border-radius: 13px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list button > p:last-child { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.bs-anotacion-activa #bs_action_pad #bs_count_buttons, body.bs-anotacion-activa #bs_action_pad #bs_play_buttons, body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons { display: grid !important; gap: 8px !important; } body.bs-anotacion-activa #bs_count_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button, body.bs-anotacion-activa #bs_secondary_actions button { min-height: 44px !important; white-space: normal !important; line-height: 1.08 !important; border-radius: 12px !important; font-size: clamp(10px, .72vw, 12px) !important; } body.bs-anotacion-activa #bs_secondary_actions > div { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; padding: 8px !important; } body.bs-anotacion-activa #bs_secondary_actions > div > .grid { display: contents !important; } /* ---- bs_grid_7_entradas_fijas_v6819 ---- */ body.bs-anotacion-activa #bs_workbench_layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(10px, 1.1vw, 16px) !important; align-items: start !important; } body.bs-anotacion-activa #bs_grid_card { width: 100% !important; max-width: 100% !important; border-radius: var(--bs-radius-card) !important; border-color: rgba(30, 41, 59, .98) !important; background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(2, 6, 23, .98)) !important; padding: clamp(10px, 1vw, 16px) !important; overflow: visible !important; position: relative !important; } body.bs-anotacion-activa #bs_grid_card::before { content: none !important; display: none !important; } body.bs-anotacion-activa #vista_cuadricula { width: 100% !important; max-width: 100% !important; border-radius: 14px !important; border: 1px solid rgba(51, 65, 85, .92) !important; background: rgba(2, 6, 23, .9) !important; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas { overflow-x: hidden !important; } body.bs-anotacion-activa #vista_cuadricula.bs-grid-extra-innings { overflow-x: auto !important; } body.bs-anotacion-activa #vista_cuadricula table { border-collapse: separate !important; border-spacing: 0 !important; table-layout: fixed !important; width: 100% !important; min-width: 100% !important; } body.bs-anotacion-activa #vista_cuadricula table.bs-grid-extra-innings { width: max-content !important; min-width: 100% !important; } body.bs-anotacion-activa #tabla_grid_head th { position: sticky !important; top: 0 !important; z-index: 18 !important; background: rgba(15, 23, 42, .98) !important; border-bottom: 1px solid rgba(71, 85, 105, .95) !important; padding: 7px 4px !important; font-size: clamp(9px, .72vw, 12px) !important; line-height: 1.05 !important; letter-spacing: .04em !important; text-align: center !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { position: sticky !important; left: 0 !important; z-index: 28 !important; width: var(--bs-grid-player-col) !important; min-width: var(--bs-grid-player-col) !important; max-width: var(--bs-grid-player-col) !important; background: rgba(2, 6, 23, .98) !important; box-shadow: 10px 0 18px rgba(2, 6, 23, .75) !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child { z-index: 35 !important; } body.bs-anotacion-activa #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { width: calc((100% - var(--bs-grid-player-col)) / 7) !important; min-width: 0 !important; max-width: none !important; } body.bs-anotacion-activa #vista_cuadricula.bs-grid-extra-innings #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #vista_cuadricula.bs-grid-extra-innings #tabla_grid_body td:not(:first-child) { width: var(--bs-grid-cell-extra) !important; min-width: var(--bs-grid-cell-extra) !important; max-width: var(--bs-grid-cell-extra) !important; } body.bs-anotacion-activa #tabla_grid_body td { height: clamp(78px, 8.5vw, 112px) !important; padding: 3px !important; vertical-align: middle !important; border-color: rgba(51, 65, 85, .78) !important; overflow: hidden !important; } body.bs-anotacion-activa #tabla_grid_body tr:hover td { background-color: rgba(14, 116, 144, .08) !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell { height: 100% !important; padding: 8px 9px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 4px !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell * { min-width: 0 !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell p, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell span, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell div { overflow: hidden !important; text-overflow: ellipsis !important; } body.bs-anotacion-activa .bs-scorebook-cell-wrap { min-height: clamp(68px, 8vw, 96px) !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; overflow: hidden !important; } body.bs-anotacion-activa .bs-scorebook-cell { position: relative !important; width: min(100%, 82px) !important; min-height: clamp(64px, 7.5vw, 92px) !important; border-radius: 8px !important; border: 1px solid rgba(148, 163, 184, .48) !important; background: rgba(2, 6, 23, .82) !important; display: grid !important; grid-template-rows: 16px 1fr 11px !important; align-items: center !important; justify-items: center !important; padding: 3px !important; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .55) !important; } body.bs-anotacion-activa .bs-scorebook-cell svg, body.bs-anotacion-activa .bs-scorebook-cell canvas, body.bs-anotacion-activa .bs-scorebook-cell img { max-width: 100% !important; max-height: 100% !important; } body.bs-anotacion-activa .bs-scorebook-cell p, body.bs-anotacion-activa .bs-scorebook-cell span, body.bs-anotacion-activa .bs-scorebook-cell small { line-height: 1.05 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.bs-anotacion-activa .bs-scorebook-cell.bs-sb-avance, body.bs-anotacion-activa .bs-scorebook-cell.bs-sb-carrera { background: rgba(6, 78, 59, .42) !important; border-color: rgba(52, 211, 153, .82) !important; } body.bs-anotacion-activa .bs-scorebook-cell.bs-sb-out { background: rgba(127, 29, 29, .46) !important; border-color: rgba(248, 113, 113, .82) !important; } body.bs-anotacion-activa .bs-scorebook-cell.bs-sb-activa { outline: 2px solid rgba(250, 204, 21, .88) !important; box-shadow: 0 0 0 3px rgba(250, 204, 21, .12), inset 0 0 0 1px rgba(15, 23, 42, .55) !important; } body.bs-anotacion-activa .bs-scorebook-cell .bs-sb-label, body.bs-anotacion-activa .bs-scorebook-cell .bs-sb-status, body.bs-anotacion-activa .bs-scorebook-cell [class*="activa"], body.bs-anotacion-activa .bs-scorebook-cell [class*="consulta"] { font-size: 9px !important; line-height: 1 !important; } /* ---- bs_responsive_v6819 ---- */ @media (max-width: 1279px) { body.bs-anotacion-activa #bs_anotacion_card > .grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_secondary_actions > div { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 900px) { :root { --bs-grid-player-col: 132px; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area { width: min(100%, calc(100vw - 8px)) !important; max-width: min(100%, calc(100vw - 8px)) !important; } body.bs-anotacion-activa #bs_anotacion_card, body.bs-anotacion-activa #bs_grid_card { padding: 8px !important; border-radius: 14px !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 250px !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 52px !important; font-size: 11px !important; } body.bs-anotacion-activa #tabla_grid_head th { font-size: 10px !important; padding: 6px 2px !important; } body.bs-anotacion-activa #tabla_grid_body td { height: 86px !important; padding: 2px !important; } body.bs-anotacion-activa .bs-scorebook-cell { width: min(100%, 56px) !important; min-height: 68px !important; border-radius: 7px !important; padding: 2px !important; } } @media (max-width: 640px) { :root { --bs-grid-player-col: 106px; } html, body { overflow-x: hidden; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area { padding-left: 4px !important; padding-right: 4px !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_count_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_secondary_actions > div { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list button { min-height: 48px !important; padding: 8px !important; } body.bs-anotacion-activa #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { width: calc((100vw - var(--bs-grid-player-col) - 28px) / 7) !important; } body.bs-anotacion-activa #tabla_grid_body td { height: 76px !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell { padding: 5px 6px !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell p, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell span, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell div { font-size: 10px !important; line-height: 1.05 !important; } body.bs-anotacion-activa .bs-scorebook-cell { width: 100% !important; min-height: 58px !important; grid-template-rows: 12px 1fr 9px !important; font-size: 9px !important; } body.bs-anotacion-activa .bs-scorebook-cell-wrap { min-height: 58px !important; gap: 1px !important; } } @media (max-width: 430px) { :root { --bs-grid-player-col: 96px; } body.bs-anotacion-activa #bs_grid_card::before { font-size: 8px !important; letter-spacing: .1em !important; } body.bs-anotacion-activa #tabla_grid_head th { font-size: 8px !important; padding: 5px 1px !important; } body.bs-anotacion-activa #tabla_grid_body td { height: 68px !important; padding: 1px !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell p, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell span, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell div { font-size: 9px !important; } body.bs-anotacion-activa .bs-scorebook-cell { min-height: 52px !important; font-size: 8px !important; border-radius: 6px !important; } } /* ---- bs_cierre_opciones_v6819 ---- */ body.bs-anotacion-activa #bs_barra_cierre_partido { border-radius: 16px !important; padding: 10px !important; gap: 10px !important; } body.bs-anotacion-activa #bs_acciones_partido_movil { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; } body.bs-anotacion-activa #bs_acciones_partido_movil button, body.bs-anotacion-activa #bs_acciones_partido_movil a { min-height: 42px !important; white-space: normal !important; line-height: 1.05 !important; border-radius: 12px !important; } @media (max-width: 760px) { body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ---- bs_responsive_operativo_v6820 ---- */ :root { --bs-page-max: 1880px; --bs-grid-player-col: clamp(150px, 16vw, 260px); --bs-grid-cell-min: clamp(58px, 6.3vw, 104px); } body.bs-anotacion-activa { background: radial-gradient(circle at top, rgba(14, 165, 233, .10), transparent 34%), #020617 !important; } body.bs-anotacion-activa .max-w-sm, body.bs-anotacion-activa .max-w-md, body.bs-anotacion-activa .max-w-lg, body.bs-anotacion-activa .max-w-xl, body.bs-anotacion-activa .max-w-2xl, body.bs-anotacion-activa .max-w-3xl, body.bs-anotacion-activa .max-w-4xl, body.bs-anotacion-activa .max-w-5xl, body.bs-anotacion-activa .max-w-6xl, body.bs-anotacion-activa .max-w-7xl { max-width: min(var(--bs-page-max), calc(100vw - 24px)) !important; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { width: min(var(--bs-page-max), calc(100vw - 24px)) !important; max-width: min(var(--bs-page-max), calc(100vw - 24px)) !important; } body.bs-anotacion-activa #bs_anotacion_card, body.bs-anotacion-activa #bs_grid_card { box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid { width: 100% !important; } body.bs-anotacion-activa #bs_field_panel { position: relative !important; overflow: hidden !important; } body.bs-anotacion-activa #bs_field_panel::after { content: 'JUGADA ACTUAL'; position: absolute; top: 10px; left: 12px; font-size: 9px; letter-spacing: .14em; color: rgba(34, 211, 238, .78); font-weight: 900; pointer-events: none; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { max-height: none !important; overflow: hidden auto !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list, body.bs-anotacion-activa #bs_jugadas_entrada_panel [data-bs-anotaciones-list] { display: grid !important; gap: 8px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list button, body.bs-anotacion-activa #bs_jugadas_entrada_panel [data-bs-anotaciones-list] button { border-radius: 12px !important; min-height: 44px !important; text-align: left !important; white-space: normal !important; } body.bs-anotacion-activa #bs_lineup_area [data-player-row], body.bs-anotacion-activa #bs_lineup_area .bs-player-row, body.bs-anotacion-activa #bs_lineup_area button { border-radius: 12px !important; } body.bs-anotacion-activa #bs_lineup_area button { min-height: 36px !important; line-height: 1.15 !important; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons, body.bs-anotacion-activa #bs_secondary_actions > div { align-items: stretch !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button, body.bs-anotacion-activa #bs_secondary_actions button { min-height: 50px !important; border-radius: 12px !important; font-weight: 900 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } @media (min-width: 1500px) { body.bs-anotacion-activa #bs_anotacion_card > .grid { display: grid !important; grid-template-columns: minmax(380px, .92fr) minmax(600px, 1.35fr) minmax(360px, .85fr) !important; grid-template-areas: 'score field feed' 'inning field feed' 'count actions secondary' !important; gap: 12px !important; align-items: stretch !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 330px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { min-height: 330px !important; max-height: 420px !important; } body.bs-anotacion-activa #bs_scoreboard_panel, body.bs-anotacion-activa #bs_inning_panel, body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons, body.bs-anotacion-activa #bs_secondary_actions > div { height: 100% !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (min-width: 1024px) and (max-width: 1499px) { body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { width: min(100%, calc(100vw - 18px)) !important; max-width: min(100%, calc(100vw - 18px)) !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important; grid-template-areas: 'score score' 'field feed' 'inning feed' 'count secondary' 'actions actions' !important; gap: 10px !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 300px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { max-height: 390px !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_secondary_actions > div { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 721px) and (max-width: 1023px) { :root { --bs-grid-player-col: 150px; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { width: min(100%, calc(100vw - 12px)) !important; max-width: min(100%, calc(100vw - 12px)) !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr) !important; grid-template-areas: 'score score' 'inning inning' 'field feed' 'count count' 'actions actions' 'secondary secondary' !important; gap: 9px !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 260px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { max-height: 260px !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_secondary_actions > div { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #vista_cuadricula { overflow-x: auto !important; } body.bs-anotacion-activa #vista_cuadricula table { min-width: 920px !important; width: 920px !important; } } @media (max-width: 720px) { :root { --bs-grid-player-col: 132px; } html, body { overflow-x: hidden !important; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { width: 100% !important; max-width: 100% !important; padding-left: 6px !important; padding-right: 6px !important; } body.bs-anotacion-activa #bs_barra_cierre_partido { display: none !important; } body.bs-anotacion-activa #bs_anotacion_card { padding: 8px !important; border-radius: 16px !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid { display: flex !important; flex-direction: column !important; gap: 8px !important; } body.bs-anotacion-activa #bs_scoreboard_panel { order: 1 !important; } body.bs-anotacion-activa #bs_inning_panel { order: 2 !important; } body.bs-anotacion-activa #bs_field_panel { order: 3 !important; } body.bs-anotacion-activa #bs_count_buttons { order: 4 !important; } body.bs-anotacion-activa #bs_play_buttons { order: 5 !important; } body.bs-anotacion-activa #bs_secondary_actions { order: 6 !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { order: 7 !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 260px !important; padding-top: 28px !important; } body.bs-anotacion-activa #bs_scoreboard_panel, body.bs-anotacion-activa #bs_inning_panel, body.bs-anotacion-activa #bs_field_panel, body.bs-anotacion-activa #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_secondary_actions > div { border-radius: 14px !important; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons { position: relative !important; z-index: 3 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 7px !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 56px !important; padding: 8px 4px !important; font-size: 11px !important; line-height: 1.05 !important; white-space: normal !important; } body.bs-anotacion-activa #bs_secondary_actions > div { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 7px !important; } body.bs-anotacion-activa #bs_secondary_actions button { min-height: 44px !important; font-size: 10px !important; padding: 6px 4px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { max-height: 310px !important; } body.bs-anotacion-activa #bs_grid_card { margin-top: 8px !important; padding: 8px !important; border-radius: 16px !important; } body.bs-anotacion-activa #vista_cuadricula { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; } body.bs-anotacion-activa #vista_cuadricula table { min-width: 860px !important; width: 860px !important; } body.bs-anotacion-activa #tabla_grid_body td { height: 70px !important; } body.bs-anotacion-activa .bs-scorebook-cell { min-height: 54px !important; font-size: 8px !important; } } @media (max-width: 430px) { :root { --bs-grid-player-col: 124px; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { padding-left: 4px !important; padding-right: 4px !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 245px !important; } body.bs-anotacion-activa #bs_play_buttons, body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_secondary_actions > div { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; } body.bs-anotacion-activa #bs_play_buttons button, body.bs-anotacion-activa #bs_count_buttons button { min-height: 54px !important; font-size: 10px !important; } body.bs-anotacion-activa #bs_secondary_actions button { min-height: 42px !important; font-size: 9px !important; } body.bs-anotacion-activa #vista_cuadricula table { min-width: 820px !important; width: 820px !important; } } /* ---- bs_botonera_premium_v6821 ---- */ /* V68.21 - Botonera de anotacion unificada: grid 3x3, alturas consistentes, paleta por tipo. */ body.bs-anotacion-activa #bs_action_pad { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 12px !important; border-radius: 16px !important; border: 1px solid rgba(51, 65, 85, 0.85) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.98)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; } body.bs-anotacion-activa #bs_action_pad::before { content: "ACCIONES DE ANOTACION"; display: block; font-size: 9px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(103, 232, 249, 0.85); margin-bottom: 2px; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons, body.bs-anotacion-activa #bs_action_pad #bs_count_buttons, body.bs-anotacion-activa #bs_action_pad #bs_play_buttons { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; width: 100% !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button, body.bs-anotacion-activa #bs_action_pad button.bs-btn-anotacion { min-height: 54px !important; max-height: none !important; padding: 10px 6px !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; line-height: 1.15 !important; white-space: normal !important; text-align: center !important; border-width: 1px !important; border-style: solid !important; transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 4px 14px rgba(0, 0, 0, 0.28) !important; } body.bs-anotacion-activa #bs_count_buttons button:active:not(:disabled), body.bs-anotacion-activa #bs_play_buttons button:active:not(:disabled) { transform: scale(0.97) !important; } /* Conteo: bola / strike / foul */ body.bs-anotacion-activa .bs-btn-count.bs-btn-bola { color: rgb(125, 211, 252) !important; background: linear-gradient(180deg, rgba(12, 74, 110, 0.55), rgba(8, 47, 73, 0.85)) !important; border-color: rgba(56, 189, 248, 0.45) !important; } body.bs-anotacion-activa .bs-btn-count.bs-btn-strike { color: rgb(252, 211, 77) !important; background: linear-gradient(180deg, rgba(120, 53, 15, 0.5), rgba(69, 26, 3, 0.88)) !important; border-color: rgba(245, 158, 11, 0.45) !important; } body.bs-anotacion-activa .bs-btn-count.bs-btn-foul { color: rgb(203, 213, 225) !important; background: linear-gradient(180deg, rgba(51, 65, 85, 0.55), rgba(15, 23, 42, 0.9)) !important; border-color: rgba(100, 116, 139, 0.55) !important; } /* Hits */ body.bs-anotacion-activa .bs-btn-hit { color: rgb(110, 231, 183) !important; background: linear-gradient(180deg, rgba(6, 78, 59, 0.45), rgba(2, 44, 34, 0.9)) !important; border-color: rgba(16, 185, 129, 0.42) !important; } body.bs-anotacion-activa .bs-btn-hit-primary { color: #fff !important; background: linear-gradient(180deg, rgb(5, 150, 105), rgb(4, 120, 87)) !important; border-color: rgba(52, 211, 153, 0.75) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 18px rgba(16, 185, 129, 0.35) !important; } /* BBI / BG / robo */ body.bs-anotacion-activa .bs-btn-walk { color: rgb(186, 230, 253) !important; background: linear-gradient(180deg, rgba(12, 74, 110, 0.42), rgba(8, 47, 73, 0.82)) !important; border-color: rgba(56, 189, 248, 0.38) !important; } body.bs-anotacion-activa .bs-btn-special { color: rgb(216, 180, 254) !important; background: linear-gradient(180deg, rgba(88, 28, 135, 0.42), rgba(59, 7, 100, 0.85)) !important; border-color: rgba(168, 85, 247, 0.42) !important; } body.bs-anotacion-activa .bs-btn-steal { color: rgb(196, 181, 253) !important; background: linear-gradient(180deg, rgba(76, 29, 149, 0.42), rgba(46, 16, 101, 0.85)) !important; border-color: rgba(139, 92, 246, 0.42) !important; } /* Error / out */ body.bs-anotacion-activa .bs-btn-error { color: rgb(252, 211, 77) !important; background: linear-gradient(180deg, rgba(120, 53, 15, 0.48), rgba(69, 26, 3, 0.88)) !important; border-color: rgba(217, 119, 6, 0.48) !important; } body.bs-anotacion-activa .bs-btn-out { color: #fff !important; background: linear-gradient(180deg, rgb(185, 28, 28), rgb(127, 29, 29)) !important; border-color: rgba(248, 113, 113, 0.55) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 16px rgba(239, 68, 68, 0.28) !important; } body.bs-anotacion-activa .bs-btn-anotacion:disabled { opacity: 0.45 !important; cursor: not-allowed !important; filter: grayscale(0.35) !important; } /* Secundarios: deshacer, banca, etc. */ body.bs-anotacion-activa #bs_secondary_actions > div { display: flex !important; flex-direction: column !important; gap: 8px !important; padding: 12px !important; border-radius: 16px !important; border: 1px solid rgba(51, 65, 85, 0.75) !important; background: rgba(2, 6, 23, 0.72) !important; } body.bs-anotacion-activa #bs_secondary_actions > div > .grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } body.bs-anotacion-activa #bs_secondary_actions button { min-height: 46px !important; padding: 10px 8px !important; border-radius: 12px !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: rgb(203, 213, 225) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.98)) !important; border: 1px solid rgba(51, 65, 85, 0.85) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; } body.bs-anotacion-activa #bs_secondary_actions button:hover { border-color: rgba(34, 211, 238, 0.35) !important; color: rgb(224, 242, 254) !important; } @media (min-width: 1280px) { body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 58px !important; font-size: 13px !important; } } @media (max-width: 720px) { body.bs-anotacion-activa #bs_action_pad { padding: 10px !important; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 52px !important; font-size: 11px !important; padding: 8px 4px !important; } } @media (max-width: 430px) { body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 48px !important; font-size: 10px !important; } } /* ---- bs_movil_tablet_operativo_v6822 ---- */ /* V68.22 - Repara movil/tablet: anula grids de escritorio que ocultan o descuadran la captura. */ @media (max-width: 1023px) { html, body { overflow-x: hidden !important; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; padding-left: 8px !important; padding-right: 8px !important; overflow: visible !important; } body.bs-anotacion-activa #bs_workbench_layout { display: flex !important; flex-direction: column !important; gap: 10px !important; } body.bs-anotacion-activa #bs_contexto_anotacion_banner { display: block !important; margin-bottom: 8px !important; padding: 12px !important; } body.bs-anotacion-activa #bs_anotacion_card { width: 100% !important; min-width: 0 !important; max-height: none !important; overflow: visible !important; padding: 10px !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; grid-template-areas: none !important; gap: 10px !important; width: 100% !important; } body.bs-anotacion-activa #bs_play_card { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; } body.bs-anotacion-activa #bs_scoreboard_panel, body.bs-anotacion-activa #bs_inning_panel, body.bs-anotacion-activa #bs_field_panel, body.bs-anotacion-activa #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_action_pad, body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons, body.bs-anotacion-activa #bs_secondary_actions, body.bs-anotacion-activa .bs-contexto-juego, body.bs-anotacion-activa .bs-count-row { grid-area: unset !important; grid-column: unset !important; grid-row: unset !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; position: relative !important; transform: none !important; flex-shrink: 0 !important; } body.bs-anotacion-activa #bs_play_card #bs_scoreboard_panel { order: 1 !important; } body.bs-anotacion-activa #bs_play_card #bs_inning_panel { order: 2 !important; } body.bs-anotacion-activa #bs_play_card #bs_field_panel { order: 3 !important; } body.bs-anotacion-activa #bs_play_card .bs-contexto-juego { order: 4 !important; } body.bs-anotacion-activa #bs_play_card .bs-count-row { order: 5 !important; } body.bs-anotacion-activa #bs_play_card #bs_jugadas_entrada_panel { order: 6 !important; } body.bs-anotacion-activa #bs_play_card #bs_action_pad { order: 7 !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid > #bs_secondary_actions { order: 8 !important; } body.bs-anotacion-activa #bs_field_panel { height: auto !important; min-height: 220px !important; max-height: 300px !important; margin-bottom: 0 !important; } body.bs-anotacion-activa #bs_field_panel .relative.w-full.h-64, body.bs-anotacion-activa #bs_field_panel .relative.w-full.sm\\:h-72 { height: 100% !important; min-height: 200px !important; } body.bs-anotacion-activa .bs-count-row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; padding: 10px !important; } body.bs-anotacion-activa .bs-count-row > div:nth-child(n+4) { grid-column: span 1 !important; } body.bs-anotacion-activa .bs-count-row p.text-3xl { font-size: 1.65rem !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { min-height: 100px !important; max-height: none !important; overflow: visible !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list { max-height: 200px !important; overflow-y: auto !important; } body.bs-anotacion-activa #bs_action_pad { display: flex !important; flex-direction: column !important; visibility: visible !important; opacity: 1 !important; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons, body.bs-anotacion-activa #bs_action_pad #bs_count_buttons, body.bs-anotacion-activa #bs_action_pad #bs_play_buttons { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; visibility: visible !important; } body.bs-anotacion-activa #bs_anotacion_card #bs_action_pad button, body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; visibility: visible !important; } body.bs-anotacion-activa #bs_secondary_actions { display: flex !important; flex-direction: column !important; width: 100% !important; } body.bs-anotacion-activa #bs_secondary_actions > div { display: flex !important; flex-direction: column !important; gap: 8px !important; } body.bs-anotacion-activa #bs_btn_toggle_grid_movil { display: flex !important; width: 100% !important; } body.bs-anotacion-activa #bs_grid_card.bs-grid-mobile-collapsed { display: none !important; } body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* V68.101 → V68.120: opciones del juego viven en «Más opciones» durante anotación. La barra ámbar del setup se oculta (ver inyectarCssChromeOpcionesV68120). */ body.bs-anotacion-activa #bs_barra_cierre_partido { display: none !important; } @media (max-width: 720px) { body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area { padding-left: 6px !important; padding-right: 6px !important; } body.bs-anotacion-activa #bs_contexto_anotacion_banner { display: none !important; } body.bs-anotacion-activa .bs-exportar-movil-rapido { display: block !important; } body.bs-anotacion-activa .bs-count-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_field_panel { min-height: 200px !important; max-height: 260px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list { max-height: 180px !important; } } @media (min-width: 721px) and (max-width: 1023px) { body.bs-anotacion-activa #bs_field_panel { min-height: 260px !important; max-height: 340px !important; } body.bs-anotacion-activa .bs-count-row { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } /* ---- bs_scorebook_celdas_v6823 ---- */ body.bs-anotacion-activa #vista_cuadricula table { table-layout: fixed !important; } body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas table { width: 100% !important; min-width: 100% !important; } .bs-scorebook-cell-wrap { min-height: 94px; display: flex; align-items: center; justify-content: center; gap: 0.28rem; overflow: hidden; } .bs-scorebook-cell { position: relative; width: min(100%, 82px); min-height: 88px; border: 1px solid rgba(148, 163, 184, 0.55); background: rgba(2, 6, 23, 0.76); border-radius: 0.58rem; display: grid; grid-template-rows: 18px 1fr 12px; align-items: center; justify-items: center; padding: 0.18rem 0.22rem; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .55); } .bs-scorebook-cell.bs-sb-avance, .bs-scorebook-cell.bs-sb-carrera { background: rgba(6, 78, 59, 0.42); border-color: rgba(52, 211, 153, 0.82); } .bs-scorebook-cell.bs-sb-out { background: rgba(127, 29, 29, 0.35); border-color: rgba(248, 113, 113, 0.82); } .bs-scorebook-cell.bs-sb-activa { background: rgba(113, 63, 18, 0.34); border-color: rgba(251, 191, 36, 0.78); } .bs-scorebook-cell.bs-sb-varada { background: rgba(51, 65, 85, 0.38); border-color: rgba(203, 213, 225, 0.55); } .bs-sb-code-row { width: 100%; display: flex; justify-content: center; align-items: center; gap: 0.18rem; min-width: 0; } .bs-sb-code-text { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.68rem; line-height: 1; font-weight: 1000; color: rgb(167, 243, 208); text-transform: uppercase; } .bs-sb-code-empty { color: rgba(148, 163, 184, 0.35); font-size: 0.66rem; } .bs-scorebook-mini { position: relative; width: 72px; height: 66px; display: inline-block; transform: scale(0.92); transform-origin: center; } .bs-sb-line { position: absolute; left: 10px; top: 32px; width: 52px; height: 1.5px; background: rgba(148, 163, 184, 0.55); transform-origin: center; } .bs-sb-line-a { transform: rotate(45deg); } .bs-sb-line-b { transform: rotate(-45deg); } .bs-sb-base { position: absolute; width: 30px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(100, 116, 139, 0.7); background: rgba(15, 23, 42, 0.95); color: rgba(148, 163, 184, 0.72); font-size: 0.58rem; font-weight: 1000; border-radius: 0.22rem; z-index: 2; } .bs-sb-2 { left: 21px; top: 0; } .bs-sb-3 { left: 0; top: 21px; } .bs-sb-1 { right: 0; top: 21px; } .bs-sb-h { left: 21px; bottom: 0; } .bs-sb-verde { background: rgb(16, 185, 129); color: rgb(2, 6, 23); border-color: rgb(167, 243, 208); } .bs-sb-amarillo { background: rgb(251, 191, 36); color: rgb(2, 6, 23); border-color: rgb(254, 243, 199); } .bs-sb-gris { background: rgb(100, 116, 139); color: white; border-color: rgb(203, 213, 225); } .bs-sb-rojo { background: rgb(220, 38, 38); color: white; border-color: rgb(254, 202, 202); } .bs-sb-nocuenta { background: rgb(30, 41, 59); color: rgb(203, 213, 225); border-color: rgb(148, 163, 184); } .bs-sb-turno-mini { position: absolute; left: 4px; top: 3px; font-size: 0.44rem; font-weight: 1000; color: rgb(103, 232, 249); } .bs-sb-next-cell { background: linear-gradient(135deg, rgba(251,191,36,.15), rgba(2,6,23,.62)) !important; color: rgb(253,224,71) !important; } .bs-sb-next-arrow { display: inline-flex; width: 1.7rem; height: 1.7rem; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(253,224,71,.75); background: rgba(113,63,18,.78); color: rgb(254,240,138); font-weight: 1000; } /* ---- bs_jugador_profesional_v6823 ---- */ body.bs-anotacion-activa .bs-grid-player-cell { cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; } body.bs-anotacion-activa .bs-grid-player-cell:hover { background: rgba(8, 47, 73, 0.35) !important; box-shadow: inset 3px 0 0 rgb(34, 211, 238); } body.bs-anotacion-activa .bs-grid-player-cell.bs-player-al-bat { background: rgba(8, 47, 73, 0.55) !important; box-shadow: inset 4px 0 0 rgb(34, 211, 238); } body.bs-anotacion-activa .bs-grid-player-cell.bs-player-prox { box-shadow: inset 4px 0 0 rgb(251, 191, 36); } body.bs-anotacion-activa .bs-grid-player-cell.bs-player-pitcher { box-shadow: inset 4px 0 0 rgb(168, 85, 247); } /* V68.515/517 — sombreado de par JD ↔ asociada (jugador bloqueado de batear) en la libreta en vivo — mismo criterio de color ámbar que ya usa la pantalla de armar lineup (actualizarKeypad) para este mismo par, ahora también aquí. V68.517 — reportado que el tinte no se notaba: subido de opacidad y agregado borde completo (antes solo una franja de 4px, fácil de pasar por alto). */ body.bs-anotacion-activa .bs-grid-player-cell.bs-player-jd-par { background: rgba(120, 68, 5, 0.55) !important; box-shadow: inset 0 0 0 2px rgb(251, 191, 36), inset 4px 0 0 rgb(251, 191, 36); } body.bs-anotacion-activa .bs-grid-player-cell.bs-player-al-bat.bs-player-jd-par { box-shadow: inset 0 0 0 2px rgb(251, 191, 36), inset 4px 0 0 rgb(34, 211, 238), inset -4px 0 0 rgb(251, 191, 36); } /* V68.548 — Pedido: sombrear TODA la fila (no solo la celda del nombre) de quien no batea por tener JD, para que se note por qué la flecha de próximo turno se la brincó. Celdas vacías: mismo tono ámbar de fondo que la celda del nombre. Celdas con jugada ya anotada: solo un aro ámbar (no se tapa el color de hit/out/error/robo, que sigue siendo la info más importante de esa celda). */ body.bs-anotacion-activa #tabla_grid_body td.bs-sb-turn-cell.bs-cell-jd-par-empty { background: rgba(120, 68, 5, 0.35) !important; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.45); } body.bs-anotacion-activa #tabla_grid_body td.bs-sb-turn-cell.bs-cell-jd-par-played { box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.55); } /* V68.557 — Pedido: "pintar el contorno de otro color en la entrada que entró el cambio y tomó su primer turno al bate... saber que ahí ya era [otra] jugadora, [sin importar] cuántos cambios pueda tener ese mismo orden al bate". Un mismo renglón (orden fijo del lineup) puede tener 2+ jugadoras distintas a lo largo del juego por sustituciones; este aro fucsia marca SOLO la celda donde cambió la identidad de quien bateó (primer turno de la entrante), no el turno inicial de la titular ni los turnos siguientes de la misma entrante. */ body.bs-anotacion-activa #tabla_grid_body td.bs-sb-turn-cell.bs-cell-primer-turno-entrante { box-shadow: inset 0 0 0 2px rgb(232, 121, 249); } .bs-sb-player-box { min-height: 88px; display: grid; grid-template-rows: 1fr auto auto; gap: 0.22rem; } .bs-sb-player-main { display: flex; align-items: center; gap: 0.45rem; min-width: 0; } .bs-sb-player-order { flex: 0 0 auto; width: 1.45rem; height: 1.45rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(34,211,238,.38); background: rgba(8,47,73,.45); color: rgb(103,232,249); font-size: 0.62rem; font-weight: 1000; } .bs-sb-player-name { flex: 1 1 auto; min-width: 0; font-size: 0.78rem; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bs-sb-player-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 0.28rem; border-top: 1px dashed rgba(8,145,178,.45); padding-top: 0.2rem; font-size: 0.52rem; letter-spacing: .06em; } .bs-sb-player-line { height: 1px; flex: 1 1 auto; background: rgba(8,145,178,.35); min-width: 12px; } .bs-sb-player-change-row { display: flex; flex-direction: column; gap: 0.12rem; font-size: 0.48rem; line-height: 1.1; color: rgba(251, 191, 36, 0.85); text-transform: uppercase; } .bs-player-pos-badge { border: 1px solid rgba(34,211,238,.35); border-radius: 999px; padding: 0.08rem 0.35rem; color: rgb(103,232,249); font-weight: 1000; } .bs-cambio-ent-badge { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.2rem 0.35rem; max-width: 100%; font-size: 0.55rem !important; letter-spacing: .04em; line-height: 1.2; padding: 0.15rem 0.4rem !important; } .bs-cambio-ent-inn { font-weight: 1000; } .bs-cambio-ent-por { opacity: .92; font-weight: 800; text-transform: uppercase; max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bs-sug-pos-list { display: inline-flex; flex-wrap: wrap; gap: 0.25rem; } .bs-sug-pos-badge { display: inline-flex; align-items: center; gap: 0.2rem; border: 1px dashed rgba(251, 191, 36, .75); border-radius: 0.4rem; padding: 0.1rem 0.35rem; background: rgba(113, 63, 18, .35); color: rgb(253, 224, 71); font-size: 0.58rem; font-weight: 1000; letter-spacing: .04em; text-transform: uppercase; } .bs-sug-pos-tag { border: 1px solid rgba(251,191,36,.55); border-radius: 0.25rem; padding: 0 0.2rem; font-size: 0.5rem; color: rgb(254, 243, 199); } .bs-sug-pos-none { font-size: 0.58rem; font-weight: 800; color: rgb(100, 116, 139); text-transform: uppercase; } .bs-player-num { color: rgb(148, 163, 184); font-weight: 900; } .bs-player-status { flex-shrink: 0; border-radius: 999px; padding: 0.12rem 0.35rem; font-size: 0.44rem; font-weight: 1000; letter-spacing: .06em; } .bs-player-status-bat { background: rgb(34, 211, 238); color: rgb(2, 6, 23); } .bs-player-status-next { background: rgb(251, 191, 36); color: rgb(2, 6, 23); } .bs-player-status-pitch { background: rgb(168, 85, 247); color: white; } .bs-lineup-change-chip { border-radius: 999px; padding: 0.08rem 0.35rem; font-size: 0.48rem; font-weight: 1000; border: 1px solid rgba(34,211,238,.35); color: rgb(103,232,249); background: rgba(8,47,73,.35); } .bs-lineup-change-sub { border-color: rgba(52, 211, 153, .45); color: rgb(167, 243, 208); background: rgba(6, 78, 59, .25); } .bs-lineup-change-reentry { border-color: rgba(251, 191, 36, .45); color: rgb(253, 224, 71); background: rgba(113, 63, 18, .25); } .bs-player-change-in { color: rgb(167, 243, 208); font-weight: 900; } .bs-player-change-note { color: rgb(148, 163, 184); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.bs-anotacion-activa #bs_grid_card:not(.bs-grid-mobile-collapsed) { animation: fadeIn 0.25s ease-out; } @media (max-width: 1023px) { body.bs-anotacion-activa #bs_grid_card.bs-grid-mobile-collapsed { display: none !important; } body.bs-anotacion-activa #bs_grid_card:not(.bs-grid-mobile-collapsed) { display: flex !important; } body.bs-anotacion-activa #bs_btn_toggle_grid_movil { display: flex !important; } } @media (min-width: 1024px) { body.bs-anotacion-activa #bs_grid_card.bs-grid-mobile-collapsed { display: flex !important; } body.bs-anotacion-activa #bs_btn_toggle_grid_movil, body.bs-anotacion-activa #bs_btn_cerrar_grid_movil { display: none !important; } } /* ---- bs_layout_deportivo_v6826 ---- */ /* ============================================================ V68.26 - Layout deportivo profesional (UX scorebook). Estructura: dashboard compacto a todo lo ancho arriba + libreta oficial FULL WIDTH abajo (7 entradas completas). Escritorio: dashboard en 3 zonas (izq stats / campo / feed) y botonera en banda inferior. Movil: intacto (una columna). ============================================================ */ /* --- Ancho completo del contenedor --- */ body.bs-anotacion-activa #contenedor_principal { max-width: none !important; width: 100% !important; padding: 8px 14px 20px !important; } body.bs-anotacion-activa #ui_main { min-width: 0 !important; overflow-x: hidden !important; } body.bs-anotacion-activa #bs_panel_partido, body.bs-anotacion-activa #bs_lineup_area, body.bs-anotacion-activa #bs_workbench_layout { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.bs-anotacion-activa #bs_lineup_area { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; } /* --- Workbench SIEMPRE apilado: dashboard arriba, libreta abajo --- */ body.bs-anotacion-activa #bs_workbench_layout { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.bs-anotacion-activa .bs-workbench-banner { width: 100% !important; } /* --- Libreta FULL WIDTH, visible en escritorio --- */ body.bs-anotacion-activa #bs_grid_card { width: 100% !important; max-width: 100% !important; position: static !important; } /* --- Campo compacto para no alargar el dashboard --- */ body.bs-anotacion-activa .bs-field-panel-h { height: clamp(200px, 24vh, 300px) !important; } body.bs-anotacion-activa #bs_pitch_panel { max-height: 130px !important; overflow-y: auto !important; } body.bs-anotacion-activa #bs_pitch_panel button { padding-top: 8px !important; padding-bottom: 8px !important; margin-bottom: 6px !important; } /* --- Grid: columna jugadora e innings proporcionales al ancho --- */ :root { --bs-grid-player-col: clamp(150px, 15vw, 210px); } body.bs-anotacion-activa #tabla_grid_body td { height: clamp(76px, 8vh, 104px) !important; } /* Tamano de celdas scorebook: lo controla V68.28 (look compacto original). */ body.bs-anotacion-activa .bs-sb-player-box { min-height: 66px !important; } /* ============================================================ ESCRITORIO / TABLET ANCHA (>=1024px): dashboard en zonas ============================================================ */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_btn_toggle_grid_movil { display: none !important; } body.bs-anotacion-activa #bs_grid_card.bs-grid-mobile-collapsed { display: flex !important; } body.bs-anotacion-activa #bs_anotacion_card { padding: 12px !important; overflow: visible !important; } /* Contenedor interno del anotador: una columna que apila (1) el dashboard #bs_play_card y (2) acciones secundarias */ body.bs-anotacion-activa #bs_anotacion_card > .bs-anotacion-inner-grid, body.bs-anotacion-activa #bs_anotacion_card > .grid { display: flex !important; flex-direction: column !important; gap: 12px !important; } /* Dashboard en zonas: izquierda (stats) / centro (campo) / derecha (feed) y banda inferior a todo el ancho para la botonera */ body.bs-anotacion-activa #bs_play_card { display: grid !important; grid-template-columns: minmax(250px, 0.82fr) minmax(300px, 1fr) minmax(270px, 0.95fr) !important; grid-template-areas: 'score field feed' 'inning field feed' 'context field feed' 'countn countn countn' 'pad pad pad' !important; gap: 10px !important; align-items: start !important; } body.bs-anotacion-activa #bs_scoreboard_panel { grid-area: score !important; margin: 0 !important; } body.bs-anotacion-activa #bs_inning_panel { grid-area: inning !important; margin: 0 !important; } body.bs-anotacion-activa #bs_field_panel { grid-area: field !important; margin: 0 !important; height: 100% !important; min-height: 0 !important; } body.bs-anotacion-activa .bs-contexto-juego { grid-area: context !important; margin: 0 !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { grid-area: feed !important; margin: 0 !important; height: 100% !important; max-height: none !important; overflow-y: auto !important; } body.bs-anotacion-activa .bs-count-row { grid-area: countn !important; margin: 0 !important; align-self: start !important; height: auto !important; } body.bs-anotacion-activa #bs_action_pad { grid-area: pad !important; margin: 0 !important; } /* Banda de botones: conteo (3) + jugadas repartidas a lo ancho */ body.bs-anotacion-activa #bs_action_pad { display: grid !important; grid-template-columns: minmax(210px, 0.32fr) minmax(0, 1fr) !important; gap: 12px !important; align-items: start !important; } body.bs-anotacion-activa #bs_action_pad::before { grid-column: 1 / -1 !important; } body.bs-anotacion-activa #bs_count_buttons { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 50px !important; font-size: 12px !important; } body.bs-anotacion-activa #bs_secondary_actions > div { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; } body.bs-anotacion-activa #bs_secondary_actions button { min-height: 42px !important; font-size: 11px !important; } } /* Pantallas muy anchas: botonera de jugadas en una sola fila (9) */ @media (min-width: 1600px) { body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } } /* ---- bs_anotacion_limpia_v6827 ---- */ /* V68.27 - Anotacion limpia: menos chrome, proporciones estables al zoom (rem/%) */ body.bs-anotacion-activa #bs_panel_partido.bs-panel-focus { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } body.bs-anotacion-activa #contenedor_principal.bs-contenedor-focus { max-width: none !important; width: 100% !important; padding: 0.4rem 0.65rem 0.75rem !important; } body.bs-anotacion-activa #bs_workbench_layout { gap: 0.5rem !important; } body.bs-anotacion-activa #bs_barra_juego_compacta { position: sticky; top: 0; z-index: 25; } /* Botonera: columna completa, sin split 32/68 que rompe al zoom */ body.bs-anotacion-activa #bs_action_pad { display: flex !important; flex-direction: column !important; width: 100% !important; grid-template-columns: none !important; gap: 0.5rem !important; padding: 0.65rem !important; } body.bs-anotacion-activa #bs_count_buttons, body.bs-anotacion-activa #bs_play_buttons { display: grid !important; width: 100% !important; margin: 0 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0.5rem !important; } @media (min-width: 768px) { body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1200px) { body.bs-anotacion-activa #bs_play_buttons { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } } body.bs-anotacion-activa #bs_count_buttons button, body.bs-anotacion-activa #bs_play_buttons button { min-height: 2.85rem !important; font-size: 0.72rem !important; padding: 0.45rem 0.35rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Dashboard escritorio: conteo y botones a todo el ancho */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_play_card { grid-template-areas: 'score field feed' 'inning field feed' 'context field feed' 'countn countn countn' 'pad pad pad' !important; grid-template-columns: minmax(14rem, 0.9fr) minmax(16rem, 1fr) minmax(14rem, 0.9fr) !important; gap: 0.5rem !important; } body.bs-anotacion-activa .bs-field-panel-h { height: auto !important; min-height: 13rem !important; max-height: 16rem !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { max-height: 16rem !important; } } /* Grid libreta: porcentajes, no vw/vh */ body.bs-anotacion-activa { --bs-grid-player-col: 18%; } body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas table { table-layout: fixed !important; width: 100% !important; min-width: 0 !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { width: 18% !important; min-width: 6.5rem !important; max-width: 11rem !important; } body.bs-anotacion-activa #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { width: calc(82% / 7) !important; min-width: 0 !important; max-width: none !important; } body.bs-anotacion-activa #tabla_grid_body td { height: auto !important; min-height: 4.25rem !important; padding: 0.2rem !important; } body.bs-anotacion-activa .bs-sb-player-box { min-height: 3.75rem !important; } /* ---- bs_grid_legible_v6828 ---- */ /* V68.28 - Botones secundarios uniformes + grid legible al reducir ventana */ /* Barra secundaria: 5 botones mismo tamano, llenan el ancho */ body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-toolbar { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0.4rem !important; width: 100% !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-btn { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.2rem !important; width: 100% !important; min-height: 2.85rem !important; padding: 0.35rem 0.25rem !important; border-radius: 0.65rem !important; border: 1px solid rgb(30, 41, 59) !important; background: rgb(15, 23, 42) !important; font-size: 0.58rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; line-height: 1.1 !important; transition: background 0.12s ease !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-btn i { font-size: 0.85rem !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-undo { color: rgb(252, 211, 77) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-redo { color: rgb(103, 232, 249) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-note { color: rgb(125, 211, 252) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-bench { color: rgb(110, 231, 183) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-lineup { color: rgb(34, 211, 238) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-sub { color: rgb(167, 139, 250) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-btn:hover { background: rgb(30, 41, 59) !important; } @media (max-width: 767px) { body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.bs-anotacion-activa #bs_secondary_actions .bs-secondary-lineup { grid-column: span 1 !important; } } /* Columna jugadora mas ancha y nombre en 2 lineas */ body.bs-anotacion-activa { --bs-grid-player-col: 22% !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { width: 22% !important; min-width: 7.5rem !important; max-width: 13.5rem !important; } body.bs-anotacion-activa #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { width: calc(78% / 7) !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell { padding: 0.35rem 0.45rem !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-name { display: flex !important; flex-direction: column !important; gap: 0.05rem !important; overflow: visible !important; text-overflow: unset !important; -webkit-line-clamp: unset !important; white-space: normal !important; word-break: break-word !important; min-width: 0 !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-primer { font-size: 0.62rem !important; font-weight: 900 !important; color: rgb(226, 232, 240) !important; line-height: 1.1 !important; overflow: visible !important; text-overflow: unset !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-apellido { font-size: 0.58rem !important; font-weight: 800 !important; color: rgb(148, 163, 184) !important; line-height: 1.1 !important; overflow: visible !important; text-overflow: unset !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-main { align-items: flex-start !important; } body.bs-anotacion-activa .bs-sb-player-box { min-height: 4.5rem !important; } /* Celdas scorebook: recuperar el look compacto original (V68.23). El mini-diamante usa posiciones absolutas calibradas a 72x66px, por eso NO se estira: caja fija centrada en la columna. */ body.bs-anotacion-activa .bs-scorebook-cell-wrap { min-height: 96px !important; height: auto !important; overflow: visible !important; padding: 2px 0 !important; } body.bs-anotacion-activa .bs-scorebook-cell { width: 88px !important; max-width: 88px !important; min-height: 92px !important; height: auto !important; grid-template-rows: auto auto auto !important; row-gap: 2px !important; padding: 4px 3px !important; margin: 0 auto !important; overflow: visible !important; } body.bs-anotacion-activa .bs-sb-code-row { min-height: 14px !important; flex-wrap: nowrap !important; } body.bs-anotacion-activa .bs-scorebook-mini { width: 72px !important; height: 66px !important; max-width: none !important; margin: 0 auto !important; transform: scale(0.92) !important; transform-origin: center !important; } body.bs-anotacion-activa .bs-sb-chips { display: flex !important; flex-direction: column !important; gap: 1px !important; width: 100% !important; font-size: 0.46rem !important; line-height: 1.05 !important; font-weight: 800 !important; color: rgb(167, 243, 208) !important; text-align: center !important; } body.bs-anotacion-activa .bs-sb-chips span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; display: block !important; } body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { vertical-align: middle !important; } /* Panel de pitchers: dos tarjetas lado a lado, no bandas full-width */ body.bs-anotacion-activa #bs_pitch_panel { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.5rem !important; max-height: none !important; overflow: visible !important; } body.bs-anotacion-activa #bs_pitch_panel button { margin-bottom: 0 !important; padding: 0.5rem 0.75rem !important; } body.bs-anotacion-activa #bs_pitch_panel button .text-xl { font-size: 0.95rem !important; line-height: 1.2 !important; } @media (max-width: 767px) { body.bs-anotacion-activa #bs_pitch_panel { grid-template-columns: 1fr !important; } } /* ---- bs_columna_jugadora_v6830 ---- */ /* V68.30 - Columna jugadora homogenea + renglones claros para sustituciones */ /* Renglones delimitados y de altura pareja */ body.bs-anotacion-activa #tabla_grid_body tr { height: 6.75rem; border-bottom: 1px solid rgba(71, 85, 105, 0.55) !important; } body.bs-anotacion-activa #tabla_grid_body td { border-bottom: 1px solid rgba(51, 65, 85, 0.5) !important; } body.bs-anotacion-activa #tabla_grid_body tr:nth-child(even) td:not(:first-child) { background-color: rgba(15, 23, 42, 0.4); } /* Celda de jugadora: contenido centrado verticalmente, sin huecos */ body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell { padding: 0.4rem 0.55rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 0 !important; } body.bs-anotacion-activa .bs-sb-player-box { min-height: 0 !important; height: auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 0.3rem !important; } body.bs-anotacion-activa .bs-sb-player-main { align-items: center !important; gap: 0.4rem !important; } body.bs-anotacion-activa .bs-sb-player-sub { border-top: none !important; padding-top: 0 !important; gap: 0.3rem !important; align-items: center !important; } body.bs-anotacion-activa .bs-sb-player-line { display: none !important; } body.bs-anotacion-activa .bs-player-inicial-chip { border: 1px solid rgba(100, 116, 139, 0.4); border-radius: 999px; padding: 0.08rem 0.35rem; color: rgb(100, 116, 139); font-weight: 800; font-size: 0.5rem; letter-spacing: 0.05em; } /* V68.515 — línea "Asociada: #N NOMBRE" / "JD: #N NOMBRE" bajo la posición. */ body.bs-anotacion-activa .bs-player-jd-link { display: flex; align-items: center; gap: 0.25rem; font-size: 0.5rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; color: rgb(251, 191, 36); } body.bs-anotacion-activa .bs-player-jd-link i { font-size: 0.48rem; } /* Pista de sustitucion: siempre visible, se enciende al pasar/tocar */ body.bs-anotacion-activa .bs-player-cambio-hint { display: inline-flex; align-items: center; gap: 0.3rem; margin-top: 0.15rem; padding-top: 0.25rem; border-top: 1px dashed rgba(51, 65, 85, 0.75); font-size: 0.48rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(71, 85, 105); transition: color 0.15s ease; } body.bs-anotacion-activa .bs-player-cambio-hint i { font-size: 0.55rem; } body.bs-anotacion-activa .bs-grid-player-cell:hover .bs-player-cambio-hint, body.bs-anotacion-activa .bs-grid-player-cell:active .bs-player-cambio-hint { color: rgb(34, 211, 238); } /* ---- bs_anchos_superiores_v6831 ---- */ /* V68.31 - El tablero superior debe estirarse igual que la libreta. align-items: start heredado de capas viejas encogia los hijos del layout a su contenido cuando el contenedor es flex-column. */ body.bs-anotacion-activa #bs_workbench_layout { align-items: stretch !important; justify-items: stretch !important; } body.bs-anotacion-activa #bs_workbench_layout > * { width: 100% !important; max-width: 100% !important; } body.bs-anotacion-activa #bs_anotacion_card > .bs-anotacion-inner-grid, body.bs-anotacion-activa #bs_anotacion_card > .grid { align-items: stretch !important; width: 100% !important; } body.bs-anotacion-activa #bs_play_card, body.bs-anotacion-activa #bs_action_pad, body.bs-anotacion-activa #bs_secondary_actions { width: 100% !important; max-width: 100% !important; } /* ---- bs_movil_operativo_v6834 ---- */ /* V68.34 - Celular: botones de anotacion pegados al conteo (menos scroll) y libreta con columnas fijas + scroll horizontal (las columnas en % del escritorio comprimian las celdas de 88px en pantallas angostas). */ @media (max-width: 1023px) { /* Orden operativo: marcador, inning, bateadora/pitcher, conteo, BOTONES, y hasta abajo el campo y el feed de jugadas. */ body.bs-anotacion-activa #bs_play_card #bs_scoreboard_panel { order: 1 !important; } body.bs-anotacion-activa #bs_play_card #bs_inning_panel { order: 2 !important; } body.bs-anotacion-activa #bs_play_card .bs-contexto-juego { order: 3 !important; } body.bs-anotacion-activa #bs_play_card .bs-count-row { order: 4 !important; } body.bs-anotacion-activa #bs_play_card #bs_action_pad { order: 5 !important; } body.bs-anotacion-activa #bs_play_card #bs_field_panel { order: 6 !important; } body.bs-anotacion-activa #bs_play_card #bs_jugadas_entrada_panel { order: 7 !important; } /* Libreta: columnas de ancho fijo y scroll horizontal */ body.bs-anotacion-activa #vista_cuadricula, body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas { overflow-x: auto !important; } body.bs-anotacion-activa #vista_cuadricula table, body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas table { table-layout: fixed !important; width: auto !important; min-width: calc(7.5rem + 7 * 6.25rem) !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { width: 7.5rem !important; min-width: 7.5rem !important; max-width: 7.5rem !important; } body.bs-anotacion-activa #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { width: 6.25rem !important; min-width: 6.25rem !important; max-width: 6.25rem !important; } } /* ---- bs_movil_sticky_nombres_v6835 ---- */ /* V68.35 - Celular: columna de jugadoras por ENCIMA del scroll horizontal y nombres legibles. Dos problemas de la V68.34: 1) Los estados al-bat/prox pintaban la celda sticky con fondos semitransparentes (rgba .35/.55), y al desplazar la libreta las celdas de anotacion se veian a traves de la columna de nombres. 2) Con 7.5rem y word-break:break-word el nombre se partia en silabas verticales y el badge AL BAT robaba espacio en la misma linea. */ @media (max-width: 1023px) { /* --- Columna sticky: siempre encima y 100% opaca --- */ body.bs-anotacion-activa #tabla_grid_head th:first-child { position: sticky !important; left: 0 !important; z-index: 45 !important; background: rgb(2, 6, 23) !important; } body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell { position: sticky !important; left: 0 !important; z-index: 40 !important; background: rgb(2, 6, 23) !important; box-shadow: 10px 0 18px rgba(2, 6, 23, .75) !important; } /* Equivalentes opacos de los fondos rgba de V68.23 (mismo tono, sin transparencia) para que nada se transparente al hacer scroll. */ body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell:hover, body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell:active { background: rgb(4, 20, 41) !important; } body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell.bs-player-al-bat { background: rgb(5, 29, 51) !important; } body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell.bs-player-prox, body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell.bs-player-pitcher { background: rgb(2, 6, 23) !important; } body.bs-anotacion-activa #tabla_grid_body td.bs-grid-player-cell.bs-player-jd-par { background: rgb(41, 26, 3) !important; } /* --- Columna un poco mas ancha para que quepan los nombres --- */ body.bs-anotacion-activa #vista_cuadricula table, body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas table { min-width: calc(8.5rem + 7 * 6.25rem) !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { width: 8.5rem !important; min-width: 8.5rem !important; max-width: 8.5rem !important; } /* --- Nombre: una linea por palabra con ellipsis, sin partir silabas --- */ body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-name { word-break: normal !important; overflow-wrap: normal !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-primer, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-apellido { display: block !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* --- Badge de estado (AL BAT / PROX / P) a la esquina superior derecha para que no robe ancho al nombre --- */ body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-player-status { position: absolute !important; top: 0.3rem !important; right: 0.3rem !important; z-index: 1 !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-main { padding-right: 2.1rem !important; align-items: center !important; } /* --- Chips (posicion, numero, inicial/cambio) con espaciado uniforme --- */ body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-sub { flex-wrap: wrap !important; gap: 0.25rem !important; row-gap: 0.2rem !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-player-cambio-hint { margin-top: 0.2rem !important; } } /* ---- bs_detalle_turno_movil_v6836 ---- */ /* V68.36 - Celular: botones Exportar/Finalizar sin desbordar; chips por turno legibles. */ @media (max-width: 760px) { body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; width: 100% !important; } body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) button, body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) a { min-width: 0 !important; max-width: 100% !important; width: 100% !important; padding: 8px 5px !important; font-size: 9px !important; letter-spacing: 0.03em !important; line-height: 1.1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; justify-content: center !important; } body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) button i, body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) a i { margin-right: 3px !important; font-size: 10px !important; flex-shrink: 0 !important; } body.bs-anotacion-activa #bs_btn_cierre_partido_top { font-size: 8px !important; letter-spacing: 0.02em !important; } } @media (max-width: 420px) { body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) button, body.bs-anotacion-activa #bs_acciones_partido_movil:not(.bs-opciones-partido-collapsed) a { font-size: 8px !important; padding: 7px 4px !important; } } body.bs-anotacion-activa .bs-sb-chips .bs-sb-chip-turno { display: inline-block; margin-right: 2px; padding: 0 3px; border-radius: 4px; border: 1px solid rgba(34, 211, 238, .35); background: rgba(8, 51, 68, .55); color: rgb(165, 243, 252); font-size: 7px; font-weight: 900; line-height: 1.2; vertical-align: middle; } /* ---- bs_pitcher_stats_contexto_v6841 ---- */ /* V68.41 - Stats del pitcher en tarjeta LANZANDO: legibles en movil */ .bs-pitcher-stats-contexto { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.65rem; margin-top: 0.35rem; font-size: 0.72rem; font-weight: 800; line-height: 1.25; letter-spacing: 0.01em; text-transform: none; } .bs-pitcher-stat-chip { display: inline-flex; align-items: baseline; gap: 0.28rem; padding: 0.18rem 0.55rem; border-radius: 999px; border: 1px solid transparent; white-space: nowrap; } .bs-pitcher-stat-pitches { border-color: rgba(34, 211, 238, 0.35); background: rgba(8, 47, 73, 0.45); color: rgb(165, 243, 252); } .bs-pitcher-stat-hits { border-color: rgba(52, 211, 153, 0.35); background: rgba(6, 78, 59, 0.42); color: rgb(167, 243, 208); } .bs-pitcher-stat-value { font-size: 0.95rem; font-weight: 1000; line-height: 1; } .bs-pitcher-stat-label { font-size: 0.68rem; font-weight: 800; opacity: 0.92; } .bs-pitcher-stat-sep { color: rgba(148, 163, 184, 0.75); font-size: 0.85rem; font-weight: 900; line-height: 1; user-select: none; } @media (max-width: 420px) { .bs-pitcher-stats-contexto { gap: 0.4rem 0.5rem; } .bs-pitcher-stat-sep { display: none; } .bs-pitcher-stat-chip { flex: 1 1 auto; justify-content: center; min-width: calc(50% - 0.35rem); } } /* ---- bs_scorebook_coherencia_v6839 ---- */ /* V68.39 - Coherencia scorebook: badges BATEA/LANZA, entrada viva, columna jugadora desktop */ .bs-entrada-viva-badge, .bs-batea-lanza-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 0.18rem 0.55rem; font-size: 0.58rem; font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; line-height: 1.1; } .bs-entrada-viva-badge { border: 1px solid rgba(52, 211, 153, .55); background: rgba(6, 78, 59, .45); color: rgb(167, 243, 208); } .bs-batea-badge { border: 1px solid rgba(34, 211, 238, .45); background: rgba(8, 47, 73, .55); color: rgb(103, 232, 249); } .bs-lanza-badge { border: 1px solid rgba(168, 85, 247, .45); background: rgba(59, 7, 100, .45); color: rgb(216, 180, 254); } .bs-grid-estado-vivo { width: 100%; } body.bs-anotacion-activa #tabla_grid_head .bs-sb-inning-viva { box-shadow: inset 0 -2px 0 rgba(52, 211, 153, .75); } /* Desktop: columna jugadora mas legible sin tocar reglas movil V68.35/36 */ @media (min-width: 1024px) { :root { --bs-grid-player-col: clamp(168px, 14vw, 280px); } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-name { font-size: 0.84rem; line-height: 1.12; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-box { min-height: 92px; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-order { width: 1.55rem; height: 1.55rem; font-size: 0.66rem; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-sub { font-size: 0.56rem; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { font-size: 0.72rem; } } @media (min-width: 1500px) { :root { --bs-grid-player-col: clamp(180px, 13vw, 300px); } } /* ---- bs_scorebook_v6843 ---- */ /* V68.43 - AL BAT mas visible + columna jugadora desktop aprovecha ancho */ /* Turno al bate: resaltado fuerte en grid y badge */ body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell.bs-player-al-bat { background: rgba(6, 78, 95, 0.72) !important; box-shadow: inset 5px 0 0 rgb(34, 211, 238), 0 0 0 1px rgba(34, 211, 238, 0.45), 0 0 18px rgba(34, 211, 238, 0.22) !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell.bs-player-al-bat .bs-sb-player-order { background: rgb(34, 211, 238) !important; color: rgb(2, 6, 23) !important; border-color: rgb(103, 232, 249) !important; box-shadow: 0 0 10px rgba(34, 211, 238, 0.55); } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell.bs-player-al-bat .bs-sb-player-primer { color: rgb(224, 242, 254) !important; } body.bs-anotacion-activa #tabla_grid_body .bs-player-status-bat { background: rgb(34, 211, 238) !important; color: rgb(2, 6, 23) !important; font-size: 0.5rem !important; padding: 0.18rem 0.45rem !important; box-shadow: 0 0 10px rgba(34, 211, 238, 0.65); animation: bs-al-bat-pulse 1.6s ease-in-out infinite; } @keyframes bs-al-bat-pulse { 0%, 100% { box-shadow: 0 0 8px rgba(34, 211, 238, 0.45); } 50% { box-shadow: 0 0 16px rgba(34, 211, 238, 0.85); } } /* Desktop: columna jugadora usa ancho util (no 7.5rem fijo) */ @media (min-width: 1024px) { body.bs-anotacion-activa { --bs-grid-player-col: clamp(11.5rem, 16vw, 20rem) !important; } body.bs-anotacion-activa #vista_cuadricula table, body.bs-anotacion-activa #vista_cuadricula.bs-grid-7-fijas table { table-layout: auto !important; width: 100% !important; min-width: 100% !important; } body.bs-anotacion-activa #tabla_grid_head th:first-child, body.bs-anotacion-activa #tabla_grid_body td:first-child { width: var(--bs-grid-player-col) !important; min-width: var(--bs-grid-player-col) !important; max-width: none !important; } body.bs-anotacion-activa #tabla_grid_head th:not(:first-child), body.bs-anotacion-activa #tabla_grid_body td:not(:first-child) { width: auto !important; min-width: 5.5rem !important; max-width: none !important; } body.bs-anotacion-activa #tabla_grid_body tr { height: auto !important; min-height: 5.75rem; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-name { font-size: 0.86rem !important; line-height: 1.15 !important; } body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-primer, body.bs-anotacion-activa #tabla_grid_body .bs-grid-player-cell .bs-sb-player-apellido { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; } body.bs-anotacion-activa .bs-sb-player-box { min-height: 4.75rem !important; } } /* ---- bs_banca_viewports_v6845 ---- */ /* V68.45 - Banca visible en celular, tablet y escritorio. El panel vive FUERA de #vista_cuadricula (overflow-x ya no la recorta). Ningun breakpoint debe ocultarla con display:none salvo .hidden del tab. */ body.bs-anotacion-activa #bs_banca_grid_panel, body.bs-anotacion-activa #bs_banca_panel, body.bs-anotacion-activa .bs-banca-bajo-libreta, body.bs-anotacion-activa .bs-banca-equipo-card { visibility: visible !important; opacity: 1 !important; max-height: none !important; overflow: visible !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } body.bs-anotacion-activa #bs_banca_grid_panel:not(.hidden), body.bs-anotacion-activa .bs-banca-bajo-libreta:not(.hidden) { display: block !important; } body.bs-anotacion-activa #bs_banca_grid_panel.hidden, body.bs-anotacion-activa #bs_banca_panel.hidden { display: none !important; } body.bs-anotacion-activa .bs-banca-ambos-equipos { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.75rem !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; max-height: none !important; } @media (min-width: 768px) { body.bs-anotacion-activa .bs-banca-ambos-equipos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Scroll horizontal solo en la libreta; no recortar banca debajo. */ body.bs-anotacion-activa #vista_cuadricula { overflow-y: visible !important; } body.bs-anotacion-activa #bs_grid_card { overflow: visible !important; } /* ---- bs_ruta_hit_zona_v68100 ---- */ /* V68.100: mapa de ruta/zona del batazo — diamante compacto, sin huecos enormes */ #bs_modal_runtime .bs-route-map { max-width: 100%; } #bs_modal_runtime .bs-route-field-wrap { max-width: 320px; margin-left: auto; margin-right: auto; } #bs_modal_runtime .bs-route-field { aspect-ratio: 1 / 1; max-height: min(58vh, 320px); } #bs_modal_runtime .bs-route-field svg { pointer-events: none !important; } #bs_modal_runtime .bs-route-pos { z-index: 10; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } #bs_modal_runtime .bs-route-pos:not([disabled]):active { transform: translate(-50%, -50%) scale(0.96); } @media (max-width: 420px) { #bs_modal_runtime .bs-route-field-wrap { max-width: 280px; } #bs_modal_runtime .bs-route-pos { min-width: 2.75rem !important; min-height: 2rem !important; font-size: 9px !important; padding-left: 0.35rem !important; padding-right: 0.35rem !important; } } /* ---- bs_chrome_opciones_v68120 ---- */ body.bs-anotacion-activa #bs_barra_cierre_partido { display: none !important; } body.bs-anotacion-activa .bs-exportar-movil-rapido { display: none !important; } body.bs-anotacion-activa #bs_version_wrap, body.bs-vista-publica-activa #bs_version_wrap { display: none !important; } body.bs-anotacion-activa .bs-btn-mas-opciones { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.4rem !important; min-height: 2.25rem !important; padding: 0.45rem 0.85rem !important; border-radius: 0.65rem !important; border: 1px solid rgba(34, 211, 238, 0.35) !important; background: rgba(8, 47, 73, 0.55) !important; color: rgb(207, 250, 254) !important; font-size: 0.62rem !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; white-space: nowrap !important; transition: background 0.12s ease, border-color 0.12s ease !important; } body.bs-anotacion-activa .bs-btn-mas-opciones:hover, body.bs-anotacion-activa .bs-btn-mas-opciones-abierto { background: rgba(14, 116, 144, 0.55) !important; border-color: rgba(34, 211, 238, 0.65) !important; } body.bs-anotacion-activa .bs-btn-mas-opciones i { font-size: 0.85rem !important; } body.bs-anotacion-activa .bs-menu-opciones-wrap { position: relative !important; z-index: 40 !important; } body.bs-anotacion-activa .bs-menu-mas-opciones { position: absolute !important; right: 0 !important; top: calc(100% + 6px) !important; z-index: 50 !important; min-width: min(18rem, 86vw) !important; max-width: min(22rem, 92vw) !important; padding: 0.55rem !important; border-radius: 0.9rem !important; border: 1px solid rgb(51, 65, 85) !important; background: rgba(2, 6, 23, 0.98) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(34, 211, 238, 0.08) !important; display: flex !important; flex-direction: column !important; gap: 0.2rem !important; } body.bs-anotacion-activa .bs-menu-mas-opciones.hidden { display: none !important; } /* V68.211 / V68.213 — Móvil: Más opciones = portal en body (no bajo z-30 del marcador). */ .bs-menu-mas-portal { position: fixed !important; inset: 0 !important; z-index: 10060 !important; pointer-events: none !important; } .bs-menu-mas-backdrop { position: fixed !important; inset: 0 !important; z-index: 10060 !important; background: rgba(2, 6, 23, 0.62) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; pointer-events: auto !important; } .bs-menu-mas-sheet { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10065 !important; width: 100% !important; max-height: min(72dvh, 34rem) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 0.55rem 0.85rem calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important; border-radius: 1.15rem 1.15rem 0 0 !important; border: 1px solid rgb(51, 65, 85) !important; border-bottom: none !important; background: rgba(2, 6, 23, 0.99) !important; box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.55) !important; display: flex !important; flex-direction: column !important; gap: 0.15rem !important; pointer-events: auto !important; } .bs-menu-mas-sheet-handle { width: 2.5rem !important; height: 0.28rem !important; margin: 0.15rem auto 0.45rem !important; border-radius: 9999px !important; background: rgba(148, 163, 184, 0.45) !important; } .bs-menu-mas-sheet-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.75rem !important; margin-bottom: 0.35rem !important; padding: 0 0.15rem 0.35rem !important; border-bottom: 1px solid rgb(30, 41, 59) !important; } .bs-menu-mas-sheet-title { margin: 0 !important; font-size: 0.72rem !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: rgb(165, 243, 252) !important; } .bs-menu-mas-sheet-cerrar { width: 2.25rem !important; height: 2.25rem !important; border-radius: 0.65rem !important; border: 1px solid rgb(51, 65, 85) !important; background: rgb(15, 23, 42) !important; color: rgb(203, 213, 225) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .bs-menu-mas-sheet-body { display: flex !important; flex-direction: column !important; gap: 0.2rem !important; } .bs-menu-mas-portal .bs-menu-opcion-label { margin: 0.25rem 0.35rem 0.15rem !important; font-size: 0.55rem !important; font-weight: 900 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgb(100, 116, 139) !important; } .bs-menu-mas-portal .bs-menu-opcion-sep { height: 1px !important; margin: 0.35rem 0.2rem !important; background: rgb(30, 41, 59) !important; } .bs-menu-mas-portal .bs-menu-opcion-item { display: flex !important; align-items: center !important; gap: 0.65rem !important; width: 100% !important; padding: 0.7rem 0.75rem !important; border-radius: 0.65rem !important; border: 1px solid transparent !important; background: transparent !important; color: rgb(226, 232, 240) !important; font-size: 0.72rem !important; font-weight: 800 !important; text-align: left !important; } .bs-menu-mas-portal .bs-menu-opcion-item i { width: 1.1rem !important; text-align: center !important; color: rgb(103, 232, 249) !important; } .bs-menu-mas-portal .bs-menu-opcion-peligro { color: rgb(254, 202, 202) !important; } .bs-menu-mas-portal .bs-menu-opcion-peligro i { color: rgb(248, 113, 113) !important; } .bs-fab-desbloquear-pad { position: fixed !important; left: 50% !important; bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important; transform: translateX(-50%) !important; z-index: 10070 !important; display: inline-flex !important; align-items: center !important; gap: 0.45rem !important; padding: 0.7rem 1rem !important; border-radius: 9999px !important; border: 1px solid rgba(251, 191, 36, 0.55) !important; background: rgba(69, 26, 3, 0.95) !important; color: rgb(254, 243, 199) !important; font-size: 0.7rem !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important; pointer-events: auto !important; } .bs-fab-desbloquear-pad.hidden { display: none !important; } /* V68.220 — Barra compacta «Subir ahora» (junto al chip; no banner del pad). */ .bs-subir-progress { flex: 1 1 100%; width: 100%; max-width: 16rem; margin: 0.35rem 0 0 auto; padding: 0.45rem 0.55rem; border-radius: 0.65rem; border: 1px solid rgba(16, 185, 129, 0.35); background: rgba(2, 6, 23, 0.92); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35); z-index: 40; } .bs-subir-progress.hidden { display: none !important; } .bs-subir-progress-fixed { position: fixed !important; top: calc(0.75rem + env(safe-area-inset-top, 0px)); right: 0.75rem; left: auto; margin: 0 !important; z-index: 10050 !important; } .bs-sync-chip-wrap { position: relative; flex-wrap: wrap; } .bs-subir-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.3rem; } .bs-subir-progress-label { font-size: 0.62rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: rgb(167, 243, 208); line-height: 1.2; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bs-subir-progress-pct { font-size: 0.72rem; font-weight: 900; font-variant-numeric: tabular-nums; color: rgb(110, 231, 183); flex-shrink: 0; } .bs-subir-progress-track { height: 0.35rem; border-radius: 9999px; background: rgba(30, 41, 59, 0.95); overflow: hidden; } .bs-subir-progress-fill { height: 100%; width: 0%; border-radius: 9999px; background: linear-gradient(90deg, rgb(16, 185, 129), rgb(52, 211, 153)); transition: width 0.22s ease-out; } .bs-subir-progress-error { border-color: rgba(251, 191, 36, 0.45) !important; } .bs-subir-progress-error .bs-subir-progress-label, .bs-subir-progress-error .bs-subir-progress-pct { color: rgb(253, 230, 138) !important; } .bs-subir-progress-error .bs-subir-progress-fill { background: linear-gradient(90deg, rgb(217, 119, 6), rgb(251, 191, 36)) !important; } .bs-menu-mas-portal.hidden { display: none !important; } @media (max-width: 1023px) { /* Dropdown inline ya no se usa en móvil (portal). Por si queda abierto, no pelea. */ body.bs-anotacion-activa .bs-menu-mas-opciones:not(.hidden) { display: none !important; } body.bs-menu-mas-abierto #bs_barra_juego_compacta .bs-marcador-estadio-board { position: relative !important; z-index: 1 !important; } .bs-subir-progress { max-width: min(16rem, 78vw); } } body.bs-anotacion-activa .bs-menu-opcion-label { margin: 0.25rem 0.35rem 0.15rem !important; font-size: 0.55rem !important; font-weight: 900 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgb(100, 116, 139) !important; } body.bs-anotacion-activa .bs-menu-opcion-sep { height: 1px !important; margin: 0.35rem 0.2rem !important; background: rgb(30, 41, 59) !important; } body.bs-anotacion-activa .bs-menu-opcion-item { display: flex !important; align-items: center !important; gap: 0.65rem !important; width: 100% !important; padding: 0.7rem 0.75rem !important; border-radius: 0.65rem !important; border: 1px solid transparent !important; background: transparent !important; color: rgb(226, 232, 240) !important; font-size: 0.72rem !important; font-weight: 800 !important; text-align: left !important; text-transform: none !important; letter-spacing: 0.01em !important; transition: background 0.1s ease !important; } body.bs-anotacion-activa .bs-menu-opcion-item i { width: 1.1rem !important; text-align: center !important; color: rgb(103, 232, 249) !important; flex-shrink: 0 !important; } body.bs-anotacion-activa .bs-menu-opcion-item:hover { background: rgb(15, 23, 42) !important; border-color: rgb(51, 65, 85) !important; } body.bs-anotacion-activa .bs-menu-opcion-peligro { color: rgb(254, 202, 202) !important; } body.bs-anotacion-activa .bs-menu-opcion-peligro i { color: rgb(248, 113, 113) !important; } body.bs-anotacion-activa .bs-menu-opcion-peligro:hover { background: rgba(127, 29, 29, 0.35) !important; border-color: rgba(248, 113, 113, 0.35) !important; } body.bs-anotacion-activa #bs_btn_toggle_grid_movil { position: relative !important; z-index: 20 !important; margin-bottom: 0.75rem !important; } body.bs-anotacion-activa #bs_barra_juego_compacta { z-index: 30 !important; } /* ---- bs_movil_thumb_zone_v68136 ---- */ /* Escritorio / tablet ancha: el dock no altera el grid (display:contents). */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_scoring_dock { display: contents !important; } } @media (max-width: 1023px) { /* Anula orden V68.34 (pad antes del diamante). */ body.bs-anotacion-activa #bs_play_card #bs_scoreboard_panel { order: 1 !important; } body.bs-anotacion-activa #bs_play_card #bs_inning_panel { order: 2 !important; } body.bs-anotacion-activa #bs_play_card #bs_field_panel { order: 3 !important; } body.bs-anotacion-activa #bs_play_card .bs-contexto-juego { order: 4 !important; } body.bs-anotacion-activa #bs_play_card #bs_jugadas_entrada_panel { order: 5 !important; } body.bs-anotacion-activa #bs_play_card #bs_scoring_dock { order: 6 !important; } body.bs-anotacion-activa #bs_anotacion_card > .grid > #bs_secondary_actions, body.bs-anotacion-activa #bs_anotacion_card > .bs-anotacion-inner-grid > #bs_secondary_actions { order: 7 !important; } body.bs-anotacion-activa #bs_play_card { display: flex !important; flex-direction: column !important; gap: 8px !important; padding-bottom: 0.25rem !important; } /* Diamante visible arriba */ body.bs-anotacion-activa #bs_field_panel { order: 3 !important; min-height: 200px !important; max-height: 280px !important; margin-bottom: 0 !important; } /* Últimas jugadas compactas: SOLO panel inline (nunca la modal). */ body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) { max-height: 132px !important; min-height: 0 !important; overflow: hidden !important; padding: 8px 10px !important; opacity: 0.95 !important; border-color: rgba(51, 65, 85, 0.75) !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel::before, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"])::before { content: "ÚLTIMAS JUGADAS" !important; font-size: 9px !important; letter-spacing: 0.12em !important; color: rgba(148, 163, 184, 0.95) !important; margin-bottom: 4px !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-feed-head, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-feed-head { margin-bottom: 4px !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-feed-title, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-feed-title { display: none !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-feed-summary, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-feed-summary { font-size: 0.72rem !important; line-height: 1.15 !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-anotaciones-list, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-anotaciones-list { max-height: 56px !important; overflow-y: auto !important; gap: 4px !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-anotaciones-list button, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-anotaciones-list button { min-height: 0 !important; padding: 6px 8px !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-anotaciones-list button > p:last-child, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-anotaciones-list button > p:last-child { display: none !important; } /* Dock sticky: ANOTACIONES (conteo) + teclado en zona de pulgar */ body.bs-anotacion-activa #bs_scoring_dock { display: flex !important; flex-direction: column !important; gap: 8px !important; position: sticky !important; bottom: 0 !important; z-index: 48 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 8px 4px calc(10px + env(safe-area-inset-bottom, 0px)) !important; background: linear-gradient(180deg, rgba(2, 6, 23, 0.72) 0%, rgba(2, 6, 23, 0.96) 28%, #020617 100%) !important; border-top: 1px solid rgba(51, 65, 85, 0.9) !important; box-shadow: 0 -14px 32px rgba(2, 6, 23, 0.72) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } body.bs-anotacion-activa #bs_scoring_dock .bs-count-row { position: relative !important; margin: 0 !important; padding: 0.55rem 0.65rem 0.45rem !important; border-radius: 14px !important; border-color: rgba(56, 189, 248, 0.35) !important; background: rgba(15, 23, 42, 0.96) !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-row::before { content: "ANOTACIONES"; display: block; width: 100%; flex: 0 0 100%; order: -1; text-align: left; font-size: 9px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(125, 211, 252); margin-bottom: 2px; } body.bs-anotacion-activa #bs_scoring_dock #bs_action_pad { position: relative !important; margin: 0 !important; width: 100% !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons { margin-bottom: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 48px !important; } /* Contexto un poco más compacto en celular */ body.bs-anotacion-activa #bs_play_card .bs-contexto-juego { gap: 6px !important; margin-bottom: 0 !important; } body.bs-anotacion-activa #bs_play_card .bs-contexto-juego > * { padding: 0.45rem 0.65rem !important; } } @media (max-width: 430px) { body.bs-anotacion-activa #bs_field_panel { min-height: 180px !important; max-height: 240px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { max-height: 112px !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 46px !important; font-size: 11px !important; } } /* ---- bs_movil_scoring_glance_v68140 ---- */ /* Escritorio / tablet ancha: mini embasadas no aplica (hay diamante completo). */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_dock_bases { display: none !important; } } @media (max-width: 1023px) { /* Paneles voluminosos fuera del primer vistazo — el dock concentra lo operativo. */ body.bs-anotacion-activa #bs_scoreboard_panel, body.bs-anotacion-activa #bs_inning_panel, body.bs-anotacion-activa #bs_field_panel, body.bs-anotacion-activa #bs_play_card .bs-contexto-juego, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel { display: none !important; } /* Espacio inferior para que el contenido no quede bajo el dock fijo. */ body.bs-anotacion-activa #bs_anotacion_card { padding-bottom: calc(292px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa #bs_play_card { gap: 6px !important; padding-bottom: 0 !important; } /* Dock fijo = teclado en posición natural + embasadas + conteo. */ body.bs-anotacion-activa #bs_scoring_dock { display: flex !important; flex-direction: column !important; gap: 6px !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 55 !important; width: 100% !important; max-width: 100% !important; max-height: min(58dvh, 420px) !important; overflow: hidden !important; margin: 0 !important; padding: 6px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important; background: linear-gradient(180deg, rgba(2, 6, 23, 0.55) 0%, rgba(2, 6, 23, 0.94) 18%, #020617 100%) !important; border-top: 1px solid rgba(56, 189, 248, 0.35) !important; box-shadow: 0 -16px 36px rgba(2, 6, 23, 0.8) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* Embasadas compactas */ body.bs-anotacion-activa #bs_dock_bases { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 6px 8px !important; border-radius: 12px !important; border: 1px solid rgba(16, 185, 129, 0.35) !important; background: rgba(2, 44, 34, 0.55) !important; /* V68.358 — Reportado (con captura): la pantalla ENTERA se corría con scroll lateral en vez de solo la tablita de box score. Bug clásico de flexbox: un ítem flex sin min-width:0 se queda con min-width:auto, que toma el tamaño de su contenido SIN overflow como si no estuviera recortado — así que la tabla de 300px de ancho mínimo empujaba a todo #bs_dock_bases (y de ahí a #bs_scoring_dock, también flex) más ancho que la pantalla. min-width:0 aquí y en .bs-dock-boxscore de abajo deja que overflow-x del contenedor interno sí haga su trabajo de recortar. */ min-width: 0 !important; } /* V68.355 — Pizarra box score (EQ/1-7/C-H-E-DEB) + Retos, siempre visible en el dock móvil — pedido explícito: "todo lo disponible siempre es importante información de primera mano al anotador". Reemplaza el renglón simple de V68.349 (marcador solo). */ body.bs-anotacion-activa .bs-dock-boxscore { min-width: 0 !important; padding-bottom: 5px !important; margin-bottom: 3px !important; border-bottom: 1px solid rgba(16, 185, 129, 0.25) !important; } body.bs-anotacion-activa .bs-dock-boxscore-scroll { min-width: 0 !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } body.bs-anotacion-activa .bs-dock-boxscore-table { width: 100% !important; min-width: 300px !important; border-collapse: collapse !important; font-variant-numeric: tabular-nums !important; } body.bs-anotacion-activa .bs-dock-boxscore-table th { padding: 1px 2px !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: rgb(100, 116, 139) !important; text-align: center !important; } /* Sin color aquí a propósito: las celdas de 1-7 las pinta celdaLineScore() (mismo helper que #bs_scoreboard_panel) con sus propias clases Tailwind (resalta la entrada en curso en cian) — forzar color aquí las taparía. */ body.bs-anotacion-activa .bs-dock-boxscore-table td { padding: 1px 2px !important; font-size: 10px !important; font-weight: 900 !important; text-align: center !important; } body.bs-anotacion-activa .bs-dock-boxscore-table .bs-dock-bs-eq { text-align: left !important; max-width: 5.5rem !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Celdas propias (nombre de equipo y C/H/E/DEB) sí necesitan color explícito — no vienen de celdaLineScore(), no traen su propia clase Tailwind. */ body.bs-anotacion-activa .bs-dock-boxscore-table .bs-dock-bs-eq, body.bs-anotacion-activa .bs-dock-boxscore-table .bs-dock-bs-stat { color: #fff !important; } body.bs-anotacion-activa .bs-dock-boxscore-table .bs-dock-bs-sep { border-left: 2px solid rgba(51, 65, 85, 0.85) !important; } body.bs-anotacion-activa .bs-dock-boxscore-foot { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; margin-top: 4px !important; } body.bs-anotacion-activa .bs-dock-boxscore-entrada { margin-right: auto !important; font-size: 10px !important; font-weight: 900 !important; color: rgb(110, 231, 183) !important; } body.bs-anotacion-activa .bs-dock-reto-btn { display: inline-flex !important; align-items: center !important; gap: 4px !important; border: 1px solid rgba(51, 65, 85, 0.9) !important; border-radius: 8px !important; background: rgba(15, 23, 42, 0.85) !important; padding: 3px 6px !important; font-size: 9px !important; font-weight: 800 !important; text-transform: uppercase !important; color: rgb(148, 163, 184) !important; } body.bs-anotacion-activa .bs-dock-reto-btn span { border-radius: 5px !important; background: rgba(8, 145, 178, 0.35) !important; color: rgb(103, 232, 249) !important; padding: 0 4px !important; font-weight: 1000 !important; } body.bs-anotacion-activa .bs-dock-reto-btn:disabled { opacity: 0.4 !important; } /* V68.350/353 — Quién lanza + pitcheos totales, botón (igual que la tarjeta "Lanzando" de la pestaña Más — mismo destino: verHistorialPitcher). */ body.bs-anotacion-activa .bs-dock-lanzando { display: flex !important; align-items: center !important; gap: 6px !important; width: 100% !important; padding: 4px 6px !important; margin: 2px 0 4px !important; border: 1px solid rgba(168, 85, 247, 0.35) !important; border-radius: 10px !important; background: rgba(59, 7, 100, 0.22) !important; font: inherit !important; text-align: left !important; cursor: pointer !important; color: rgb(224, 242, 254) !important; } body.bs-anotacion-activa .bs-dock-lanzando:hover { border-color: rgba(196, 132, 252, 0.6) !important; } body.bs-anotacion-activa .bs-dock-lanzando i { font-size: 11px !important; color: rgb(196, 132, 252) !important; flex: 0 0 auto !important; } body.bs-anotacion-activa .bs-dock-lanzando-texto { display: flex !important; flex-direction: column !important; gap: 1px !important; min-width: 0 !important; flex: 1 1 auto !important; } body.bs-anotacion-activa .bs-dock-lanzando-leyenda { font-size: 8px !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: rgb(196, 132, 252) !important; } body.bs-anotacion-activa .bs-dock-lanzando-nombre { min-width: 0 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.bs-anotacion-activa .bs-dock-lanzando-pit { flex: 0 0 auto !important; font-size: 10px !important; color: rgb(196, 181, 253) !important; font-weight: 1000 !important; } /* V68.351 — Exportar / Más opciones, accesos directos siempre visibles en el dock móvil (antes solo vivían en la barra de arriba, fuera de vista al anotar). */ body.bs-anotacion-activa .bs-dock-acciones-rapidas { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; padding: 2px 0 4px !important; } /* V68.357 — Con Visitas presente son 3 accesos, no 2. */ body.bs-anotacion-activa .bs-dock-acciones-rapidas-3 { grid-template-columns: 1fr 1fr 1fr !important; } /* V68.585 — Con el toggle de sync (En vivo/Solo local) Y Visitas, son 4. */ body.bs-anotacion-activa .bs-dock-acciones-rapidas-4 { grid-template-columns: 1fr 1fr 1fr 1fr !important; } body.bs-anotacion-activa .bs-dock-accion-rapida { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 34px !important; border-radius: 10px !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; } body.bs-anotacion-activa .bs-dock-accion-exportar { color: rgb(233, 213, 255) !important; border: 1px solid rgba(168, 85, 247, 0.45) !important; background: rgba(59, 7, 100, 0.4) !important; } body.bs-anotacion-activa .bs-dock-accion-mas { color: rgb(203, 213, 225) !important; border: 1px solid rgba(51, 65, 85, 0.95) !important; background: rgba(15, 23, 42, 0.85) !important; } /* V68.357 — Visitas/conferencias defensivas: acceso compacto en el dock (la tarjeta completa, htmlContadorConferenciasEquipo, sigue oculta ahí por tamaño — este botón es el reemplazo alcanzable en celular). */ body.bs-anotacion-activa .bs-dock-accion-visitas { color: rgb(165, 243, 252) !important; border: 1px solid rgba(8, 145, 178, 0.5) !important; background: rgba(8, 47, 73, 0.4) !important; } body.bs-anotacion-activa .bs-dock-accion-visitas.is-limite { color: rgb(252, 211, 77) !important; border-color: rgba(217, 119, 6, 0.55) !important; background: rgba(69, 26, 3, 0.4) !important; } /* V68.585 — Botón de encendido de sync (En vivo=sube sola / Solo local=no sube sola), siempre visible en el dock móvil (antes solo dentro de Más opciones o en la barra de arriba, fuera de vista al anotar). */ body.bs-anotacion-activa .bs-dock-accion-sync { color: rgb(134, 239, 172) !important; border: 1px solid rgba(22, 163, 74, 0.5) !important; background: rgba(5, 46, 22, 0.4) !important; } body.bs-anotacion-activa .bs-dock-accion-sync.es-local { color: rgb(252, 211, 77) !important; border-color: rgba(217, 119, 6, 0.55) !important; background: rgba(69, 26, 3, 0.4) !important; } body.bs-anotacion-activa .bs-dock-bases-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 8px !important; min-width: 0 !important; flex-wrap: wrap !important; } body.bs-anotacion-activa .bs-dock-bases-title { font-size: 9px !important; font-weight: 900 !important; letter-spacing: 0.14em !important; color: rgb(110, 231, 183) !important; flex: 0 0 auto !important; padding-top: 1px !important; } /* V68.536 — AL BAT y las bases del dock pasaron de span/div a button (para abrir el tarjetón de la jugadora con un toque) — reset de estilos de botón nativo del navegador para que se vean igual que antes. */ body.bs-anotacion-activa .bs-dock-albat, body.bs-anotacion-activa .bs-dock-base { font-family: inherit !important; margin: 0 !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } /* V68.145 — AL BAT con nombre+apellido completos; permite 2 líneas */ body.bs-anotacion-activa .bs-dock-albat { min-width: 0 !important; flex: 1 1 12rem !important; max-width: 100% !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; text-align: right !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: rgb(224, 242, 254) !important; } body.bs-anotacion-activa .bs-dock-bases-row { display: flex !important; align-items: stretch !important; gap: 5px !important; min-width: 0 !important; } body.bs-anotacion-activa .bs-dock-base { flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 1px !important; padding: 4px 6px !important; border-radius: 8px !important; border: 1px solid rgba(71, 85, 105, 0.85) !important; background: rgba(15, 23, 42, 0.92) !important; } body.bs-anotacion-activa .bs-dock-base.is-on { border-color: rgba(52, 211, 153, 0.7) !important; background: rgba(6, 78, 59, 0.55) !important; box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.25) !important; } body.bs-anotacion-activa .bs-dock-base-label { font-size: 9px !important; font-weight: 900 !important; letter-spacing: 0.1em !important; color: rgb(148, 163, 184) !important; } body.bs-anotacion-activa .bs-dock-base.is-on .bs-dock-base-label { color: rgb(167, 243, 208) !important; } body.bs-anotacion-activa .bs-dock-base-name { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; line-height: 1.1 !important; color: rgb(226, 232, 240) !important; } body.bs-anotacion-activa .bs-dock-base.is-on .bs-dock-base-name { color: rgb(209, 250, 229) !important; } body.bs-anotacion-activa .bs-dock-base.is-empty .bs-dock-base-name { color: rgb(100, 116, 139) !important; font-weight: 700 !important; } /* Mini diamante a la derecha de los chips */ body.bs-anotacion-activa .bs-dock-mini-diamond { position: relative !important; flex: 0 0 44px !important; width: 44px !important; height: 44px !important; align-self: center !important; } body.bs-anotacion-activa .bs-md-base { position: absolute !important; width: 11px !important; height: 11px !important; border: 2px solid rgb(100, 116, 139) !important; background: rgb(15, 23, 42) !important; transform: rotate(45deg) !important; box-sizing: border-box !important; } body.bs-anotacion-activa .bs-md-base.on { border-color: rgb(167, 243, 208) !important; background: rgb(16, 185, 129) !important; box-shadow: 0 0 8px rgba(16, 185, 129, 0.75) !important; } body.bs-anotacion-activa .bs-md-2b { top: 2px; left: 50%; margin-left: -5.5px; } body.bs-anotacion-activa .bs-md-3b { top: 16px; left: 4px; } body.bs-anotacion-activa .bs-md-1b { top: 16px; right: 4px; } body.bs-anotacion-activa .bs-md-home { position: absolute !important; bottom: 2px !important; left: 50% !important; margin-left: -6px !important; width: 12px !important; height: 10px !important; background: rgba(248, 250, 252, 0.9) !important; clip-path: polygon(0 0, 100% 0, 100% 45%, 50% 100%, 0 45%); } /* Conteo compacto: BOLA / STRIKE / OUT / FOUL / PIT */ body.bs-anotacion-activa #bs_scoring_dock .bs-count-row { position: relative !important; margin: 0 !important; padding: 4px 6px !important; gap: 2px !important; border-radius: 10px !important; border-color: rgba(56, 189, 248, 0.3) !important; background: rgba(15, 23, 42, 0.96) !important; flex-wrap: nowrap !important; justify-content: space-between !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-row::before { content: none !important; display: none !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-pit-total, body.bs-anotacion-activa #bs_scoring_dock .bs-conf-card { display: none !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-stat { flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-stat > p:first-child { font-size: 8px !important; letter-spacing: 0.06em !important; margin: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-pit-turno > p:first-child { font-size: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-pit-turno > p:first-child::after { content: "PIT"; font-size: 8px !important; font-weight: 900 !important; letter-spacing: 0.08em !important; color: rgb(100, 116, 139); } body.bs-anotacion-activa #bs_scoring_dock .bs-count-stat > p.text-3xl, body.bs-anotacion-activa #bs_scoring_dock .bs-count-row p.text-3xl { font-size: 1.15rem !important; line-height: 1 !important; } /* Teclado compacto pero usable con el pulgar */ body.bs-anotacion-activa #bs_scoring_dock #bs_action_pad { gap: 5px !important; margin: 0 !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons { gap: 5px !important; margin: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 42px !important; padding: 0.35rem 0.2rem !important; font-size: 11px !important; } /* Marcador estadio un poco más bajo para ganar viewport */ body.bs-anotacion-activa #bs_barra_juego_compacta.bs-marcador-estadio { padding-bottom: 0.25rem !important; } body.bs-anotacion-activa .bs-marcador-estadio-board { padding: 0.35rem 0.55rem 0.2rem !important; } } @media (max-width: 430px) { body.bs-anotacion-activa #bs_anotacion_card { padding-bottom: calc(268px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa #bs_scoring_dock { max-height: min(56dvh, 390px) !important; gap: 5px !important; padding: 5px 6px calc(6px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 40px !important; font-size: 10.5px !important; } body.bs-anotacion-activa .bs-dock-base-name { font-size: 10px !important; } } /* Teléfonos bajos: priorizar teclado + embasadas; conteo ultra-compacto */ @media (max-width: 1023px) and (max-height: 700px) { body.bs-anotacion-activa #bs_anotacion_card { padding-bottom: calc(248px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 38px !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-stat > p.text-3xl, body.bs-anotacion-activa #bs_scoring_dock .bs-count-row p.text-3xl { font-size: 1.05rem !important; } } /* Libreta abierta en celular: quitar dock fijo para no tapar el scorebook. V68.141 también usa body.bs-vista-movil-libreta (pestaña). */ @media (max-width: 1023px) { body.bs-anotacion-activa:has(#bs_grid_card:not(.bs-grid-mobile-collapsed)) #bs_scoring_dock, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_scoring_dock, body.bs-anotacion-activa.bs-vista-movil-paneles #bs_scoring_dock { display: none !important; } body.bs-anotacion-activa:has(#bs_grid_card:not(.bs-grid-mobile-collapsed)) #bs_anotacion_card, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_anotacion_card { padding-bottom: 0.75rem !important; } } /* ---- bs_vistas_movil_tabs_v68141 ---- */ /* Escritorio: la barra de pestañas no aplica. */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_vista_movil_tabs { display: none !important; } } @media (max-width: 1023px) { /* Sustituye el botón «Ver libreta» del fondo: ahora es pestaña. */ body.bs-anotacion-activa #bs_btn_toggle_grid_movil { display: none !important; } body.bs-anotacion-activa #bs_vista_movil_tabs { display: flex !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 60 !important; align-items: stretch !important; justify-content: space-between !important; gap: 4px !important; width: 100% !important; margin: 0 !important; padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)) !important; background: rgba(2, 6, 23, 0.98) !important; border-top: 1px solid rgba(56, 189, 248, 0.4) !important; box-shadow: 0 -10px 28px rgba(2, 6, 23, 0.75) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body.bs-anotacion-activa #bs_vista_movil_tabs [data-bs-vista-movil] { flex: 1 1 0 !important; min-width: 0 !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; min-height: 44px !important; padding: 6px 4px !important; border-radius: 10px !important; border: 1px solid transparent !important; background: transparent !important; color: rgb(148, 163, 184) !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; line-height: 1.1 !important; } body.bs-anotacion-activa #bs_vista_movil_tabs [data-bs-vista-movil] i { font-size: 15px !important; line-height: 1 !important; } body.bs-anotacion-activa #bs_vista_movil_tabs [data-bs-vista-movil].is-active { color: rgb(207, 250, 254) !important; border-color: rgba(34, 211, 238, 0.45) !important; background: rgba(8, 47, 73, 0.65) !important; box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.15) !important; } body.bs-anotacion-activa #bs_vista_movil_tabs [data-bs-vista-movil="libreta"].is-active { color: rgb(167, 243, 208) !important; border-color: rgba(16, 185, 129, 0.5) !important; background: rgba(6, 78, 59, 0.45) !important; } body.bs-anotacion-activa #bs_vista_movil_tabs [data-bs-vista-movil="paneles"].is-active { color: rgb(253, 224, 71) !important; border-color: rgba(234, 179, 8, 0.45) !important; background: rgba(69, 26, 3, 0.4) !important; } /* Dock encima de la barra de pestañas (no tapa Anotar/Libreta/Más). */ body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock { bottom: calc(52px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(344px + env(safe-area-inset-bottom, 0px)) !important; } /* Libreta: foco en el grid; vuelta clara con pestaña Anotar. */ body.bs-anotacion-activa.bs-vista-movil-libreta #bs_anotacion_card { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-libreta #bs_grid_card { margin-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa.bs-vista-movil-libreta #bs_btn_cerrar_grid_movil { display: inline-flex !important; align-items: center !important; gap: 0.35rem !important; } body.bs-anotacion-activa.bs-vista-movil-libreta #bs_btn_cerrar_grid_movil::after { content: "Anotar"; font-size: 10px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } /* Más: recupera paneles altos ocultos por V68.140 (sin enterrar la libreta). V68.147: «Últimas jugadas» inline sigue oculta — teaser + modal. */ body.bs-anotacion-activa.bs-vista-movil-paneles #bs_scoreboard_panel, body.bs-anotacion-activa.bs-vista-movil-paneles #bs_inning_panel, body.bs-anotacion-activa.bs-vista-movil-paneles #bs_field_panel, body.bs-anotacion-activa.bs-vista-movil-paneles #bs_play_card .bs-contexto-juego { display: block !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #bs_play_card .bs-contexto-juego { display: grid !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #bs_jugadas_teaser_movil { display: block !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #bs_anotacion_card { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #bs_grid_card.bs-grid-mobile-collapsed { display: none !important; } } @media (max-width: 430px) { body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(320px + env(safe-area-inset-bottom, 0px)) !important; } } @media (max-width: 1023px) and (max-height: 700px) { body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(300px + env(safe-area-inset-bottom, 0px)) !important; } } /* ---- bs_alineacion_compacta_v68173 ---- */ #bs_alineacion_hero_strip.bs-alin-active, #bs_alineacion_hero_strip:not(.hidden) { display: flex !important; flex-direction: column !important; min-height: 0 !important; } .bs-alin-layout { display: grid !important; grid-template-columns: minmax(140px, 240px) minmax(0, 1fr) !important; gap: 0.65rem !important; align-items: stretch !important; min-height: 0 !important; flex: 1 1 auto !important; } .bs-alin-campo-col { min-width: 0 !important; } .bs-alin-lineup-col { min-width: 0 !important; max-height: min(62vh, 520px) !important; } #bs_team_switcher_tabs { position: sticky !important; top: 0 !important; z-index: 25 !important; } @media (max-width: 639px) { .bs-alin-layout { grid-template-columns: 1fr !important; grid-template-rows: auto minmax(0, 1fr) !important; } .bs-alin-campo-col .bs-alin-campo { max-width: 200px !important; } .bs-alin-lineup-col { max-height: min(48vh, 380px) !important; } } @media (min-width: 1024px) { .bs-alin-lineup-col { max-height: min(70vh, 640px) !important; } } /* ---- bs_identidad_equipos_v68190 ---- */ /* ——— Tabs EQUIPOS: activo toma color del lado ——— */ .bs-team-tab-visita.bs-team-grid-tab-active { background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%) !important; border-color: #7dd3fc !important; color: #ffffff !important; box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.35), 0 4px 14px rgba(14, 165, 233, 0.32) !important; } .bs-team-tab-visita.bs-team-grid-tab-active .bs-team-grid-role { color: #e0f2fe !important; } .bs-team-tab-local.bs-team-grid-tab-active { background: linear-gradient(180deg, #d97706 0%, #b45309 100%) !important; border-color: #fcd34d !important; color: #ffffff !important; box-shadow: 0 0 0 1px rgba(252, 211, 77, 0.35), 0 4px 14px rgba(217, 119, 6, 0.32) !important; } .bs-team-tab-local.bs-team-grid-tab-active .bs-team-grid-role { color: #fef3c7 !important; } .bs-team-tab-visita.bs-team-grid-tab-inactive { border-color: #334155 !important; box-shadow: inset 3px 0 0 0 #38bdf8 !important; } .bs-team-tab-local.bs-team-grid-tab-inactive { border-color: #334155 !important; box-shadow: inset 3px 0 0 0 #fbbf24 !important; } .bs-equipos-switcher[data-bs-lado="VISITA"] .bs-equipos-switcher-label { color: #7dd3fc !important; } .bs-equipos-switcher[data-bs-lado="LOCAL"] .bs-equipos-switcher-label { color: #fbbf24 !important; } /* ——— Libreta vs ALINEACIÓN (contexto de vista) ——— */ .bs-vista-tab { color: #94a3b8 !important; background: transparent !important; border: 1px solid transparent !important; } .bs-vista-tab:hover { color: #f8fafc !important; } .bs-vista-tab-libreta.is-active { background: linear-gradient(180deg, #0d9488 0%, #0f766e 100%) !important; color: #ffffff !important; border-color: #5eead4 !important; box-shadow: 0 2px 10px rgba(13, 148, 136, 0.35) !important; } .bs-vista-tab-alin.is-active { background: linear-gradient(180deg, #7c3aed 0%, #6d28d9 100%) !important; color: #ffffff !important; border-color: #c4b5fd !important; box-shadow: 0 2px 10px rgba(124, 58, 237, 0.35) !important; } /* V68.363 — Reportado: JUGADORAS/TÉCNICO/AMPAYERS nunca tuvieron color de activo propio en ESTE archivo (solo LIBRETA y ALINEACIÓN) — pero js/boxscore-design.js sí los tenía ya definidos (mirror desincronizado); se copian aquí tal cual para que ambos archivos vuelvan a ser idénticos. */ .bs-vista-tab-jugadoras.is-active { background: linear-gradient(180deg, #10b981 0%, #059669 100%) !important; color: #ffffff !important; border-color: #6ee7b7 !important; box-shadow: 0 2px 10px rgba(16, 185, 129, 0.35) !important; } .bs-vista-tab-tecnico.is-active { background: linear-gradient(180deg, #0ea5e9 0%, #0284c7 100%) !important; color: #ffffff !important; border-color: #7dd3fc !important; box-shadow: 0 2px 10px rgba(14, 165, 233, 0.35) !important; } .bs-vista-tab-ampayers.is-active { background: linear-gradient(180deg, #ec4899 0%, #db2777 100%) !important; color: #ffffff !important; border-color: #f472b6 !important; box-shadow: 0 2px 10px rgba(236, 72, 153, 0.35) !important; } /* ——— Hero ALINEACIÓN: borde/fondo según lado ——— */ #bs_alineacion_hero_strip[data-bs-lado="VISITA"], #bs_alineacion_hero_strip.bs-alin-hero--visita { border-color: rgba(14, 165, 233, 0.45) !important; background: linear-gradient(145deg, #020617 0%, #0c4a6e33 55%, #020617 100%) !important; } #bs_alineacion_hero_strip[data-bs-lado="LOCAL"], #bs_alineacion_hero_strip.bs-alin-hero--local { border-color: rgba(217, 119, 6, 0.5) !important; background: linear-gradient(145deg, #020617 0%, #78350f33 55%, #020617 100%) !important; } /* ——— Tinte sutil del grid libreta por equipo visto ——— */ #vista_cuadricula.bs-grid-tint-visita { box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.22), inset 4px 0 0 0 rgba(56, 189, 248, 0.55) !important; } #vista_cuadricula.bs-grid-tint-local { box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.22), inset 4px 0 0 0 rgba(251, 191, 36, 0.55) !important; } /* ---- bs_equipos_switcher_v68182 ---- */ .bs-equipos-switcher { display: flex !important; flex-direction: column !important; gap: 0.4rem !important; width: 100% !important; } .bs-equipos-switcher-label { display: inline-flex !important; align-items: center !important; gap: 0.35rem !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: #67e8f9 !important; line-height: 1.2 !important; } .bs-equipos-switcher-label i { font-size: 11px !important; opacity: 0.95 !important; } .bs-equipos-switcher-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0.4rem !important; width: 100% !important; padding: 0.3rem !important; border-radius: 0.85rem !important; border: 1px solid #1e293b !important; background: #0f172a !important; } .bs-team-grid-tab { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.1rem !important; min-height: 48px !important; min-width: 0 !important; padding: 0.45rem 0.5rem !important; border-radius: 0.65rem !important; border: 1.5px solid transparent !important; font-weight: 900 !important; text-transform: uppercase !important; cursor: pointer !important; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important; -webkit-tap-highlight-color: transparent !important; touch-action: manipulation !important; } .bs-team-grid-name { display: block !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 12px !important; line-height: 1.15 !important; letter-spacing: 0.04em !important; } .bs-team-grid-role { display: block !important; font-size: 9px !important; letter-spacing: 0.16em !important; line-height: 1.1 !important; } /* Activo: pastilla cyan sólida, fácil de encontrar. */ .bs-team-grid-tab-active { background: linear-gradient(180deg, #0891b2 0%, #0e7490 100%) !important; border-color: #67e8f9 !important; color: #ffffff !important; box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.35), 0 4px 14px rgba(8, 145, 178, 0.35) !important; } .bs-team-grid-tab-active .bs-team-grid-name { color: #ffffff !important; } .bs-team-grid-tab-active .bs-team-grid-role { color: #cffafe !important; } /* Inactivo: sigue viéndose como botón (borde + fondo), no texto fantasma. */ .bs-team-grid-tab-inactive { background: #1e293b !important; border-color: #475569 !important; color: #e2e8f0 !important; box-shadow: none !important; } .bs-team-grid-tab-inactive .bs-team-grid-name { color: #f1f5f9 !important; } .bs-team-grid-tab-inactive .bs-team-grid-role { color: #94a3b8 !important; } .bs-team-grid-tab-inactive:hover, .bs-team-grid-tab-inactive:focus-visible { background: #334155 !important; border-color: #64748b !important; color: #ffffff !important; outline: none !important; } .bs-team-grid-tab-active:focus-visible { outline: 2px solid #a5f3fc !important; outline-offset: 2px !important; } .bs-equipos-switcher--alin .bs-equipos-switcher-tabs { background: #020617 !important; } @media (min-width: 640px) { .bs-equipos-switcher { flex-direction: row !important; align-items: center !important; gap: 0.65rem !important; } .bs-equipos-switcher-label { flex: 0 0 auto !important; white-space: nowrap !important; } .bs-equipos-switcher-tabs { flex: 1 1 auto !important; } .bs-team-grid-tab { min-height: 44px !important; } .bs-team-grid-name { font-size: 13px !important; } } /* ---- bs_pad_visible_v68171 ---- */ @media (max-width: 1023px) { /* Dock: columna flex arriba del tab bar; el pad scrollea si no cabe. */ body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 5px !important; /* Tab bar ~52–56px + safe-area: el teclado nunca queda debajo. */ bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important; /* Altura útil = viewport − tab − chrome superior. dvh al final (móvil moderno). */ max-height: calc(100vh - 56px - env(safe-area-inset-bottom, 0px) - 88px) !important; max-height: calc(100dvh - 56px - env(safe-area-inset-bottom, 0px) - 88px) !important; overflow: hidden !important; padding: 5px 6px 6px !important; box-sizing: border-box !important; } body.bs-anotacion-activa #bs_dock_bases, body.bs-anotacion-activa #bs_scoring_dock .bs-count-row, body.bs-anotacion-activa #bs_dock_tools { flex: 0 0 auto !important; flex-shrink: 0 !important; } /* 7 tools en 1 fila (antes 6 cols → Glosario en 2.ª fila → OUT clip). */ body.bs-anotacion-activa #bs_dock_tools { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 2px !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool { min-height: 30px !important; padding: 2px 0 !important; font-size: 7px !important; gap: 0 !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool i { font-size: 11px !important; } /* Pad: crece en el espacio restante y scrollea; OUT siempre alcanzable. */ body.bs-anotacion-activa #bs_scoring_dock #bs_action_pad { flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; gap: 4px !important; padding-bottom: 4px !important; scrollbar-width: thin; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons { gap: 4px !important; margin: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 40px !important; padding: 0.3rem 0.15rem !important; font-size: 10.5px !important; } /* Última fila (BG / ROBO / ERR / OUT): nunca recortada al borde. */ body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons { padding-bottom: 2px !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons .bs-btn-out { box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.35) !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(min(62dvh, 480px) + 64px + env(safe-area-inset-bottom, 0px)) !important; } } @media (max-width: 430px) { body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock { bottom: calc(54px + env(safe-area-inset-bottom, 0px)) !important; max-height: calc(100vh - 54px - env(safe-area-inset-bottom, 0px) - 78px) !important; max-height: calc(100dvh - 54px - env(safe-area-inset-bottom, 0px) - 78px) !important; gap: 4px !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool { min-height: 28px !important; font-size: 6.5px !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 38px !important; font-size: 10px !important; } } /* Pantallas bajas (landscape / notch): pad scrollea; botones un poco más bajos. */ @media (max-width: 1023px) and (max-height: 700px) { body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock { max-height: calc(100vh - 54px - env(safe-area-inset-bottom, 0px) - 64px) !important; max-height: calc(100dvh - 54px - env(safe-area-inset-bottom, 0px) - 64px) !important; } body.bs-anotacion-activa #bs_scoring_dock #bs_count_buttons button, body.bs-anotacion-activa #bs_scoring_dock #bs_play_buttons button { min-height: 36px !important; } body.bs-anotacion-activa #bs_dock_bases { padding: 4px 6px !important; } } /* ---- bs_fix_criticos_v68154 ---- */ /* Franja de entradas: fija respecto al card; solo el grid scrollea debajo. */ body.bs-anotacion-activa #bs_grid_inning_strip.bs-grid-inn-strip { position: relative !important; z-index: 24 !important; flex-shrink: 0 !important; background: rgba(2, 6, 23, 0.98) !important; box-shadow: 0 8px 18px rgba(2, 6, 23, 0.45) !important; } body.bs-anotacion-activa #bs_grid_card { display: flex !important; flex-direction: column !important; min-height: 0 !important; } body.bs-anotacion-activa #vista_cuadricula.bs-grid-fijo-viewport { min-height: 0 !important; flex: 1 1 auto !important; overflow: auto !important; -webkit-overflow-scrolling: touch !important; } /* Anotar: nunca mostrar feed inline (ni compacto ni teaser), salvo pestaña Más. */ body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel { display: none !important; } body.bs-anotacion-activa:not(.bs-vista-movil-paneles) #bs_jugadas_teaser_movil { display: none !important; } @media (min-width: 1024px) { body.bs-anotacion-activa #bs_jugadas_teaser_movil { display: none !important; } body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel { display: none !important; } } /* Modal: encabezado de grupo por entrada */ #bs_modal_runtime .bs-jugadas-inn-heading { margin: 0.35rem 0 0.45rem !important; padding: 0.2rem 0.35rem !important; font-size: 0.68rem !important; font-weight: 900 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgb(103, 232, 249) !important; border-left: 3px solid rgba(34, 211, 238, 0.75) !important; } #bs_modal_runtime .bs-jugadas-inn-group + .bs-jugadas-inn-group { margin-top: 0.75rem !important; padding-top: 0.55rem !important; border-top: 1px solid rgba(51, 65, 85, 0.55) !important; } /* ---- bs_jugadas_modal_v68147 ---- */ /* Escritorio: panel completo; teaser móvil no aplica. */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_jugadas_teaser_movil { display: none !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel { display: block !important; } } @media (max-width: 1023px) { /* Anotar y Más: nunca el feed voluminoso inline (compite con el dock). No aplica al panel dentro de la modal (#bs_modal_runtime). */ body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_play_card #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) { display: none !important; height: 0 !important; max-height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; pointer-events: none !important; } /* Teaser solo en pestaña Más (line score / diamante / contexto). */ body.bs-anotacion-activa #bs_jugadas_teaser_movil { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #bs_jugadas_teaser_movil { display: block !important; order: 5 !important; margin-top: 0.25rem !important; margin-bottom: 0.5rem !important; height: auto !important; max-height: none !important; overflow: visible !important; pointer-events: auto !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #bs_play_card { display: flex !important; flex-direction: column !important; } } /* Modal: lista con scroll del overlay; visible aunque V68.140 oculte el panel inline. */ #bs_modal_runtime #bs_jugadas_entrada_panel { display: block !important; } #bs_modal_runtime .bs-jugadas-modal-body .bs-anotaciones-list { max-height: none !important; } /* ---- bs_feed_escritorio_v68159 ---- */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel { display: block !important; } body.bs-anotacion-activa #bs_jugadas_teaser_movil { display: none !important; } } @media (max-width: 1023px) { body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel { display: none !important; } } /* Modal siempre visible (overlay). */ #bs_modal_runtime #bs_jugadas_entrada_panel { display: block !important; } /* Diamante: bases ocupadas / AL BAT clicables */ body.bs-anotacion-activa #bs_field_panel .bs-base-clickable, body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable { background: transparent !important; border: 0 !important; padding: 0 !important; appearance: none; -webkit-appearance: none; } body.bs-anotacion-activa #bs_field_panel .bs-base-clickable:hover .rotate-45 { filter: brightness(1.12); } body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable:hover .bs-albat-nombre { color: rgb(165, 243, 252) !important; } /* ---- bs_feed_compacto_v68161 ---- */ /* Lista densa: sin huecos de tarjetas grandes */ body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list, body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugadas-table, #bs_modal_runtime .bs-anotaciones-list, #bs_modal_runtime .bs-jugadas-table { display: flex !important; flex-direction: column !important; gap: 4px !important; max-width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list button, body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row, #bs_modal_runtime .bs-jugada-row, #bs_modal_runtime .bs-jugada-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 6px 8px !important; border-radius: 8px !important; border: 1px solid rgba(51, 65, 85, 0.85) !important; background: rgba(15, 23, 42, 0.72) !important; color: rgb(203, 213, 225) !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; text-align: left !important; gap: 3px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row.is-latest, #bs_modal_runtime .bs-jugada-row.is-latest, #bs_modal_runtime .bs-jugada-card.is-latest { border-color: rgba(34, 211, 238, 0.55) !important; background: rgba(8, 47, 73, 0.38) !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row:hover, #bs_modal_runtime .bs-jugada-row:hover { border-color: rgba(34, 211, 238, 0.7) !important; } /* R1: NOMBRE (izq., flex) | código badge (der., fijo) */ .bs-jugada-row-main, #bs_modal_runtime .bs-jugada-row-main, #bs_modal_runtime .bs-jugada-card-top { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 0.5rem !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .bs-jugada-row-name, .bs-jugada-batter, #bs_modal_runtime .bs-jugada-batter { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 0.78rem !important; font-weight: 1000 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: #fff !important; line-height: 1.2 !important; text-align: left !important; } .bs-jugada-code, #bs_modal_runtime .bs-jugada-code { flex: 0 0 auto !important; max-width: 42% !important; overflow: hidden !important; } .bs-jugada-code-mark, #bs_modal_runtime .bs-jugada-code-mark { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 2.4rem !important; max-width: 100% !important; min-height: 1.45rem !important; padding: 0.15rem 0.4rem !important; border-radius: 0.4rem !important; font-size: 0.68rem !important; font-weight: 1000 !important; letter-spacing: 0.03em !important; line-height: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* R2: descripción siempre bajo el nombre, ancho completo */ .bs-jugada-row-sub { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; } .bs-jugada-desc, #bs_modal_runtime .bs-jugada-desc { margin: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 0.65rem !important; font-weight: 700 !important; line-height: 1.25 !important; color: rgb(148, 163, 184) !important; display: block !important; text-align: left !important; visibility: visible !important; opacity: 1 !important; } /* R3: chips en zona controlada (wrap, nunca empujan fuera) */ .bs-jugada-row-chips { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .bs-jugada-meta { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0.25rem !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; } .bs-jugada-chip { display: inline-flex !important; align-items: center !important; max-width: 100% !important; padding: 0.12rem 0.4rem !important; border: 1px solid !important; border-radius: 0.3rem !important; font-size: 0.58rem !important; font-weight: 1000 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; line-height: 1.15 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Involucradas: más densas en modal */ #bs_modal_runtime .bs-jugada-involucradas { margin-top: 0.35rem !important; max-width: 100% !important; overflow: hidden !important; } #bs_modal_runtime .bs-jugada-inv-row { padding: 0.22rem 0.4rem !important; max-width: 100% !important; overflow: hidden !important; } /* Escritorio: lista con scroll y filas densas */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-anotaciones-list { max-height: 14rem !important; overflow-y: auto !important; overflow-x: hidden !important; gap: 4px !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-name { font-size: 0.72rem !important; } } /* ---- bs_feed_contencion_v68168 ---- */ #bs_jugadas_entrada_panel, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk, #bs_modal_runtime .bs-jugadas-modal-body { max-width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; } #bs_jugadas_entrada_panel .bs-feed-head, #bs_modal_runtime .bs-jugadas-modal-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 0.75rem !important; margin-bottom: 0.5rem !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } #bs_jugadas_entrada_panel .bs-feed-head-text, #bs_modal_runtime .bs-feed-head-text { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; } #bs_jugadas_entrada_panel .bs-feed-summary, #bs_modal_runtime .bs-feed-summary { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #bs_jugadas_entrada_panel .bs-feed-consulta, #bs_modal_runtime .bs-feed-consulta { flex: 0 0 auto !important; max-width: 42% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; border-radius: 9999px !important; border: 1px solid rgba(21, 94, 117, 0.85) !important; background: rgba(8, 51, 68, 0.55) !important; padding: 0.25rem 0.5rem !important; font-size: 0.58rem !important; font-weight: 1000 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: rgb(207, 250, 254) !important; } #bs_jugadas_entrada_panel .bs-jugadas-feed-body, #bs_modal_runtime .bs-jugadas-feed-body { max-width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; } /* Panel inline escritorio: scrollea el cuerpo. */ body.bs-anotacion-activa #bs_play_card > #bs_jugadas_entrada_panel .bs-jugadas-feed-body, body.bs-anotacion-activa #bs_lineup_area #bs_jugadas_entrada_panel:not([data-bs-jugadas-modal="1"]) .bs-jugadas-feed-body { max-height: 15rem !important; overflow-y: auto !important; } /* V68.211 — Modal: el scroll lo hace el contenedor del modal; el cuerpo NO colapsa a altura 0. */ #bs_modal_runtime .bs-jugadas-feed-body { flex: 0 0 auto !important; min-height: auto !important; max-height: none !important; overflow: visible !important; display: block !important; } #bs_modal_runtime .bs-jugadas-modal-body { display: flex !important; flex-direction: column !important; flex: 0 0 auto !important; min-height: auto !important; height: auto !important; } #bs_modal_runtime .bs-anotaciones-list, #bs_modal_runtime .bs-jugadas-table { display: flex !important; flex-direction: column !important; gap: 0.45rem !important; max-height: none !important; overflow: visible !important; min-height: auto !important; } #bs_modal_runtime .bs-jugada-row, #bs_modal_runtime .bs-jugada-card { display: flex !important; flex-direction: column !important; min-height: auto !important; visibility: visible !important; opacity: 1 !important; } #bs_jugadas_entrada_panel *, #bs_modal_runtime .bs-jugadas-modal-body * { box-sizing: border-box !important; } /* ---- bs_glosario_pad_pitcher_v68168 ---- */ .bs-pad-btn-wrap { position: relative !important; min-width: 0 !important; } .bs-pad-glosario-q { position: absolute !important; top: 3px !important; right: 3px !important; z-index: 2 !important; width: 1.15rem !important; height: 1.15rem !important; padding: 0 !important; border-radius: 9999px !important; border: 1px solid rgba(34, 211, 238, 0.55) !important; background: rgba(8, 47, 73, 0.92) !important; color: #a5f3fc !important; font-size: 0.62rem !important; font-weight: 1000 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .bs-pad-glosario-q:hover { border-color: #22d3ee !important; background: rgba(14, 116, 144, 0.95) !important; color: #fff !important; } .bs-pitcher-inn-row { display: flex !important; flex-wrap: wrap !important; gap: 0.35rem !important; max-width: 100% !important; overflow: hidden !important; } .bs-pitcher-inn-chip { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-width: 2.75rem !important; padding: 0.35rem 0.45rem !important; border-radius: 0.55rem !important; border: 1px solid rgba(88, 28, 135, 0.55) !important; background: rgba(15, 23, 42, 0.9) !important; color: #e9d5ff !important; cursor: pointer !important; } .bs-pitcher-inn-chip.is-selected { border-color: #c084fc !important; background: rgba(88, 28, 135, 0.45) !important; box-shadow: 0 0 0 1px rgba(192, 132, 252, 0.45) !important; } .bs-pitcher-inn-label { font-size: 0.58rem !important; font-weight: 1000 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; line-height: 1.1 !important; } .bs-pitcher-inn-pit { margin-top: 0.1rem !important; font-size: 0.78rem !important; font-weight: 1000 !important; color: #67e8f9 !important; line-height: 1 !important; } /* V68.180 — BIP (outs en juego) en chips de entrada */ .bs-pitcher-inn-bip { margin-top: 0.12rem !important; font-size: 0.52rem !important; font-weight: 1000 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: #c4b5fd !important; line-height: 1 !important; white-space: nowrap !important; } .bs-pitcher-inn-chip { min-width: 3rem !important; padding: 0.35rem 0.4rem !important; } .bs-pitcher-modal-scroll, .bs-glosario-lista { max-width: 100% !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; } .bs-glosario-tab { white-space: nowrap !important; } /* ---- bs_jugadas_modal_v68149 ---- */ /* —— Pantalla completa en teléfono / tablet —— */ @media (max-width: 1023px) { #bs_modal_runtime.bs-modal-jugadas-fs { padding: 0 !important; align-items: stretch !important; justify-content: stretch !important; background: rgba(2, 6, 23, 0.98) !important; } #bs_modal_runtime.bs-modal-jugadas-fs > .bs-modal-panel-jugadas { max-width: none !important; width: 100% !important; max-height: none !important; height: 100% !important; height: 100dvh !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; border-color: rgba(51, 65, 85, 0.85) !important; background: linear-gradient(180deg, rgba(2, 6, 23, 0.99) 0%, rgba(15, 23, 42, 0.98) 40%, rgba(15, 23, 42, 1) 100%) !important; } #bs_modal_runtime.bs-modal-jugadas-fs > .bs-modal-panel-jugadas > .flex-shrink-0:first-child { padding-top: calc(0.85rem + env(safe-area-inset-top, 0px)) !important; background: rgba(2, 6, 23, 0.96) !important; } #bs_modal_runtime.bs-modal-jugadas-fs > .bs-modal-panel-jugadas > .flex-shrink-0:last-child { padding-bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important; border-radius: 0 !important; background: rgba(2, 6, 23, 0.96) !important; } #bs_modal_runtime.bs-modal-jugadas-fs > .bs-modal-panel-jugadas > .flex-1 { padding-left: 0.85rem !important; padding-right: 0.85rem !important; padding-top: 0.65rem !important; } } /* Cuerpo del feed dentro de la modal — V68.211: no colapsar a altura 0 */ #bs_modal_runtime .bs-jugadas-modal-body { display: flex !important; flex-direction: column !important; gap: 0 !important; min-height: auto !important; height: auto !important; flex: 0 0 auto !important; } #bs_modal_runtime .bs-jugadas-modal-head { padding: 0 0.15rem 0.35rem !important; } /* Pager sticky: Entrada 1…N + Todas */ #bs_modal_runtime .bs-jugadas-nav.sticky { position: sticky !important; top: 0 !important; z-index: 5 !important; margin: 0 -0.15rem !important; padding: 0.45rem 0.15rem 0.55rem !important; background: linear-gradient(180deg, rgba(2, 6, 23, 0.98) 0%, rgba(15, 23, 42, 0.96) 70%, rgba(15, 23, 42, 0.88) 100%) !important; border-bottom: 1px solid rgba(51, 65, 85, 0.55) !important; } #bs_modal_runtime .bs-jugadas-pager { display: flex !important; flex-wrap: nowrap !important; gap: 0.35rem !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; padding-bottom: 0.2rem !important; } #bs_modal_runtime .bs-jugadas-pager::-webkit-scrollbar { display: none !important; } #bs_modal_runtime .bs-jugadas-page-chip { position: relative !important; flex: 0 0 auto !important; min-width: 2.35rem !important; height: 2.35rem !important; padding: 0 0.65rem !important; border-radius: 0.7rem !important; border: 1px solid rgba(51, 65, 85, 0.95) !important; background: rgba(15, 23, 42, 0.95) !important; color: rgb(148, 163, 184) !important; font-size: 0.78rem !important; font-weight: 900 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; line-height: 1 !important; } #bs_modal_runtime .bs-jugadas-page-chip.is-live { border-color: rgba(16, 185, 129, 0.55) !important; color: rgb(167, 243, 208) !important; } #bs_modal_runtime .bs-jugadas-page-chip.is-selected { border-color: rgba(34, 211, 238, 0.75) !important; background: rgba(8, 47, 73, 0.75) !important; color: rgb(207, 250, 254) !important; box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.25) !important; } #bs_modal_runtime .bs-jugadas-page-todas { min-width: 3.6rem !important; font-size: 0.68rem !important; letter-spacing: 0.08em !important; } #bs_modal_runtime .bs-jugadas-live-dot { position: absolute !important; top: 0.28rem !important; right: 0.28rem !important; width: 0.35rem !important; height: 0.35rem !important; border-radius: 999px !important; background: rgb(52, 211, 153) !important; box-shadow: 0 0 6px rgba(16, 185, 129, 0.7) !important; } #bs_modal_runtime .bs-jugadas-halfbar { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0.35rem !important; margin-top: 0.45rem !important; } #bs_modal_runtime .bs-jugadas-half-chip { min-height: 2rem !important; border-radius: 0.55rem !important; border: 1px solid rgba(51, 65, 85, 0.9) !important; background: rgba(15, 23, 42, 0.85) !important; color: rgb(148, 163, 184) !important; font-size: 0.62rem !important; font-weight: 900 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } #bs_modal_runtime .bs-jugadas-half-chip.is-selected { border-color: rgba(52, 211, 153, 0.55) !important; background: rgba(6, 78, 59, 0.4) !important; color: rgb(167, 243, 208) !important; } /* Secciones Alta / Baja */ #bs_modal_runtime .bs-jugadas-half-section { margin-bottom: 0.85rem !important; } #bs_modal_runtime .bs-jugadas-half-title { margin: 0 0 0.45rem !important; font-size: 0.62rem !important; font-weight: 900 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgb(100, 116, 139) !important; } /* Tarjeta de jugada (legado V68.149; V68.217 usa bs-jugada-row-v217) */ #bs_modal_runtime .bs-jugada-card { display: block !important; width: 100% !important; padding: 0.75rem 0.8rem !important; border-radius: 0.9rem !important; border: 1px solid rgba(51, 65, 85, 0.9) !important; background: rgba(15, 23, 42, 0.88) !important; color: rgb(226, 232, 240) !important; } #bs_modal_runtime .bs-jugada-card.is-latest { border-color: rgba(34, 211, 238, 0.45) !important; background: rgba(8, 47, 73, 0.35) !important; } #bs_modal_runtime .bs-jugada-card:active { border-color: rgba(34, 211, 238, 0.65) !important; } #bs_modal_runtime .bs-jugada-card-top { display: flex !important; align-items: flex-start !important; gap: 0.7rem !important; } #bs_modal_runtime .bs-jugada-code-mark { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 3rem !important; min-height: 2.35rem !important; padding: 0.35rem 0.5rem !important; border-radius: 0.65rem !important; font-size: 0.78rem !important; font-weight: 1000 !important; letter-spacing: 0.04em !important; } #bs_modal_runtime .bs-jugada-batter { margin: 0 !important; font-size: 0.95rem !important; font-weight: 1000 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: #fff !important; line-height: 1.2 !important; word-break: break-word !important; } #bs_modal_runtime .bs-jugada-desc { margin: 0.55rem 0 0 !important; font-size: 0.72rem !important; font-weight: 700 !important; line-height: 1.35 !important; color: rgb(148, 163, 184) !important; } /* Involucradas */ #bs_modal_runtime .bs-jugada-inv-label { margin: 0 0 0.3rem !important; font-size: 0.58rem !important; font-weight: 900 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgb(100, 116, 139) !important; } #bs_modal_runtime .bs-jugada-inv-list { display: flex !important; flex-direction: column !important; gap: 0.28rem !important; } #bs_modal_runtime .bs-jugada-inv-row { display: flex !important; align-items: center !important; gap: 0.45rem !important; min-width: 0 !important; padding: 0.35rem 0.5rem !important; border-radius: 0.5rem !important; border: 1px solid rgba(51, 65, 85, 0.75) !important; background: rgba(2, 6, 23, 0.45) !important; } #bs_modal_runtime .bs-jugada-inv-dot { flex: 0 0 auto !important; width: 0.4rem !important; height: 0.4rem !important; border-radius: 999px !important; background: rgb(56, 189, 248) !important; } #bs_modal_runtime .bs-jugada-inv-run .bs-jugada-inv-dot { background: rgb(52, 211, 153) !important; } #bs_modal_runtime .bs-jugada-inv-out .bs-jugada-inv-dot { background: rgb(248, 113, 113) !important; } #bs_modal_runtime .bs-jugada-inv-lob .bs-jugada-inv-dot { background: rgb(148, 163, 184) !important; } #bs_modal_runtime .bs-jugada-inv-name { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 0.7rem !important; font-weight: 900 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: rgb(241, 245, 249) !important; } #bs_modal_runtime .bs-jugada-inv-detail { flex: 0 0 auto !important; font-size: 0.62rem !important; font-weight: 800 !important; color: rgb(148, 163, 184) !important; text-align: right !important; } /* Tablet: un poco más de aire tipográfico */ @media (min-width: 721px) and (max-width: 1023px) { #bs_modal_runtime .bs-jugada-batter { font-size: 1.05rem !important; } #bs_modal_runtime .bs-jugadas-page-chip { min-width: 2.6rem !important; height: 2.55rem !important; font-size: 0.85rem !important; } } /* ---- bs_jugadas_ux_v68217 ---- */ /* Contenedor del modal: scroll en el flex-1; el feed crece con el contenido. */ #bs_modal_runtime.bs-modal-jugadas-fs > .bs-modal-panel-jugadas > .flex-1 { display: block !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } #bs_modal_runtime #bs_jugadas_entrada_panel, #bs_modal_runtime .bs-jugadas-modal-body { display: flex !important; flex-direction: column !important; flex: 0 0 auto !important; width: 100% !important; min-height: auto !important; height: auto !important; visibility: visible !important; opacity: 1 !important; } #bs_modal_runtime .bs-jugadas-feed-body, #bs_modal_runtime [data-bs-jugadas-feed-body] { display: block !important; flex: 0 0 auto !important; width: 100% !important; min-height: 4.5rem !important; height: auto !important; max-height: none !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } #bs_modal_runtime #bs_jugadas_lista, #bs_modal_runtime .bs-anotaciones-list, #bs_modal_runtime .bs-jugadas-table { display: flex !important; flex-direction: column !important; gap: 0.28rem !important; width: 100% !important; min-height: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; visibility: visible !important; } #bs_modal_runtime .bs-jugadas-empty, #bs_modal_runtime [data-bs-jugadas-empty] { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 5.5rem !important; padding: 1rem 0.85rem !important; border-radius: 0.85rem !important; border: 1px dashed rgba(71, 85, 105, 0.85) !important; background: rgba(15, 23, 42, 0.72) !important; color: rgb(148, 163, 184) !important; font-size: 0.78rem !important; font-weight: 800 !important; text-align: center !important; line-height: 1.35 !important; } #bs_modal_runtime .bs-jugadas-loading-more, #bs_modal_runtime [data-bs-jugadas-more] { margin: 0.35rem 0 0.15rem !important; text-align: center !important; font-size: 0.62rem !important; font-weight: 900 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgb(100, 116, 139) !important; } /* Celda de libreta: código corto + bateadora + entrada (denso, escaneable) */ #bs_modal_runtime .bs-jugada-row-v217, #bs_modal_runtime .bs-jugada-row { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-height: 2.85rem !important; margin: 0 !important; padding: 0.48rem 0.55rem !important; border-radius: 0.55rem !important; border: 1px solid rgba(51, 65, 85, 0.88) !important; background: rgba(15, 23, 42, 0.92) !important; color: rgb(226, 232, 240) !important; box-shadow: none !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; text-align: left !important; gap: 0 !important; -webkit-tap-highlight-color: transparent; } #bs_modal_runtime .bs-jugada-row-v217.is-latest, #bs_modal_runtime .bs-jugada-row.is-latest { border-color: rgba(34, 211, 238, 0.55) !important; background: rgba(8, 47, 73, 0.42) !important; } #bs_modal_runtime .bs-jugada-row-v217:active, #bs_modal_runtime .bs-jugada-row:active { border-color: rgba(34, 211, 238, 0.75) !important; } #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-row-main { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5rem !important; width: 100% !important; min-width: 0 !important; overflow: visible !important; } #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-code { flex: 0 0 auto !important; max-width: none !important; overflow: visible !important; } /* Código tipo celda papel: 4-3 / K / BB / H */ #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-code-mark { min-width: 3.1rem !important; min-height: 2.15rem !important; padding: 0.28rem 0.4rem !important; border-radius: 0.45rem !important; font-size: 0.82rem !important; font-weight: 1000 !important; letter-spacing: 0.02em !important; font-variant-numeric: tabular-nums !important; } #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-row-text { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 0.08rem !important; justify-content: center !important; } #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-row-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.4rem !important; width: 100% !important; min-width: 0 !important; } #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-row-name, #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-batter { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; font-size: 0.8rem !important; font-weight: 1000 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: #fff !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #bs_modal_runtime .bs-jugada-meta-right { display: inline-flex !important; align-items: center !important; gap: 0.28rem !important; flex: 0 0 auto !important; } #bs_modal_runtime .bs-jugada-inn-pill { flex: 0 0 auto !important; padding: 0.1rem 0.4rem !important; border-radius: 0.35rem !important; border: 1px solid rgba(51, 65, 85, 0.95) !important; background: rgba(2, 6, 23, 0.55) !important; color: rgb(165, 243, 252) !important; font-size: 0.58rem !important; font-weight: 900 !important; letter-spacing: 0.03em !important; white-space: nowrap !important; line-height: 1.2 !important; } /* Outs circulados como en libreta ①②③ */ #bs_modal_runtime .bs-jugada-outs { display: inline-flex !important; align-items: center !important; gap: 0.15rem !important; } #bs_modal_runtime .bs-jugada-out-dot { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 1.05rem !important; height: 1.05rem !important; border-radius: 999px !important; border: 1px solid rgba(252, 165, 165, 0.75) !important; background: rgba(127, 29, 29, 0.85) !important; color: #fff !important; font-size: 0.55rem !important; font-weight: 1000 !important; line-height: 1 !important; } #bs_modal_runtime .bs-jugada-row-v217 .bs-jugada-desc { margin: 0 !important; width: 100% !important; font-size: 0.62rem !important; font-weight: 700 !important; line-height: 1.2 !important; color: rgb(100, 116, 139) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; } /* Half chips un poco más altos en móvil (tap). */ #bs_modal_runtime .bs-jugadas-half-chip { min-height: 2.35rem !important; font-size: 0.68rem !important; } /* ---- bs_dock_tools_v68143 ---- */ /* Escritorio: herramientas del dock no aplican (barra secundaria completa). */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_dock_tools { display: none !important; } } @media (max-width: 1023px) { /* Evita duplicar Deshacer/Rehacer fuera del dock (quedaban fuera de la zona de pulgar). */ body.bs-anotacion-activa.bs-vista-movil-anotar #bs_secondary_actions .bs-secondary-toolbar { display: none !important; } body.bs-anotacion-activa #bs_dock_tools { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 3px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 1px !important; min-width: 0 !important; min-height: 36px !important; padding: 4px 1px !important; border-radius: 8px !important; border: 1px solid rgba(51, 65, 85, 0.95) !important; background: rgba(15, 23, 42, 0.96) !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; line-height: 1.05 !important; color: rgb(203, 213, 225) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool i { font-size: 12px !important; line-height: 1 !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-undo { color: rgb(252, 211, 77) !important; border-color: rgba(234, 179, 8, 0.45) !important; background: rgba(69, 26, 3, 0.35) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-redo { color: rgb(103, 232, 249) !important; border-color: rgba(34, 211, 238, 0.4) !important; background: rgba(8, 47, 73, 0.4) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-jugadas { color: rgb(165, 243, 252) !important; border-color: rgba(34, 211, 238, 0.5) !important; background: rgba(8, 47, 73, 0.55) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-note { color: rgb(125, 211, 252) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-report { color: rgb(248, 113, 113) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-lineup { /* V68.299: mismo cian que el ícono LINEUP de escritorio (bs-secondary-lineup) — misma acción, mismo color en toda la app. */ color: rgb(34, 211, 238) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-sub { /* V68.433: mismo violeta que bs-secondary-sub — acceso directo a Cambios/Sustituciones. */ color: rgb(167, 139, 250) !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool-finalizar { /* V68.487: acceso directo a Finalizar — antes solo vivía en la pestaña Más. */ color: rgb(252, 165, 165) !important; border-color: rgba(220, 38, 38, 0.5) !important; background: rgba(69, 10, 10, 0.4) !important; } /* Tip bola ocupada: en dock ocupa demasiado; queda en escritorio / Más. */ body.bs-anotacion-activa #bs_scoring_dock #bs_tip_bola_ocupada { display: none !important; } /* Un poco más de aire inferior por la fila de herramientas. */ body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(380px + env(safe-area-inset-bottom, 0px)) !important; } body.bs-anotacion-activa #bs_scoring_dock { max-height: min(62dvh, 460px) !important; } } @media (max-width: 430px) { body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool { min-height: 34px !important; font-size: 8px !important; padding: 3px 1px !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool i { font-size: 11px !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(356px + env(safe-area-inset-bottom, 0px)) !important; } } @media (max-width: 1023px) and (max-height: 700px) { body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool { min-height: 32px !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_anotacion_card { padding-bottom: calc(336px + env(safe-area-inset-bottom, 0px)) !important; } } /* Tablet: misma fila compacta que celular (dock operativo). */ @media (min-width: 721px) and (max-width: 1023px) { body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool { min-height: 40px !important; font-size: 10px !important; flex-direction: row !important; gap: 4px !important; padding: 6px 4px !important; } body.bs-anotacion-activa #bs_dock_tools .bs-dock-tool i { font-size: 13px !important; } } /* ---- bs_marcador_estadio_v68156 ---- */ body.bs-anotacion-activa #bs_barra_juego_compacta.bs-marcador-estadio { position: sticky; top: 0; z-index: 30; padding: 0 0 0.55rem; background: linear-gradient(180deg, rgba(2, 6, 23, 0.98) 0%, rgba(15, 23, 42, 0.96) 55%, rgba(15, 23, 42, 0.92) 100%); border-color: rgba(51, 65, 85, 0.85); box-shadow: 0 10px 28px rgba(2, 6, 23, 0.55); } body.bs-anotacion-activa .bs-marcador-estadio-nav { border-bottom: 1px solid rgba(51, 65, 85, 0.45); margin-bottom: 0.15rem; } /* KN · 1 — 1 · REYNAS (carreras orientadas a su equipo) */ body.bs-anotacion-activa .bs-marcador-estadio-board { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr); align-items: center; gap: 0.25rem 0.4rem; padding: 0.55rem 0.75rem 0.35rem; min-width: 0; } body.bs-anotacion-activa .bs-marcador-estadio-team { min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; } body.bs-anotacion-activa .bs-marcador-visita { text-align: left; align-items: flex-start; } body.bs-anotacion-activa .bs-marcador-local { text-align: right; align-items: flex-end; } body.bs-anotacion-activa .bs-marcador-lado { font-size: 0.58rem; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(148, 163, 184); line-height: 1; } body.bs-anotacion-activa .bs-marcador-visita .bs-marcador-lado { color: rgb(125, 211, 252); } body.bs-anotacion-activa .bs-marcador-local .bs-marcador-lado { color: rgb(252, 211, 77); } body.bs-anotacion-activa .bs-marcador-nombre { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(1.05rem, 3.8vw, 1.65rem); font-weight: 1000; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; line-height: 1.05; text-shadow: 0 2px 12px rgba(2, 6, 23, 0.65); } body.bs-anotacion-activa .bs-marcador-estadio-centro { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.28rem; min-width: 2.75rem; padding: 0.1rem 0.45rem; } body.bs-anotacion-activa .bs-marcador-carreras { font-size: clamp(1.85rem, 7vw, 2.75rem); font-weight: 1000; color: #fff; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; line-height: 1; text-shadow: 0 0 24px rgba(16, 185, 129, 0.22); min-width: 1.15em; text-align: center; } body.bs-anotacion-activa .bs-marcador-carreras-visita { justify-self: end; padding-left: 0.15rem; } body.bs-anotacion-activa .bs-marcador-carreras-local { justify-self: start; padding-right: 0.15rem; } body.bs-anotacion-activa .bs-marcador-sep { display: block; font-size: clamp(1.65rem, 6vw, 2.35rem); font-weight: 1000; color: rgb(148, 163, 184); line-height: 1; transform: translateY(-0.02em); letter-spacing: 0; text-shadow: 0 1px 0 rgba(2, 6, 23, 0.55); } body.bs-anotacion-activa .bs-marcador-estado { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.3rem 0.45rem; max-width: 100%; padding: 0.22rem 0.65rem; border-radius: 999px; border: 1px solid rgba(52, 211, 153, 0.45); background: rgba(6, 78, 59, 0.4); color: rgb(167, 243, 208); font-size: 0.62rem; font-weight: 1000; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.15; white-space: nowrap; } body.bs-anotacion-activa .bs-marcador-estado-sub { opacity: 0.85; letter-spacing: 0.06em; font-weight: 800; color: rgb(165, 243, 252); } body.bs-anotacion-activa .bs-marcador-estado.bs-estado-final { border-color: rgba(34, 211, 238, 0.5); background: rgba(8, 47, 73, 0.55); color: rgb(165, 243, 252); } body.bs-anotacion-activa .bs-marcador-estado.bs-estado-admin { border-color: rgba(192, 132, 252, 0.55); background: rgba(59, 7, 100, 0.45); color: rgb(233, 213, 255); } body.bs-anotacion-activa .bs-marcador-estado.bs-estado-forfeit { border-color: rgba(248, 113, 113, 0.55); background: rgba(127, 29, 29, 0.45); color: rgb(254, 202, 202); } body.bs-anotacion-activa .bs-marcador-estado.bs-estado-suspendido, body.bs-anotacion-activa .bs-marcador-estado.bs-estado-cerrado { border-color: rgba(251, 191, 36, 0.45); background: rgba(69, 26, 3, 0.45); color: rgb(253, 230, 138); } @media (max-width: 420px) { body.bs-anotacion-activa .bs-marcador-estadio-board { gap: 0.2rem 0.28rem; padding: 0.45rem 0.5rem 0.3rem; } body.bs-anotacion-activa .bs-marcador-nombre { font-size: clamp(0.92rem, 5.2vw, 1.2rem); } body.bs-anotacion-activa .bs-marcador-carreras { font-size: clamp(1.55rem, 9vw, 2.1rem); } body.bs-anotacion-activa .bs-marcador-sep { font-size: clamp(1.45rem, 7.5vw, 1.95rem); padding: 0 0.1rem; } body.bs-anotacion-activa .bs-marcador-estado { font-size: 0.56rem; padding: 0.18rem 0.5rem; letter-spacing: 0.07em; } body.bs-anotacion-activa .bs-btn-mas-opciones span { display: none !important; } } @media (min-width: 768px) { body.bs-anotacion-activa .bs-marcador-estadio-board { gap: 0.45rem 0.75rem; padding: 0.7rem 1.1rem 0.5rem; } body.bs-anotacion-activa .bs-marcador-estadio-centro { min-width: 3.5rem; padding: 0.15rem 0.65rem; } body.bs-anotacion-activa .bs-marcador-sep { font-size: clamp(1.9rem, 3vw, 2.5rem); } body.bs-anotacion-activa .bs-marcador-estado { font-size: 0.7rem; } } /* ---- bs_conteo_horizontal_v68122 ---- */ body.bs-anotacion-activa .bs-count-row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 0.4rem 0.55rem !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; align-self: start !important; padding: 0.55rem 0.7rem !important; box-sizing: border-box !important; grid-template-columns: none !important; } body.bs-anotacion-activa .bs-count-row > .bs-count-stat { flex: 1 1 3rem !important; min-width: 2.85rem !important; max-width: 6.25rem !important; text-align: center !important; } body.bs-anotacion-activa .bs-count-row > .bs-conf-card { flex: 1 1 7.5rem !important; min-width: 7rem !important; max-width: 12rem !important; } body.bs-anotacion-activa .bs-count-row p.text-3xl { font-size: clamp(1.25rem, 2.2vw, 1.75rem) !important; line-height: 1 !important; } /* V68.211 — flash optimista al tocar +BOLA/+STRIKE/+FOUL */ @keyframes bs-count-flash-kf { 0% { transform: scale(1); filter: brightness(1); } 40% { transform: scale(1.18); filter: brightness(1.35); } 100% { transform: scale(1); filter: brightness(1); } } body.bs-anotacion-activa .bs-count-row [data-bs-count].bs-count-flash { animation: bs-count-flash-kf 0.28s ease-out; } /* Escritorio: conteo a todo el ancho bajo el diamante (no columna lateral). */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_play_card { grid-template-areas: 'score field feed' 'inning field feed' 'context field feed' 'countn countn countn' 'pad pad pad' !important; align-items: start !important; } body.bs-anotacion-activa .bs-count-row { grid-area: countn !important; flex-wrap: nowrap !important; justify-content: space-evenly !important; } body.bs-anotacion-activa .bs-count-row > .bs-count-stat { flex: 1 1 0 !important; max-width: none !important; } } @media (max-width: 1023px) { body.bs-anotacion-activa .bs-count-row { flex-wrap: wrap !important; justify-content: space-around !important; } body.bs-anotacion-activa .bs-count-row > .bs-count-stat { flex: 1 1 15% !important; min-width: 3.1rem !important; } } /* ---- V68.223_jugadas_desk_clear_mobile_dock ---- */ /* Escritorio: mismas filas V217 legibles (c�digo + nombre + glosa corta). */ body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-v217, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk .bs-jugada-row-v217 { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-height: 2.85rem !important; margin: 0 !important; padding: 0.55rem 0.65rem !important; border-radius: 0.55rem !important; border: 1px solid rgba(51, 65, 85, 0.88) !important; background: rgba(15, 23, 42, 0.92) !important; gap: 0.35rem !important; overflow: visible !important; text-align: left !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-v217 .bs-jugada-row-main, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk .bs-jugada-row-v217 .bs-jugada-row-main { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.55rem !important; width: 100% !important; min-width: 0 !important; overflow: visible !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-v217 .bs-jugada-code-mark, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk .bs-jugada-row-v217 .bs-jugada-code-mark { min-width: 3.1rem !important; min-height: 2.15rem !important; font-size: 0.85rem !important; letter-spacing: 0.02em !important; line-height: 1.1 !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-v217 .bs-jugada-row-text, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk .bs-jugada-row-v217 .bs-jugada-row-text { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 0.12rem !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-v217 .bs-jugada-row-top, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk .bs-jugada-row-v217 .bs-jugada-row-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.4rem !important; width: 100% !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-row-v217 .bs-jugada-desc, #bs_jugadas_entrada_panel.bs-jugadas-panel-desk .bs-jugada-row-v217 .bs-jugada-desc, body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-desc { display: block !important; margin: 0 !important; width: 100% !important; min-height: 1.15em !important; max-height: none !important; height: auto !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; -webkit-box-orient: initial !important; font-size: 0.78rem !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0.01em !important; color: rgb(186, 230, 253) !important; transform: none !important; filter: none !important; text-shadow: none !important; background: transparent !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: unset !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-meta-right { display: inline-flex !important; align-items: center !important; gap: 0.28rem !important; flex: 0 0 auto !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-inn-pill { flex: 0 0 auto !important; padding: 0.1rem 0.4rem !important; border-radius: 0.35rem !important; border: 1px solid rgba(51, 65, 85, 0.95) !important; background: rgba(2, 6, 23, 0.55) !important; color: rgb(165, 243, 252) !important; font-size: 0.58rem !important; font-weight: 900 !important; letter-spacing: 0.03em !important; white-space: nowrap !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-outs { display: inline-flex !important; align-items: center !important; gap: 0.15rem !important; } body.bs-anotacion-activa #bs_jugadas_entrada_panel .bs-jugada-out-dot { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 1.05rem !important; height: 1.05rem !important; border-radius: 999px !important; border: 1px solid rgba(252, 165, 165, 0.75) !important; background: rgba(127, 29, 29, 0.85) !important; color: #fff !important; font-size: 0.55rem !important; font-weight: 1000 !important; line-height: 1 !important; } /* M�vil: quitar backdrop-filter del dock sticky (jank GPU en cada paint del pad). */ @media (max-width: 1023px) { body.bs-anotacion-activa #bs_scoring_dock { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #020617 !important; contain: layout style !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-count-row { contain: layout style !important; } } /* V68.370 — Barra indeterminada del aviso "Revisando/guardando datos locales" al abrir. */ .bs-hidratacion-barra { animation: bs-hidratacion-barra-kf 1.1s ease-in-out infinite; } @keyframes bs-hidratacion-barra-kf { 0% { transform: translateX(-100%); } 50% { transform: translateX(120%); } 100% { transform: translateX(-100%); } } /* V68.540 — Tarjetón de jugadora: header acordeón (foto grande <-> compacta), para que sin foto no ocupe espacio de más y con foto se pueda minimizar y ver el resto de la tarjeta (pestañas, jugadas) sin tanto scroll. */ .bs-tarjeton-compacto .bs-tarjeton-foto { height: 3.5rem !important; width: 3.5rem !important; font-size: 1rem !important; margin-bottom: 0 !important; } .bs-tarjeton-compacto .bs-tarjeton-nombre { margin-top: 0.375rem !important; font-size: 0.875rem !important; } /* ========================================================================== V68.611 — Diseño nuevo "tablero" (Centro de Cambios y Lineup guiado). Paleta propia (no Tailwind): tablero verde noche, gis y pelota amarilla. Todo con prefijo cc2- para no chocar con el diseño anterior. ========================================================================== */ .cc2, .cc2-skin, body.cc2-app { --cc-deep: #10251f; --cc-bg: #0b1a16; --cc-board: #17372f; --cc-board-2: #1f4a3f; --cc-line: rgba(243, 241, 231, 0.14); --cc-chalk: #f3f1e7; --cc-muted: rgba(243, 241, 231, 0.62); --cc-ball: #c9d400; --cc-ball-ink: #1b2400; --cc-clay: #c2703d; --cc-red: #ff6b5b; --cc-amber: #f2b441; --cc-sky: #7cc4ff; --cc-acc: #c9d400; --cc-ring: rgba(201,212,0,.35); --cc-hole: rgba(0,0,0,.26); --cc-soft: rgba(243,241,231,.1); --cc-input: rgba(0,0,0,.3); --cc-row: rgba(23,55,47,.55); --cc-card: rgba(23,55,47,.45); --cc-display: 'Big Shoulders Display', 'Arial Narrow', 'Roboto Condensed', system-ui, sans-serif; --cc-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif; } .cc2 { position: fixed; inset: 0; z-index: 9990; background: var(--cc-bg); color: var(--cc-chalk); font-family: var(--cc-body); display: flex; flex-direction: column; overscroll-behavior: contain; } .cc2 * { box-sizing: border-box; } .cc2 button { font-family: inherit; color: inherit; cursor: pointer; } .cc2-top { flex: none; display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--cc-line); background: linear-gradient(180deg, var(--cc-board) 0%, var(--cc-bg) 100%); } .cc2-kicker { font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--cc-acc); } .cc2-title { font-family: var(--cc-display); font-weight: 900; font-size: 26px; line-height: 1; text-transform: uppercase; letter-spacing: .01em; } .cc2 .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); } .cc2-x { margin-left: auto; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--cc-line); background: transparent; font-size: 18px; } .cc2-body { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 16px 24px; } .cc2-wrap { max-width: 640px; margin: 0 auto; } .cc2-seg { display: flex; gap: 6px; padding: 4px; border-radius: 14px; background: var(--cc-hole); border: 1px solid var(--cc-line); } .cc2-seg button { flex: 1; min-width: 0; border: 0; background: transparent; border-radius: 10px; padding: 8px 6px; font-weight: 800; font-size: 12px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--cc-muted); } .cc2-seg button[aria-pressed="true"] { background: var(--cc-chalk); color: var(--cc-bg); } .cc2-seg small { display: block; font-size: 9px; letter-spacing: .12em; opacity: .75; } .cc2-h { font-family: var(--cc-display); font-weight: 800; font-size: 20px; text-transform: uppercase; margin: 18px 0 8px; letter-spacing: .02em; } .cc2-h small { font-family: var(--cc-body); font-size: 11px; font-weight: 600; text-transform: none; color: var(--cc-muted); margin-left: 6px; letter-spacing: 0; display: inline-block; } .cc2-intents { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .cc2-intent { border: 1px solid var(--cc-line); background: var(--cc-board); border-radius: 16px; padding: 12px 8px; text-align: left; min-height: 92px; display: flex; flex-direction: column; gap: 6px; } .cc2-intent i { font-size: 18px; color: var(--cc-acc); } .cc2-intent b { font-family: var(--cc-display); font-size: 17px; line-height: 1; text-transform: uppercase; } .cc2-intent span { font-size: 11px; color: var(--cc-muted); line-height: 1.25; } .cc2-intent[aria-pressed="true"] { background: var(--cc-ball); color: var(--cc-ball-ink); border-color: var(--cc-ball); } .cc2-intent[aria-pressed="true"] i, .cc2-intent[aria-pressed="true"] span { color: var(--cc-ball-ink); } .cc2-steps { display: flex; gap: 6px; margin: 4px 0 10px; } .cc2-step { flex: 1; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 6px 4px; border-radius: 8px; text-align: center; border: 1px solid var(--cc-line); color: var(--cc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc2-step.is-on { border-color: var(--cc-acc); color: var(--cc-acc); } .cc2-step.is-done { background: rgba(201, 212, 0, .14); color: var(--cc-chalk); border-color: transparent; } .cc2-guide { border-radius: 14px; padding: 10px 12px; background: rgba(201, 212, 0, .10); border: 1px solid rgba(201, 212, 0, .35); font-size: 13px; font-weight: 600; line-height: 1.35; } .cc2-guide b { color: var(--cc-acc); } .cc2-list { display: flex; flex-direction: column; gap: 6px; } .cc2-row { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; border: 1px solid var(--cc-line); background: rgba(23, 55, 47, .55); border-radius: 12px; padding: 9px 10px; } .cc2-row:hover { border-color: rgba(201, 212, 0, .5); } .cc2-row[disabled] { opacity: .38; cursor: not-allowed; } .cc2-row.is-sel { border-color: var(--cc-ball); box-shadow: 0 0 0 2px var(--cc-ring) inset; } .cc2-ord { width: 24px; flex: none; text-align: center; font-family: var(--cc-display); font-weight: 900; font-size: 18px; color: var(--cc-muted); } .cc2-pos { width: 38px; flex: none; text-align: center; font-weight: 800; font-size: 11px; text-transform: uppercase; border-radius: 8px; padding: 4px 0; background: var(--cc-hole); color: var(--cc-acc); } .cc2-name { flex: 1; min-width: 0; } .cc2-name b { display: block; font-weight: 800; font-size: 14px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc2-name span { display: block; font-size: 11px; color: var(--cc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc2-tag { flex: none; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; border-radius: 6px; padding: 3px 6px; background: var(--cc-soft); } .cc2-tag.ball { background: var(--cc-ball); color: var(--cc-ball-ink); } .cc2-tag.amber { background: var(--cc-amber); color: #2b1a00; } .cc2-tag.red { background: var(--cc-red); color: #2a0600; } .cc2-tag.sky { background: var(--cc-sky); color: #04223a; } .cc2-search { width: 100%; border-radius: 12px; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); padding: 11px 12px; font-size: 15px; font-family: inherit; outline: none; } .cc2-search:focus { border-color: var(--cc-ball); } .cc2-sub { font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cc-muted); margin: 12px 0 6px; } .cc2-posgrid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; } .cc2-posbtn { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 12px; padding: 8px 2px; text-align: center; min-height: 58px; } .cc2-posbtn b { display: block; font-family: var(--cc-display); font-size: 18px; font-weight: 900; } .cc2-posbtn span { display: block; font-size: 9px; color: var(--cc-muted); text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 2px; } .cc2-posbtn.is-same { border-color: var(--cc-ball); } .cc2-field { position: relative; width: 100%; max-width: 440px; margin: 0 auto; aspect-ratio: 1 / 0.92; border-radius: 20px; overflow: hidden; border: 1px solid var(--cc-line); background: radial-gradient(120% 90% at 50% 100%, #2c6a52 0%, #1d4a3b 45%, #133128 100%); } .cc2-field svg { position: absolute; inset: 0; width: 100%; height: 100%; } .cc2-node { position: absolute; transform: translate(-50%, -50%); min-width: 62px; max-width: 86px; border-radius: 12px; padding: 4px 6px; border: 2px solid rgba(243,241,231,.55); background: rgba(11,26,22,.88); color: #f3f1e7; text-align: center; line-height: 1.05; } .cc2-node small { display: block; font-size: 9px; font-weight: 800; color: #c9d400; letter-spacing: .06em; } .cc2-node b { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc2-node.is-empty { border-style: dashed; border-color: rgba(243,241,231,.35); color: rgba(243,241,231,.62); } .cc2-node.is-chg { border-color: var(--cc-amber); } .cc2-node.is-new { border-color: var(--cc-ball); } .cc2-node.is-sel { border-color: var(--cc-ball); background: var(--cc-ball); color: var(--cc-ball-ink); transform: translate(-50%, -50%) scale(1.08); } .cc2-node.is-sel small { color: var(--cc-ball-ink); } .cc2-chips { display: flex; flex-wrap: wrap; gap: 6px; } .cc2-chip { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 10px; padding: 6px 9px; font-size: 11px; font-weight: 800; text-transform: uppercase; } .cc2-chip.is-sel { background: var(--cc-ball); color: var(--cc-ball-ink); border-color: var(--cc-ball); } .cc2-card { border: 1px solid var(--cc-line); border-radius: 16px; background: var(--cc-card); padding: 12px; } .cc2-queue li { display: flex; gap: 8px; font-size: 13px; font-weight: 600; padding: 5px 0; border-bottom: 1px dashed var(--cc-line); } .cc2-queue li:last-child { border-bottom: 0; } .cc2-queue li > b { color: var(--cc-acc); font-family: var(--cc-display); font-size: 16px; min-width: 18px; } .cc2-queue { list-style: none; margin: 0; padding: 0; } .cc2-final { width: 100%; border-collapse: collapse; font-size: 12px; } .cc2-final td { padding: 6px 4px; border-bottom: 1px solid var(--cc-line); vertical-align: middle; } .cc2-final td:first-child { width: 22px; color: var(--cc-muted); font-weight: 800; text-align: center; } .cc2-final td.p { width: 44px; font-weight: 800; color: var(--cc-acc); text-transform: uppercase; } .cc2-final td.n { font-weight: 800; text-transform: uppercase; } .cc2-final s { color: var(--cc-muted); font-weight: 600; font-size: 10px; display: block; } .cc2-final tr.is-chg td { background: rgba(201,212,0,.06); } .cc2-val { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; font-weight: 600; line-height: 1.35; padding: 7px 10px; border-radius: 10px; margin-top: 6px; } .cc2-val i { margin-top: 2px; } .cc2-val.red { background: rgba(255,107,91,.14); color: #ffd3cd; } .cc2-val.amber { background: rgba(242,180,65,.14); color: #ffe7b8; } .cc2-val.info { background: rgba(124,196,255,.12); color: #d6ecff; } .cc2-val.ok { background: rgba(201,212,0,.12); color: #eef3a8; } .cc2-bar { flex: none; display: flex; gap: 8px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--cc-line); background: var(--cc-bg); } .cc2-bar > div { max-width: 640px; margin: 0 auto; width: 100%; display: flex; gap: 8px; } .cc2-btn { border: 1px solid var(--cc-line); background: transparent; border-radius: 14px; padding: 13px 12px; font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; } .cc2-btn.primary { flex: 1; background: var(--cc-ball); color: var(--cc-ball-ink); border-color: var(--cc-ball); font-family: var(--cc-display); font-size: 19px; letter-spacing: .03em; padding: 10px 12px; } .cc2-btn.primary[disabled] { opacity: .4; cursor: not-allowed; } .cc2-btn.ghost { color: var(--cc-muted); } .cc2-link { background: none; border: 0; color: var(--cc-muted); text-decoration: underline; font-size: 12px; padding: 8px 0; } .cc2-mini { border: 1px solid var(--cc-line); background: transparent; border-radius: 10px; padding: 6px 10px; font-size: 11px; font-weight: 800; text-transform: uppercase; } .cc2-empty { font-size: 12px; color: var(--cc-muted); padding: 8px 2px; } @media (max-width: 380px) { .cc2-intent { min-height: 84px; padding: 10px 6px; } .cc2-intent b { font-size: 15px; } .cc2-posgrid { grid-template-columns: repeat(4, 1fr); } } @media (prefers-color-scheme: light) { .cc2.cc2-auto { --cc-bg: #f4f1e6; --cc-board: #e3ead9; --cc-board-2: #d6e1cb; --cc-line: rgba(23,55,47,.16); --cc-chalk: #13251f; --cc-muted: rgba(19,37,31,.62); --cc-ball-ink: #1b2400; } } /* V68.614 — contador de provisionales sobre el botón LINEUP (reemplaza el aviso de arriba). */ .bs-dock-tool, .bs-secondary-btn { position: relative; } .bs-dock-badge { position: absolute; top: 3px; right: 5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ea580c; color: #fff; font-size: 10px; font-weight: 900; line-height: 18px; text-align: center; box-shadow: 0 0 0 2px #020617; } /* V68.615 — cabecera fija (equipo + pestañas) de las pantallas nuevas. */ .cc2-head { flex: none; padding: 8px 16px 10px; border-bottom: 1px solid var(--cc-line); background: var(--cc-bg); } .cc2-head:empty { display: none; } .cc2-head > * { max-width: 640px; margin-left: auto; margin-right: auto; } .cc2-tabs { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; scrollbar-width: none; } .cc2-tabs::-webkit-scrollbar { display: none; } .cc2-tab { flex: 1 0 auto; border: 1px solid var(--cc-line); background: transparent; border-radius: 10px; padding: 8px 10px; font-family: var(--cc-display); font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: .03em; color: var(--cc-muted); } .cc2-tab[aria-pressed="true"] { background: var(--cc-ball); color: var(--cc-ball-ink); border-color: var(--cc-ball); } /* ========================================================================== V68.618 — Temas del diseño nuevo (botón de tema en cada pantalla). Tablero = verde + amarillo pelota (base) · Ligas MX = azul noche + cian (identidad de la app) · Día = claro para el sol en el campo. Todo el color sale de estas variables: cambiar la paleta final es aquí. ========================================================================== */ .cc2[data-tema="ligasmx"], .cc2-skin[data-tema="ligasmx"], body.cc2-app[data-tema="ligasmx"] { --cc-deep: #0b1224; --cc-bg: #020617; --cc-board: #0f172a; --cc-board-2: #1e293b; --cc-line: rgba(148,163,184,.18); --cc-chalk: #f1f5f9; --cc-muted: rgba(203,213,225,.7); --cc-ball: #22d3ee; --cc-ball-ink: #02222b; --cc-acc: #22d3ee; --cc-ring: rgba(34,211,238,.35); --cc-hole: rgba(2,6,23,.6); --cc-soft: rgba(148,163,184,.14); --cc-input: rgba(2,6,23,.7); --cc-row: rgba(15,23,42,.85); --cc-card: rgba(15,23,42,.7); } /* V68.685 — Temas Rosa y Morado (pedido: "algún rosa o morado… apariencia softball femenil"). */ .cc2[data-tema="rosa"], .cc2-skin[data-tema="rosa"], body.cc2-app[data-tema="rosa"] { --cc-deep: #2a0f1f; --cc-bg: #1a0812; --cc-board: #3a1229; --cc-board-2: #4d1838; --cc-line: rgba(255,214,231,.16); --cc-chalk: #fff1f6; --cc-muted: rgba(255,228,238,.68); --cc-ball: #ff5fa2; --cc-ball-ink: #2b0016; --cc-acc: #ff5fa2; --cc-ring: rgba(255,95,162,.35); --cc-hole: rgba(0,0,0,.3); --cc-soft: rgba(255,214,231,.12); --cc-input: rgba(0,0,0,.3); --cc-row: rgba(58,18,41,.78); --cc-card: rgba(58,18,41,.6); } .cc2[data-tema="morado"], .cc2-skin[data-tema="morado"], body.cc2-app[data-tema="morado"] { --cc-deep: #160f2e; --cc-bg: #0d0820; --cc-board: #22174a; --cc-board-2: #2f2163; --cc-line: rgba(221,214,255,.16); --cc-chalk: #f4f1ff; --cc-muted: rgba(228,224,255,.68); --cc-ball: #b18cff; --cc-ball-ink: #1a0b3d; --cc-acc: #b18cff; --cc-ring: rgba(177,140,255,.35); --cc-hole: rgba(0,0,0,.3); --cc-soft: rgba(221,214,255,.12); --cc-input: rgba(0,0,0,.3); --cc-row: rgba(34,23,74,.8); --cc-card: rgba(34,23,74,.6); } .cc2[data-tema="rosa"] .cc2-guide { background: rgba(255,95,162,.1); border-color: rgba(255,95,162,.4); } .cc2[data-tema="morado"] .cc2-guide { background: rgba(177,140,255,.1); border-color: rgba(177,140,255,.4); } .cc2[data-tema="dia"], .cc2-skin[data-tema="dia"], body.cc2-app[data-tema="dia"] { --cc-deep: #ebe7da; --cc-bg: #f4f1e6; --cc-board: #e3ead9; --cc-board-2: #d6e1cb; --cc-line: rgba(23,55,47,.18); --cc-chalk: #13251f; --cc-muted: rgba(19,37,31,.64); --cc-ball: #c9d400; --cc-ball-ink: #1b2400; --cc-acc: #4d5c00; --cc-ring: rgba(77,92,0,.35); --cc-hole: rgba(19,37,31,.07); --cc-soft: rgba(19,37,31,.08); --cc-input: #ffffff; --cc-row: rgba(255,255,255,.82); --cc-card: rgba(255,255,255,.6); --cc-red: #c0392b; --cc-amber: #b86e00; --cc-sky: #1d6fb8; } .cc2[data-tema="dia"] .cc2-val.red { background: rgba(192,57,43,.1); color: #7a1f14; } .cc2[data-tema="dia"] .cc2-val.amber { background: rgba(184,110,0,.12); color: #6b4000; } .cc2[data-tema="dia"] .cc2-val.info { background: rgba(29,111,184,.1); color: #0d3e6b; } .cc2[data-tema="dia"] .cc2-val.ok { background: rgba(77,92,0,.1); color: #33400a; } .cc2[data-tema="dia"] .cc2-guide { background: rgba(201,212,0,.18); border-color: rgba(77,92,0,.35); } .cc2[data-tema="ligasmx"] .cc2-guide { background: rgba(34,211,238,.08); border-color: rgba(34,211,238,.35); } .cc2[data-tema="ligasmx"] .cc2-val.ok { background: rgba(34,211,238,.1); color: #cffafe; } .cc2-tema { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--cc-line); background: transparent; font-size: 16px; margin-left: auto; } .cc2-tema + .cc2-x { margin-left: 8px; } .cc2 .cc2-node { color: #f3f1e7; } .cc2 .cc2-node.is-empty { color: rgba(243,241,231,.62); } .cc2 .cc2-node.is-sel { color: var(--cc-ball-ink); } .cc2-top > div:first-child { flex: 1; min-width: 0; } .cc2-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: clamp(20px, 6vw, 26px); } .cc2-kicker { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ========================================================================== V68.620 — Inicio de Box Score con el diseño nuevo (encabezado + pestañas), usando los mismos colores/temas que las pantallas nuevas. Solo apariencia. ========================================================================== */ .cc2-skin { font-family: var(--cc-body); } .cc2-skin #bs_intro_header { background: linear-gradient(135deg, var(--cc-board) 0%, var(--cc-bg) 100%) !important; border-color: var(--cc-line) !important; border-radius: 22px !important; } .cc2-skin #bs_intro_header h1 { font-family: var(--cc-display) !important; font-weight: 900 !important; font-size: clamp(30px, 5vw, 44px) !important; letter-spacing: .01em !important; color: var(--cc-chalk) !important; line-height: 1 !important; } .cc2-skin #bs_intro_header h1 i { color: var(--cc-acc) !important; } .cc2-skin #bs_intro_header p { color: var(--cc-muted) !important; } .cc2-skin .bs-home-badge { background: transparent !important; border-color: var(--cc-line) !important; color: var(--cc-acc) !important; } .cc2-skin .cc2-tema { color: var(--cc-chalk); } .cc2-skin #bs_nav_tabs { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .cc2-skin #bs_nav_tabs [data-bs-tab] { background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; border-radius: 14px !important; box-shadow: none !important; font-family: var(--cc-display) !important; font-weight: 800 !important; font-size: 17px !important; letter-spacing: .03em !important; padding: 12px 8px !important; } .cc2-skin #bs_nav_tabs [data-bs-tab] i { color: var(--cc-acc) !important; } .cc2-skin #bs_nav_tabs [data-bs-tab][aria-pressed="true"] { background: var(--cc-ball) !important; border-color: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; } .cc2-skin #bs_nav_tabs [data-bs-tab][aria-pressed="true"] i { color: var(--cc-ball-ink) !important; } .cc2-skin[data-tema="dia"] #bs_nav_tabs [data-bs-tab] { background: #ffffff !important; } /* V68.620 — En computadora: más ancho útil y listas del catálogo en 2 columnas. */ @media (min-width: 900px) { .cc2-wrap, .cc2-head > *, .cc2-bar > div { max-width: 980px; } .cc2-grid2 { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; } .cc2-grid2 > .cc2-empty { grid-column: 1 / -1; } } .cc2-skin #bs_nav_tabs [data-bs-tab] { font-size: clamp(14px, 1.15vw, 17px) !important; letter-spacing: .02em !important; overflow-wrap: anywhere; line-height: 1.05 !important; } .cc2-skin #bs_nav_tabs [data-bs-tab] { overflow-wrap: normal !important; word-break: keep-all !important; hyphens: none !important; font-size: clamp(12px, 1vw, 16px) !important; padding: 12px 4px !important; } @media (max-width: 1023px) { .cc2-skin #bs_nav_tabs [data-bs-tab] { font-size: 15px !important; } } /* V68.621 — Nombres completos siempre (nada de "ALVARO D…"): los renglones crecen a 2 líneas. */ .cc2-name b, .cc2-name span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; } .cc2-name b { line-height: 1.15; } .cc2-final td.n { white-space: normal; overflow-wrap: anywhere; } .cc2-chip { white-space: normal; text-align: left; } .cc2 .cc2-node { max-width: 104px; min-width: 64px; } .cc2 .cc2-node b { white-space: normal !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 10px; line-height: 1.1; } .cc2-alta { display: grid; gap: 8px; } .cc2-alta > .cc2-botones { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; } /* V68.621 — Si no cabe el nombre completo, los botones bajan de renglón (nunca se parte el nombre). */ .cc2-row { flex-wrap: wrap; row-gap: 8px; } .cc2-name { flex: 1 1 150px; min-width: 150px; } .cc2-name b, .cc2-name span { overflow-wrap: break-word !important; word-break: normal !important; } .cc2-row > .cc2-mini { flex: 0 0 auto; } .cc2-tab { flex: 1 1 0 !important; min-width: 0; padding: 8px 4px !important; font-size: clamp(13px, 3.8vw, 16px) !important; white-space: nowrap; } /* ========================================================================== V68.622 — Pantalla de ANOTAR con el diseño nuevo (solo apariencia; misma lógica y mismos botones). Toma los colores del tema (◐): Tablero / Ligas MX / Día. ========================================================================== */ body.bs-anotacion-activa #bs_home_root.cc2-skin { --an-card: var(--cc-board); --an-soft: var(--cc-row); } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_anotacion_card, body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-scoring-dock { background: var(--cc-bg) !important; border-color: var(--cc-line) !important; color: var(--cc-chalk) !important; } /* ---- Marcador (line score del dock) ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore { background: linear-gradient(180deg, var(--cc-board) 0%, var(--cc-bg) 100%) !important; border: 1px solid var(--cc-line) !important; border-radius: 16px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore-table { font-family: var(--cc-body) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore-table th { color: var(--cc-muted) !important; font-weight: 800 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore-table td { color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-bs-eq { font-family: var(--cc-display) !important; font-weight: 800 !important; font-size: 15px !important; letter-spacing: .02em; color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-bs-stat { font-family: var(--cc-display) !important; font-weight: 900 !important; font-size: 18px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore-table td[class*="ring"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore-table td[class*="cyan-950"] { background: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; box-shadow: none !important; border-radius: 6px; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-boxscore-entrada { font-family: var(--cc-display) !important; font-size: 20px !important; color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-reto-btn { background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; border-radius: 10px !important; } /* ---- Lanzando / acciones rápidas ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-lanzando { background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; border-radius: 14px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-lanzando-leyenda { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-lanzando-nombre { font-family: var(--cc-display) !important; font-weight: 800 !important; font-size: 18px !important; color: var(--cc-chalk) !important; white-space: normal !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-lanzando-pit { font-family: var(--cc-display) !important; font-size: 20px !important; color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-accion-rapida { background: transparent !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; border-radius: 12px !important; font-weight: 800 !important; } /* ---- Al bat / sigue / bases ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-bases { background: transparent !important; border-color: var(--cc-line) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-bases-title { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-albat { font-family: var(--cc-display) !important; font-weight: 800 !important; font-size: 20px !important; color: var(--cc-chalk) !important; white-space: normal !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_proximas .bs-dock-proximas { color: var(--cc-muted) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_proximas button { color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-base { background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; border-radius: 12px !important; color: var(--cc-muted) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-base.is-on { border-color: var(--cc-ball) !important; box-shadow: 0 0 0 1px var(--cc-ring) inset; color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-base-label { color: var(--cc-acc) !important; font-weight: 800 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-dock-base-name { color: inherit !important; white-space: normal !important; font-weight: 800 !important; } /* ---- Herramientas: una sola fila deslizable ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_tools { display: var(--cc-dock-tools-display, flex) !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 6px !important; grid-template-columns: none !important; padding: 2px 0 6px !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_tools::-webkit-scrollbar { display: none; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_tools .bs-dock-tool { flex: 0 0 auto !important; min-width: 72px !important; width: auto !important; background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; border-radius: 12px !important; padding: 7px 10px !important; font-weight: 800 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_tools .bs-dock-tool i { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_tools .bs-dock-tool-undo, body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_dock_tools .bs-dock-tool-redo { border-color: var(--cc-acc) !important; } /* ---- Conteo ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row { background: var(--cc-board) !important; border: 1px solid var(--cc-line) !important; border-radius: 16px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row p:first-child { color: var(--cc-muted) !important; font-weight: 800 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count] { font-family: var(--cc-display) !important; font-weight: 900 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="outs"] { color: var(--cc-red) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="fouls"] { color: var(--cc-chalk) !important; } /* ---- Botones de jugada ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_action_pad { background: transparent !important; border-color: transparent !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-anotacion { font-family: var(--cc-display) !important; font-weight: 800 !important; font-size: 19px !important; letter-spacing: .03em !important; border-radius: 14px !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; background: var(--cc-row) !important; box-shadow: none !important; text-shadow: none !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-bola { background: rgba(124,196,255,.16) !important; border-color: rgba(124,196,255,.55) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-strike { background: rgba(242,180,65,.18) !important; border-color: rgba(242,180,65,.6) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-hit { background: rgba(46,160,90,.18) !important; border-color: rgba(46,160,90,.6) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-hit-primary { background: var(--cc-ball) !important; border-color: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-walk { background: rgba(160,120,255,.16) !important; border-color: rgba(160,120,255,.5) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-special, body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-steal { background: rgba(124,196,255,.10) !important; border-color: rgba(124,196,255,.4) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-error { background: rgba(194,112,61,.2) !important; border-color: rgba(194,112,61,.6) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-out { background: var(--cc-red) !important; border-color: var(--cc-red) !important; color: #fff !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-pad-glosario-q { background: transparent !important; border: 1px solid var(--cc-line) !important; color: var(--cc-muted) !important; border-radius: 8px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-hit-primary .bs-pad-glosario-q, body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-pad-btn-wrap:has(.bs-btn-hit-primary) .bs-pad-glosario-q { color: var(--cc-ball-ink) !important; border-color: rgba(0,0,0,.25) !important; } /* ---- Pestañas de abajo (Anotar · Libreta · Más) ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_vista_movil_tabs { background: var(--cc-bg) !important; border-top: 1px solid var(--cc-line) !important; gap: 6px !important; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_vista_movil_tabs button { background: transparent !important; border: 1px solid var(--cc-line) !important; color: var(--cc-muted) !important; border-radius: 12px !important; font-family: var(--cc-display) !important; font-weight: 800 !important; font-size: 17px !important; letter-spacing: .03em !important; box-shadow: none !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_vista_movil_tabs button[aria-selected="true"], body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_vista_movil_tabs button.is-active, body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_vista_movil_tabs button.active { background: var(--cc-ball) !important; border-color: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_vista_movil_tabs button i { color: inherit !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-anotacion, body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-btn-anotacion * { font-family: var(--cc-display) !important; font-size: 19px !important; font-weight: 800 !important; letter-spacing: .03em !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="bolas"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="strikes"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="outs"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="fouls"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="pit_turno"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="pit_total"] { font-size: 34px !important; line-height: 1 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="bolas"] { color: var(--cc-sky) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="strikes"] { color: var(--cc-amber) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="pit_turno"], body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-count-row [data-bs-count="pit_total"] { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion, body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion * { font-size: 19px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion { min-height: 48px !important; } @media (max-width: 380px) { body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion, body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion * { font-size: 16px !important; } } /* ---- V68.622 · Computadora: marcador de estadio, campo y paneles ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_barra_juego_compacta.bs-marcador-estadio { background: linear-gradient(180deg, var(--cc-board) 0%, var(--cc-bg) 100%) !important; border-color: var(--cc-line) !important; border-radius: 18px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-marcador-carreras { font-family: var(--cc-display) !important; font-weight: 900 !important; color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-marcador-nombre { font-family: var(--cc-display) !important; font-weight: 900 !important; color: var(--cc-chalk) !important; white-space: normal !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-marcador-lado { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-marcador-estado { background: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; border-color: var(--cc-ball) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-marcador-estado * { color: var(--cc-ball-ink) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-marcador-pitcher { color: var(--cc-muted) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_anotacion_card [class*="bg-slate-9"], body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_anotacion_card [class*="bg-emerald-950"], body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_anotacion_card [class*="bg-purple-950"], body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel { background: var(--cc-board) !important; border-color: var(--cc-line) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_inning_panel h3 { font-family: var(--cc-display) !important; font-size: 34px !important; color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoreboard_panel td, body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoreboard_panel th { font-size: 14px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoreboard_panel td.font-black { font-family: var(--cc-display) !important; font-size: 18px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-albat-nombre, body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-context-name { font-family: var(--cc-display) !important; font-size: 22px !important; color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-context-title { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_secondary_actions button { background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; border-radius: 12px !important; font-weight: 800 !important; } /* ---- V68.622 · Tema Día en la pantalla de anotar: textos oscuros sobre fondo claro ---- */ body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_anotacion_card [class*="bg-slate-8"] { background: var(--cc-board) !important; border-color: var(--cc-line) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] :is(#bs_anotacion_card, #bs_barra_juego_compacta) :is(.text-white, .text-slate-100, .text-slate-200, .text-slate-300, .text-cyan-100, .text-cyan-200) { color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] :is(#bs_anotacion_card, #bs_barra_juego_compacta) :is(.text-slate-400, .text-slate-500) { color: var(--cc-muted) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] :is(#bs_anotacion_card, #bs_barra_juego_compacta) :is(.text-cyan-300, .text-cyan-400, .text-emerald-300, .text-emerald-400, .text-purple-300, .text-violet-300) { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] :is(#bs_anotacion_card, #bs_barra_juego_compacta, #bs_scoring_dock) * { text-shadow: none !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] .bs-dock-boxscore-table td, body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] #bs_scoreboard_panel td { color: var(--cc-chalk) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] .bs-marcador-carreras, body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] .bs-marcador-nombre { color: var(--cc-chalk) !important; text-shadow: none !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] #bs_field_panel { background: #2c6a52 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] #bs_field_panel :is(.text-white, p) { color: #f3f1e7 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_inning_panel { background: var(--cc-board) !important; border-color: var(--cc-line) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin[data-tema="dia"] :is(#bs_scoring_dock, #bs_anotacion_card) [class*="text-cyan"] { color: var(--cc-acc) !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_action_pad > p, body.bs-anotacion-activa #bs_home_root.cc2-skin .bs-pad-titulo { color: var(--cc-acc) !important; } /* ========================================================================== V68.623 — CAPA GLOBAL: "cuando me voy de esta apariencia siento que voy a otra aplicación". Todo lo del estilo anterior dentro de Box Score (pantallas, tarjetas, botones, ventanas/modales) toma los colores, letras y bordes del diseño nuevo y del tema (◐). Solo apariencia. Colores con significado (avisos ámbar, rojo, verde) se conservan; en el tema Día se oscurecen para que se lean. ========================================================================== */ body.cc2-app:has(#bs_home_root) { background: var(--cc-bg) !important; color: var(--cc-chalk); } body.cc2-app:has(#bs_home_root) > div header, body.cc2-app:has(#bs_home_root) header.sticky { background: var(--cc-bg) !important; border-color: var(--cc-line) !important; } body.cc2-app:has(#bs_home_root) header h2 { color: var(--cc-chalk) !important; font-family: var(--cc-display) !important; font-size: 18px !important; letter-spacing: .04em; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) { font-family: var(--cc-body); } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(h1, h2, h3, h4) { font-family: var(--cc-display) !important; letter-spacing: .02em; } /* Fondos */ :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) [class*="bg-slate-900"] { background-color: var(--cc-board) !important; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) [class*="bg-slate-950"] { background-color: var(--cc-deep) !important; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) [class*="bg-slate-800"], :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) [class*="bg-slate-700"] { background-color: var(--cc-row) !important; } /* Bordes */ :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is([class*="border-slate-"], [class*="border-cyan-9"], [class*="border-cyan-8"]) { border-color: var(--cc-line) !important; } /* Textos */ :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(.text-white, .text-slate-50, .text-slate-100, .text-slate-200) { color: var(--cc-chalk) !important; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(.text-slate-300, .text-slate-400, .text-slate-500, .text-slate-600) { color: var(--cc-muted) !important; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is([class*="text-cyan-2"], [class*="text-cyan-3"], [class*="text-cyan-4"], [class*="text-sky-3"], [class*="text-sky-4"], [class*="text-teal-3"]) { color: var(--cc-acc) !important; } /* Botón principal (antes cian) = color del tema */ :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(button, a)[class*="bg-cyan-6"], :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(button, a)[class*="bg-cyan-7"] { background: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; border-color: var(--cc-ball) !important; box-shadow: none !important; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(button, a)[class*="bg-cyan-6"] *, :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) :is(button, a)[class*="bg-cyan-7"] * { color: var(--cc-ball-ink) !important; } :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) [class*="bg-cyan-9"], :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) [class*="bg-cyan-950"] { background-color: var(--cc-soft) !important; } /* Botones en general: esquinas y letra del diseño nuevo */ :is(body.cc2-app #bs_home_root, body.cc2-app #bs_modal_runtime) button { font-family: var(--cc-body); } /* Ventanas (modales) */ body.cc2-app #bs_modal_runtime { background: rgba(0,0,0,.72) !important; } body.cc2-app[data-tema="dia"] #bs_modal_runtime { background: rgba(19,37,31,.45) !important; } body.cc2-app #bs_modal_runtime > div { background: var(--cc-bg) !important; border: 1px solid var(--cc-line) !important; border-radius: 22px !important; color: var(--cc-chalk); } body.cc2-app #bs_modal_runtime > div > div:first-child { background: linear-gradient(180deg, var(--cc-board) 0%, var(--cc-bg) 100%) !important; border-color: var(--cc-line) !important; border-radius: 22px 22px 0 0; } body.cc2-app #bs_modal_runtime > div > div:last-child { background: var(--cc-bg) !important; border-color: var(--cc-line) !important; } body.cc2-app #bs_modal_runtime h3 { font-size: 26px !important; color: var(--cc-chalk) !important; } body.cc2-app #bs_modal_runtime #bs_modal_cerrar { background: transparent !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; border-radius: 12px !important; } body.cc2-app #bs_modal_runtime [data-accion] { border-radius: 14px !important; font-family: var(--cc-display) !important; font-size: 17px !important; letter-spacing: .04em !important; box-shadow: none !important; } /* V68.644 — Solo los botones del PIE de la ventana (Cerrar / Aceptar…): antes la regla también pintaba los botones de adentro (Exportar: WhatsApp perdía su verde y Descargar quedaba cian con letra blanca ilegible). */ body.cc2-app #bs_modal_runtime > div > div:last-child > * > [data-accion]:last-child:not([class*="bg-red"]):not([class*="bg-amber"]):not([class*="bg-orange"]), body.cc2-app #bs_modal_runtime > div > div:last-child > [data-accion]:last-child:not([class*="bg-red"]):not([class*="bg-amber"]):not([class*="bg-orange"]) { background: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; border: 1px solid var(--cc-ball) !important; } body.cc2-app #bs_modal_runtime > div > div:last-child > * > [data-accion]:not(:last-child), body.cc2-app #bs_modal_runtime > div > div:last-child > [data-accion]:not(:last-child) { background: transparent !important; border: 1px solid var(--cc-line) !important; color: var(--cc-chalk) !important; } /* Botones grandes dentro de la ventana (p. ej. Exportar): letra del tema y fondo legible. */ body.cc2-app #bs_modal_runtime [data-accion][class*="bg-slate-8"] { background: var(--cc-row) !important; border: 1px solid var(--cc-line) !important; } body.cc2-app #bs_modal_runtime [data-accion][class*="bg-cyan-9"] { background: var(--cc-soft) !important; border: 1px solid var(--cc-ball) !important; } body.cc2-app #bs_modal_runtime :is(input, select, textarea) { background: var(--cc-input) !important; color: var(--cc-chalk) !important; border-color: var(--cc-line) !important; border-radius: 12px !important; } /* Tarjetas de "En curso" / "Historial": nombres y marcador con la letra del diseño */ body.cc2-app #bs_home_root #bs_partidos_en_curso :is(.text-2xl, .text-sm.font-black) { font-family: var(--cc-display) !important; } body.cc2-app #bs_home_root #bs_partidos_en_curso .text-2xl { font-size: 30px !important; } /* Tema Día: los colores de aviso sobre fondo claro */ body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) [class*="bg-emerald-9"] { background-color: rgba(46,160,90,.12) !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="bg-amber-9"], [class*="bg-orange-9"], [class*="bg-yellow-9"]) { background-color: rgba(242,180,65,.16) !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="bg-red-9"], [class*="bg-rose-9"]) { background-color: rgba(255,107,91,.12) !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="bg-violet-9"], [class*="bg-purple-9"], [class*="bg-fuchsia-9"], [class*="bg-indigo-9"]) { background-color: rgba(160,120,255,.12) !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="bg-sky-9"], [class*="bg-teal-9"], [class*="bg-blue-9"]) { background-color: rgba(124,196,255,.14) !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="text-emerald-"], [class*="text-green-"]) { color: #1f5a36 !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="text-amber-"], [class*="text-yellow-"], [class*="text-orange-"]) { color: #7a4a00 !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="text-red-"], [class*="text-rose-"]) { color: #8a1c10 !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="text-violet-"], [class*="text-purple-"], [class*="text-fuchsia-"], [class*="text-indigo-"]) { color: #4b2a8a !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="text-sky-"], [class*="text-blue-"], [class*="text-teal-"]) { color: #0d3e6b !important; } /* Pero los botones sólidos de color (verde Continuar, rojo, etc.) mantienen su letra clara */ body.cc2-app :is(#bs_home_root, #bs_modal_runtime) :is(button, a):is([class*="bg-emerald-6"], [class*="bg-emerald-7"], [class*="bg-red-6"], [class*="bg-red-7"], [class*="bg-amber-6"], [class*="bg-amber-7"], [class*="bg-orange-6"], [class*="bg-orange-7"], [class*="bg-violet-7"], [class*="bg-fuchsia-7"]), body.cc2-app :is(#bs_home_root, #bs_modal_runtime) :is(button, a):is([class*="bg-emerald-6"], [class*="bg-emerald-7"], [class*="bg-red-6"], [class*="bg-red-7"], [class*="bg-amber-6"], [class*="bg-amber-7"], [class*="bg-orange-6"], [class*="bg-orange-7"], [class*="bg-violet-7"], [class*="bg-fuchsia-7"]) * { color: #fff !important; } /* V68.623 — ajustes de la capa global */ @media (min-width: 1024px) { body.bs-anotacion-activa #bs_home_root.cc2-skin { --cc-dock-tools-display: none; } } body.cc2-app:has(#bs_home_root) *:has(> #contenedor_principal), body.cc2-app:has(#bs_home_root) #contenedor_principal { background: var(--cc-bg) !important; } #bs_home_root#bs_home_root.cc2-skin #bs_nav_tabs [data-bs-tab]:not([aria-pressed="true"]) { background: var(--cc-row) !important; color: var(--cc-chalk) !important; border-color: var(--cc-line) !important; } #bs_home_root#bs_home_root.cc2-skin #bs_nav_tabs [data-bs-tab]:not([aria-pressed="true"]) * { color: var(--cc-chalk) !important; } #bs_home_root#bs_home_root.cc2-skin #bs_nav_tabs [data-bs-tab]:not([aria-pressed="true"]) i { color: var(--cc-acc) !important; } #bs_home_root#bs_home_root.cc2-skin #bs_nav_tabs [data-bs-tab][aria-pressed="true"], #bs_home_root#bs_home_root.cc2-skin #bs_nav_tabs [data-bs-tab][aria-pressed="true"] * { color: var(--cc-ball-ink) !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="text-lime-"], [class*="text-cyan-"]) { color: #33400a !important; } body.cc2-app[data-tema="dia"] :is(#bs_home_root, #bs_modal_runtime) :is([class*="bg-lime-9"], [class*="bg-cyan-9"]) { background-color: rgba(201,212,0,.14) !important; } /* V68.624 — Nombre de persona en campos separados: Nombre(s) · Apellido paterno · Apellido materno (+ número) */ .cc2-nombre3 { display: grid; gap: 8px; grid-template-columns: 1fr; width: 100%; min-width: 0; } .cc2-nombre3 .cc2-search { width: 100%; min-width: 0; } @media (min-width: 700px) { .cc2-nombre3 { grid-template-columns: 1fr 1fr 1fr; } .cc2-nombre3:has(.cc2-num) { grid-template-columns: 1fr 1fr 1fr 110px; } } .cc2-nombre3 .cc2-num { max-width: 110px; } /* V68.625 — Ficha de jugadora (reemplaza al Tarjetón): encabezado fijo + sub-pestañas + números grandes */ .cc2-ficha { display: flex; gap: 12px; align-items: center; } .cc2-ficha-foto { width: 58px; height: 58px; flex: none; border-radius: 14px; border: 1px solid var(--cc-line); background: var(--cc-row); display: flex; align-items: center; justify-content: center; overflow: hidden; } .cc2-ficha-foto img { width: 100%; height: 100%; object-fit: cover; } .cc2-ficha-foto span { font-family: var(--cc-display); font-weight: 900; font-size: 22px; color: var(--cc-muted); } .cc2-ficha-txt { min-width: 0; flex: 1; } .cc2-ficha-txt > b { display: block; font-family: var(--cc-display); font-weight: 900; font-size: 22px; line-height: 1.05; text-transform: uppercase; letter-spacing: .01em; } .cc2-ficha-txt > span { display: block; font-size: 12px; color: var(--cc-muted); margin-top: 2px; } .cc2-ficha-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; } .cc2-ficha-tags:empty { display: none; } .cc2-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } @media (min-width: 700px) { .cc2-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .cc2-kpi { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 12px; padding: 8px 6px; text-align: center; min-width: 0; } .cc2-kpi b { display: block; font-family: var(--cc-display); font-weight: 900; font-size: 26px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc2-kpi small { display: block; margin-top: 3px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-muted); } .cc2-kpi.is-hl { border-color: var(--cc-ball); } .cc2-kpi.is-hl b { color: var(--cc-acc); } .cc2-chip[disabled] { opacity: .4; cursor: not-allowed; } /* V68.625 — Libreta: pestañas (Libreta · Alineación · Jugadoras · Técnico · Ampayers) y selector de EQUIPOS con los colores del tema (antes cada pestaña tenía su color). */ body.cc2-app #bs_home_root .bs-vista-tabs { background: var(--cc-deep) !important; border-color: var(--cc-line) !important; } body.cc2-app #bs_home_root .bs-vista-tab { font-family: var(--cc-display) !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .03em !important; color: var(--cc-muted) !important; } body.cc2-app #bs_home_root .bs-vista-tab:hover { color: var(--cc-chalk) !important; } body.cc2-app #bs_home_root .bs-vista-tab.is-active { background: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; border-color: var(--cc-ball) !important; box-shadow: none !important; } body.cc2-app #bs_home_root .bs-team-grid-tab { background: transparent !important; border-color: var(--cc-line) !important; color: var(--cc-muted) !important; box-shadow: none !important; } body.cc2-app #bs_home_root .bs-team-grid-tab .bs-team-grid-name { color: var(--cc-chalk) !important; font-family: var(--cc-display) !important; font-size: 15px !important; } body.cc2-app #bs_home_root .bs-team-grid-tab .bs-team-grid-role { color: var(--cc-muted) !important; } body.cc2-app #bs_home_root .bs-team-grid-tab.bs-team-grid-tab-active { background: var(--cc-ball) !important; border-color: var(--cc-ball) !important; } body.cc2-app #bs_home_root .bs-team-grid-tab.bs-team-grid-tab-active .bs-team-grid-name, body.cc2-app #bs_home_root .bs-team-grid-tab.bs-team-grid-tab-active .bs-team-grid-role { color: var(--cc-ball-ink) !important; } body.cc2-app #bs_home_root .bs-equipos-switcher { background: var(--cc-bg) !important; border-color: var(--cc-line) !important; } body.cc2-app #bs_home_root .bs-equipos-switcher-label { color: var(--cc-muted) !important; } /* Banca de la Libreta / Alineación y vistas Jugadoras-Técnico-Ampayers */ .bs-banca-cc2 { padding: 12px; border: 1px solid var(--cc-line); border-radius: 16px; background: var(--cc-deep); color: var(--cc-chalk); } .bs-banca-cc2-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; } .bs-banca-cc2-head b { display: block; font-family: var(--cc-display); font-weight: 900; font-size: 18px; text-transform: uppercase; color: var(--cc-acc); } .bs-banca-cc2-head span { display: block; font-size: 11px; color: var(--cc-muted); } .bs-banca-cc2-list { max-height: 42vh; overflow-y: auto; } .bs-banca-cc2 .cc2-row, .bs-vista-cc2 .cc2-row { color: var(--cc-chalk); } .bs-banca-cc2-btn { width: 100%; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; } .bs-vista-cc2 { color: var(--cc-chalk); } .bs-banca-cc2 .cc2-ord, .bs-vista-cc2 .cc2-ord { width: auto; min-width: 38px; } /* V68.626 — Pitchers con el diseño nuevo: pitchers y entradas fijos arriba, números grandes, tabla por entrada */ .cc2-pchips { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; scrollbar-width: none; } .cc2-pchips::-webkit-scrollbar { display: none; } .cc2-pchip { flex: 0 0 auto; max-width: 78%; text-align: left; border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 12px; padding: 7px 10px; color: var(--cc-chalk); } .cc2-pchip b { display: block; font-weight: 800; font-size: 13px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cc2-pchip span { display: block; font-size: 10px; font-weight: 700; color: var(--cc-muted); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .cc2-pchip[aria-pressed="true"] { border-color: var(--cc-ball); box-shadow: 0 0 0 2px var(--cc-ring) inset; } .cc2-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--cc-ball); margin-right: 4px; vertical-align: 1px; } .cc2-innrow { display: flex; gap: 5px; margin-top: 8px; overflow-x: auto; scrollbar-width: none; } .cc2-innrow::-webkit-scrollbar { display: none; } .cc2-inn { flex: 0 0 auto; min-width: 52px; border: 1px solid var(--cc-line); background: transparent; border-radius: 10px; padding: 4px 8px; text-align: center; color: var(--cc-chalk); } .cc2-inn b { display: block; font-family: var(--cc-display); font-weight: 800; font-size: 15px; text-transform: uppercase; line-height: 1.1; } .cc2-inn span { display: block; font-size: 10px; color: var(--cc-muted); font-weight: 700; } .cc2-inn[aria-pressed="true"] { background: var(--cc-ball); border-color: var(--cc-ball); color: var(--cc-ball-ink); } .cc2-inn[aria-pressed="true"] span { color: var(--cc-ball-ink); opacity: .75; } .cc2-kpi em { display: block; font-style: normal; font-size: 10px; color: var(--cc-muted); margin-top: 1px; } .cc2-kpis-s .cc2-kpi b { font-size: 21px; } .cc2-kpi-btn { color: inherit; cursor: pointer; } .cc2-kpi-btn:hover { border-color: var(--cc-ball); } .cc2-formula { font-size: 11px; color: var(--cc-muted); margin-top: 6px; } .cc2-tabla-wrap { overflow-x: auto; border: 1px solid var(--cc-line); border-radius: 12px; } .cc2-tabla { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; } .cc2-tabla th { font-size: 10px; font-weight: 800; letter-spacing: .06em; color: var(--cc-muted); text-transform: uppercase; padding: 7px 5px; text-align: center; background: var(--cc-deep); } .cc2-tabla td { padding: 8px 5px; text-align: center; border-top: 1px solid var(--cc-line); font-weight: 700; } .cc2-tabla td:first-child, .cc2-tabla th:first-child { text-align: left; padding-left: 10px; white-space: nowrap; } .cc2-tabla td.hl { color: var(--cc-acc); font-weight: 900; } .cc2-tabla tbody tr { cursor: pointer; } .cc2-tabla tbody tr:hover, .cc2-tabla tr.is-sel { background: var(--cc-soft); } .cc2-tabla tfoot td { font-weight: 900; background: var(--cc-deep); cursor: pointer; } .cc2-kpis.cc2-kpis-s { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; } .cc2-kpis-s .cc2-kpi { padding: 6px 2px; } @media (max-width: 699px) { .cc2-kpis-s .cc2-kpi b { font-size: 19px; } .cc2-kpis-s .cc2-kpi small { letter-spacing: .02em; } .cc2-kpis-s .cc2-kpi em { font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cc2-kpis-s + .cc2-h, .cc2-kpis + .cc2-h { margin-top: 12px; } } /* V68.627 — Campo de anotación: cuenta en círculos (izq.) y AL BAT en tarjeta (der.) sin encimarse */ body.bs-anotacion-activa #bs_field_panel::after { content: none !important; } #bs_field_panel .bs-campo-luces { position: absolute; left: 10px; bottom: 10px; z-index: 12; display: flex; flex-direction: column; gap: 5px; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: color-mix(in srgb, var(--cc-bg, #0b1a16) 82%, transparent); cursor: pointer; text-align: left; } #bs_field_panel .bs-luz-fila { display: flex; align-items: center; gap: 7px; line-height: 1; } #bs_field_panel .bs-luz-fila b { width: 12px; font-family: var(--cc-display, inherit); font-weight: 900; font-size: 15px; color: var(--cc-muted, #94a3b8); } #bs_field_panel .bs-luz-fila em { font-style: normal; font-family: var(--cc-display, inherit); font-weight: 900; font-size: 15px; min-width: 10px; color: var(--cc-chalk, #fff); } #bs_field_panel .bs-luces { display: flex; gap: 5px; } #bs_field_panel .bs-luces i { width: 15px; height: 15px; border-radius: 50%; border: 2px solid var(--cc-line, rgba(148,163,184,.45)); background: transparent; transition: background .15s, border-color .15s, box-shadow .15s; } #bs_field_panel .bs-luz-bolas .bs-luces i.on { background: #4fb3ff; border-color: #4fb3ff; box-shadow: 0 0 8px rgba(79,179,255,.6); } #bs_field_panel .bs-luz-strikes .bs-luces i.on { background: #f2b441; border-color: #f2b441; box-shadow: 0 0 8px rgba(242,180,65,.6); } #bs_field_panel .bs-luz-outs .bs-luces i.on { background: #ff6b5b; border-color: #ff6b5b; box-shadow: 0 0 8px rgba(255,107,91,.6); } #bs_field_panel .bs-albat-card { position: absolute; right: 10px; bottom: 10px; z-index: 12; max-width: min(46%, 340px); padding: 8px 12px; border-radius: 12px; text-align: left; border: 1px solid var(--cc-ball, #22d3ee); background: color-mix(in srgb, var(--cc-bg, #0b1a16) 86%, transparent); cursor: pointer; } #bs_field_panel .bs-albat-card .bs-albat-lbl { display: block; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--cc-acc, #22d3ee); } #bs_field_panel .bs-albat-card .bs-albat-nombre { margin: 2px 0 0; font-family: var(--cc-display, inherit); font-weight: 900; text-transform: uppercase; font-size: clamp(15px, 1.5vw, 22px); line-height: 1.05; color: var(--cc-chalk, #fff); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #bs_field_panel .bs-albat-card:hover { box-shadow: 0 0 0 2px var(--cc-ring, rgba(34,211,238,.4)); } @media (max-width: 520px) { #bs_field_panel .bs-campo-luces { left: 6px; bottom: 6px; padding: 6px 8px; gap: 4px; } #bs_field_panel .bs-luces i { width: 12px; height: 12px; } #bs_field_panel .bs-albat-card { right: 6px; bottom: 6px; max-width: 52%; padding: 6px 9px; } } /* V68.627 — ganar a reglas anteriores del botón AL BAT (fondo transparente / centrado) */ body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable.bs-albat-card { position: absolute !important; left: auto !important; right: 10px !important; bottom: 10px !important; top: auto !important; transform: none !important; margin: 0 !important; padding: 8px 12px !important; border: 1px solid var(--cc-ball, #22d3ee) !important; background: color-mix(in srgb, var(--cc-bg, #0b1a16) 88%, transparent) !important; max-width: min(46%, 340px) !important; width: auto !important; text-align: left !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel .bs-albat-card .bs-albat-nombre { font-size: clamp(15px, 1.5vw, 22px) !important; line-height: 1.05 !important; max-width: none !important; padding: 0 !important; } @media (max-width: 520px) { body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable.bs-albat-card { right: 6px !important; bottom: 6px !important; max-width: 52% !important; padding: 6px 9px !important; } } @media (min-width: 521px) { body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable.bs-albat-card { max-width: 31% !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel .bs-albat-card .bs-albat-nombre { font-size: clamp(14px, 1.15vw, 19px) !important; } } @media (min-width: 1024px) { body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel { min-height: 300px !important; } } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel .bs-albat-card .bs-albat-nombre { -webkit-line-clamp: 3 !important; overflow-wrap: normal !important; word-break: normal !important; } @media (min-width: 521px) and (max-width: 1499px) { body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable.bs-albat-card { max-width: 38% !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel .bs-albat-card .bs-albat-nombre { font-size: 14px !important; } } /* Circulitos bajo BOLA / STRIKE / OUT en la fila del conteo (celular y computadora) */ .bs-count-luces { display: flex; justify-content: center; gap: 4px; margin-top: 5px; } .bs-count-luces i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--cc-line, rgba(148,163,184,.45)); } .bs-count-luces.bs-luz-bolas i.on { background: #4fb3ff; border-color: #4fb3ff; } .bs-count-luces.bs-luz-strikes i.on { background: #f2b441; border-color: #f2b441; } .bs-count-luces.bs-luz-outs i.on { background: #ff6b5b; border-color: #ff6b5b; } @media (max-width: 699px) { body.bs-anotacion-activa #bs_field_panel .bs-albat-clickable.bs-albat-card { display: none !important; } body.bs-anotacion-activa #bs_field_panel .bs-campo-luces { left: auto; right: 6px; top: 6px; bottom: auto; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_field_panel { min-height: 240px !important; } } /* V68.629 — Preparar lineup (antes del juego) con el diseño nuevo */ #bs_lineup_area .bs-prep { border: 1px solid var(--cc-line); background: var(--cc-deep); border-radius: 20px; padding: 14px; color: var(--cc-chalk); display: flex; flex-direction: column; gap: 12px; } #bs_lineup_area .bs-prep-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-items: flex-start; } #bs_lineup_area .bs-prep-kicker { font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--cc-acc); } #bs_lineup_area .bs-prep-title { font-family: var(--cc-display); font-weight: 900; font-size: 28px; text-transform: uppercase; line-height: 1; margin-top: 2px; } #bs_lineup_area .bs-prep-teams { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; text-transform: uppercase; } #bs_lineup_area .bs-prep-teams b { font-weight: 800; max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #bs_lineup_area .bs-prep-nota { font-size: 11px; color: var(--cc-muted); margin-top: 4px; line-height: 1.35; } #bs_lineup_area .bs-prep-tools { display: flex; gap: 6px; flex-wrap: wrap; } #bs_lineup_area .bs-prep-tools .cc2-mini[disabled] { opacity: .4; cursor: not-allowed; } #bs_lineup_area .bs-prep-rapido { border: 1px solid var(--cc-line); border-radius: 16px; padding: 12px; background: var(--cc-row); display: flex; flex-direction: column; gap: 8px; } #bs_lineup_area .bs-prep-estado { display: grid; gap: 6px; } #bs_lineup_area .bs-prep-eq { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } #bs_lineup_area .bs-prep-eq b { font-weight: 800; text-transform: uppercase; font-size: 13px; margin-right: 4px; min-width: 6.5rem; } #bs_lineup_area .bs-prep-llenar { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; } #bs_lineup_area .bs-prep-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; } #bs_lineup_area .bs-prep-tab { text-align: left; border: 1px solid var(--cc-line); background: var(--cc-deep); color: var(--cc-chalk); border-radius: 14px; padding: 8px 12px; min-width: 0; } #bs_lineup_area .bs-prep-tab small { display: block; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cc-muted); } #bs_lineup_area .bs-prep-tab b { display: block; font-family: var(--cc-display); font-weight: 900; font-size: 19px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #bs_lineup_area .bs-prep-tab span { display: block; font-size: 11px; color: var(--cc-muted); } #bs_lineup_area .bs-prep-tab em { font-style: normal; color: var(--cc-amber); font-weight: 800; } #bs_lineup_area .bs-prep-tab[aria-pressed="true"] { background: var(--cc-ball); border-color: var(--cc-ball); color: var(--cc-ball-ink); } #bs_lineup_area .bs-prep-tab[aria-pressed="true"] :is(small, span, em) { color: var(--cc-ball-ink); opacity: .8; } #bs_lineup_area .bs-prep-panel { background: var(--cc-deep) !important; border-color: var(--cc-line) !important; color: var(--cc-chalk); } #bs_lineup_area .bs-prep-panel-head { margin-bottom: 8px; } #bs_lineup_area .bs-prep-toolbar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; } #bs_lineup_area .bs-prep-toolbar .cc2-mini { display: inline-flex; align-items: center; gap: 6px; color: var(--cc-chalk); } #bs_lineup_area .bs-prep-toolbar .cc2-mini.bs-prep-principal { background: var(--cc-ball); border-color: var(--cc-ball); color: var(--cc-ball-ink); } #bs_lineup_area .bs-prep-toolbar .cc2-mini.is-on { background: var(--cc-amber); border-color: var(--cc-amber); color: #2b1a00; } #bs_lineup_area .bs-prep-renglones { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--cc-muted); } #bs_lineup_area .bs-prep-renglones .cc2-mini { width: 34px; height: 32px; justify-content: center; padding: 0; } /* Renglones del lineup: nombre y número como texto (son de solo lectura), renglón tipo tarjeta */ #bs_lineup_area [id$="_rows"] > [data-lineup-lado] { border: 1px solid var(--cc-line) !important; background: var(--cc-row); border-radius: 12px; } #bs_lineup_area [id$="_rows"] > [data-lineup-lado]:hover { border-color: var(--cc-ball) !important; } #bs_lineup_area :is([id^="bs_VISITA_nom_"], [id^="bs_LOCAL_nom_"]) { background: transparent !important; border-color: transparent !important; color: var(--cc-chalk) !important; opacity: 1 !important; cursor: default !important; font-family: var(--cc-display); font-size: 16px !important; font-weight: 800 !important; letter-spacing: .01em; padding-left: 4px !important; } #bs_lineup_area :is([id^="bs_VISITA_nom_"], [id^="bs_LOCAL_nom_"])::placeholder { color: var(--cc-muted); opacity: .6; font-size: 12px; } #bs_lineup_area :is([id^="bs_VISITA_num_"], [id^="bs_LOCAL_num_"]) { background: transparent !important; border-color: transparent !important; color: var(--cc-muted) !important; opacity: 1 !important; font-weight: 800; font-size: 12px !important; } #bs_lineup_area .bs-prep-sust { display: inline-flex; align-items: center; gap: 5px; margin: 2px 0 2px 4px; padding: 3px 8px; border-radius: 8px; background: var(--cc-amber); color: #2b1a00; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; } #bs_lineup_area button[onclick*="guardarLineupsManuales"] { background: var(--cc-ball) !important; color: var(--cc-ball-ink) !important; font-family: var(--cc-display); font-size: 20px !important; letter-spacing: .04em !important; border-radius: 16px !important; } @media (max-width: 520px) { #bs_lineup_area .bs-prep-title { font-size: 24px; } #bs_lineup_area .bs-prep-renglones { margin-left: 0; } } /* V68.629 — renglones compactos (el nombre es texto, no caja) */ body.cc2-app #bs_home_root #bs_lineup_area :is(input[id^="bs_VISITA_nom_"], input[id^="bs_LOCAL_nom_"]) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--cc-chalk) !important; opacity: 1 !important; font-family: var(--cc-display) !important; font-size: 17px !important; font-weight: 800 !important; padding: 2px 4px !important; height: auto !important; } body.cc2-app #bs_home_root #bs_lineup_area :is(input[id^="bs_VISITA_num_"], input[id^="bs_LOCAL_num_"]) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--cc-muted) !important; opacity: 1 !important; padding: 2px !important; } body.cc2-app #bs_home_root #bs_lineup_area [id$="_rows"] > [data-lineup-lado] { padding: 4px 6px !important; } #bs_lineup_area .bs-prep-sust { margin: 0 0 2px 4px; padding: 2px 7px; font-size: 9px; white-space: nowrap; } #bs_lineup_area .bs-prep-llenar:not(.primary) { color: var(--cc-muted); } body.cc2-app #bs_home_root #bs_lineup_area button[onclick*="guardarLineupsManuales"] { font-size: 18px !important; line-height: 1.15 !important; padding: 14px 10px !important; } /* V68.630 — lo que se escribe se ve en mayúsculas desde la primera letra */ .cc2 input.cc2-search:not([data-sin-mayus]):not([inputmode="numeric"]) { text-transform: uppercase; } .cc2 input.cc2-search::placeholder { text-transform: none; } /* V68.630 — Estadísticas con el recorrido del catálogo */ .cc2-statline { flex: none; font-size: 11px; color: var(--cc-muted); white-space: nowrap; text-align: right; } .cc2-statline b { font-family: var(--cc-display); font-size: 17px; font-weight: 900; color: var(--cc-chalk); margin-left: 6px; margin-right: 1px; } .cc2-bignum { flex: none; font-family: var(--cc-display); font-weight: 900; font-size: 24px; color: var(--cc-acc); min-width: 34px; text-align: right; } .cc2-ord.cc2-res-G { color: var(--cc-ball); } .cc2-ord.cc2-res-P { color: var(--cc-red); } .cc2-ord.cc2-res-E { color: var(--cc-amber); } @media (max-width: 420px) { .cc2-statline b { font-size: 15px; margin-left: 4px; } } /* V68.631 — Anotar en celular: todo el teclado a la vista sin scroll. AL BAT en su línea, SIGUE/DESPUÉS en una línea, EMBASADAS sobre las bases, y conteo tipo semáforo (bolitas) más bajito. */ @media (max-width: 1023px) { body.bs-anotacion-activa #bs_scoring_dock .bs-dock-bases-head { margin: 2px 0 0 !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-dock-albat { flex: 1 1 100% !important; text-align: left !important; clip-path: none !important; background: transparent !important; font-family: var(--cc-display) !important; font-size: clamp(19px, 5.4vw, 24px) !important; line-height: 1.05 !important; color: var(--cc-chalk) !important; padding: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-proximas { flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 10px !important; margin: 3px 0 4px !important; font-size: 10px !important; overflow: hidden; white-space: nowrap; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-proximas > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-bases-cap { font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: var(--cc-acc); margin: 2px 0 3px; } /* Semáforo */ body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-row { padding: 5px 8px !important; gap: 4px !important; align-items: center !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-stat:has(.bs-count-luces) { display: grid !important; grid-template-columns: auto auto; column-gap: 5px; align-items: center; justify-content: center; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-stat:has(.bs-count-luces) > p:first-child { grid-column: 1 / 3; text-align: center; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-stat:has(.bs-count-luces) > p.text-3xl { grid-row: 2; grid-column: 2; font-size: 17px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-stat:has(.bs-count-luces) > .bs-count-luces { grid-row: 2; grid-column: 1; margin: 0; gap: 4px; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-luces i { width: 13px; height: 13px; border-width: 2px; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-stat > p.text-3xl { font-size: 22px !important; } } @media (max-width: 1023px) { body.bs-anotacion-activa #bs_action_pad::before { content: none !important; display: none !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-boxscore-foot { margin-top: 2px !important; gap: 6px !important; min-height: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-reto-btn { padding: 3px 8px !important; min-height: 0 !important; font-size: 10px !important; line-height: 1.2 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-boxscore-entrada { font-size: 20px !important; line-height: 1 !important; } } /* Pantallas bajas (celulares con barras del sistema): todo el teclado sin scroll */ @media (max-width: 1023px) and (max-height: 900px) { body.bs-anotacion-activa #bs_action_pad button { min-height: 40px !important; height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; } body.bs-anotacion-activa #bs_action_pad .grid, body.bs-anotacion-activa #bs_action_pad > div { gap: 5px !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-accion-rapida { min-height: 32px !important; height: 32px !important; padding-top: 0 !important; padding-bottom: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-boxscore-table td, body.bs-anotacion-activa #bs_scoring_dock .bs-dock-boxscore-table th { padding-top: 1px !important; padding-bottom: 1px !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-lanzando { padding-top: 3px !important; padding-bottom: 3px !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-tools button { min-height: 34px !important; } } @media (max-width: 1023px) and (max-height: 900px) { body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion { min-height: 41px !important; height: 41px !important; } } @media (max-width: 1023px) and (max-height: 900px) { body.bs-anotacion-activa #bs_scoring_dock .bs-dock-bases { gap: 4px !important; row-gap: 4px !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-bases > * { margin-top: 0 !important; margin-bottom: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-bases-row .bs-dock-base { min-height: 34px !important; padding-top: 3px !important; padding-bottom: 3px !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-count-row { padding: 3px 8px !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-bases-cap { margin: 0 !important; } } /* V68.631 — Centro de avisos (campanita) y avisos compactos abajo */ .ui-campana-badge { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: #c9d400; color: #121a00; font-size: 10px; font-weight: 900; line-height: 18px; text-align: center; } .ui-campana.has-error .ui-campana-badge { background: #ff6b5b; color: #2a0600; } .ui-avisos-pila { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 10002; display: flex; flex-direction: column; gap: 6px; width: min(92vw, 440px); pointer-events: none; } @media (min-width: 1024px) { .ui-avisos-pila { left: auto; right: 20px; transform: none; bottom: 20px; } } .ui-aviso { pointer-events: auto; display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 10px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.12); background: rgba(11, 26, 22, .96); color: #f3f1e7; font-size: 13px; font-weight: 700; line-height: 1.3; box-shadow: 0 10px 30px rgba(0,0,0,.45); opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; backdrop-filter: blur(6px); } .ui-aviso.is-on { opacity: 1; transform: none; } .ui-aviso span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ui-aviso i { flex: none; font-size: 15px; } .ui-aviso-success { border-left: 4px solid #c9d400; } .ui-aviso-success i { color: #c9d400; } .ui-aviso-info { border-left: 4px solid #7cc4ff; } .ui-aviso-info i { color: #7cc4ff; } .ui-aviso-warn { border-left: 4px solid #f2b441; } .ui-aviso-warn i { color: #f2b441; } .ui-aviso-error { border-left: 4px solid #ff6b5b; } .ui-aviso-error i { color: #ff6b5b; } .ui-avisos-panel { position: fixed; inset: 0; z-index: 10003; background: rgba(0,0,0,.45); display: flex; justify-content: flex-end; align-items: flex-start; padding: 64px 12px 12px; } .ui-avisos-caja { width: min(440px, 100%); max-height: 75vh; overflow: auto; background: #0b1a16; color: #f3f1e7; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,.5); } .ui-avisos-top { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.1); position: sticky; top: 0; background: #0b1a16; } .ui-avisos-top b { font-size: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; } .ui-avisos-top button { width: 34px; height: 34px; border-radius: 10px; border: 1px solid rgba(255,255,255,.15); color: #f3f1e7; } .ui-avisos-caja ul { list-style: none; margin: 0; padding: 6px; } .ui-aviso-fila { display: flex; gap: 10px; padding: 10px; border-radius: 12px; } .ui-aviso-fila + .ui-aviso-fila { border-top: 1px solid rgba(255,255,255,.06); } .ui-aviso-fila.is-new { background: rgba(201, 212, 0, .07); } .ui-aviso-fila p { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.35; } .ui-aviso-fila small { color: #9fb3aa; font-size: 11px; } .ui-aviso-fila i { margin-top: 2px; } .ui-aviso-fila.ui-aviso-success i { color: #c9d400; } .ui-aviso-fila.ui-aviso-info i { color: #7cc4ff; } .ui-aviso-fila.ui-aviso-warn i { color: #f2b441; } .ui-aviso-fila.ui-aviso-error i { color: #ff6b5b; } .ui-avisos-vacio { padding: 18px; color: #9fb3aa; font-size: 13px; } @media (max-width: 1023px) { .ui-avisos-pila { top: calc(6px + env(safe-area-inset-top)); bottom: auto; width: calc(100vw - 16px); } .ui-avisos-pila .ui-aviso { padding: 8px 12px; font-size: 12px; min-height: 52px; transform: translateY(-8px); } .ui-avisos-pila .ui-aviso.is-on { transform: none; } .ui-avisos-pila .ui-aviso:not(:last-child) { display: none; } } /* V68.631 — Vista de aficionada: mensaje si el juego no se pudo abrir */ .bs-pub-error { max-width: 380px; margin: 18vh auto 0; text-align: center; color: #f3f1e7; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 16px; } .bs-pub-error-ico { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(242,180,65,.14); color: #f2b441; font-size: 24px; } .bs-pub-error b { font-size: 22px; font-weight: 900; text-transform: uppercase; } .bs-pub-error p { font-size: 14px; color: #9fb3aa; line-height: 1.45; margin: 0; } .bs-pub-error button { margin-top: 6px; padding: 12px 26px; border-radius: 14px; background: #c9d400; color: #121a00; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; } /* V68.632 — Historial con el diseño nuevo */ .cc2-hlista { display: grid; gap: 8px; } @media (min-width: 900px) { .cc2-hlista { grid-template-columns: 1fr 1fr; } } .cc2-hjuego { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 14px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; } .cc2-hjuego-top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; } .cc2-hjuego-top b { display: block; font-family: var(--cc-display); font-weight: 900; font-size: 18px; text-transform: uppercase; line-height: 1.1; } .cc2-hjuego-top b em { font-style: normal; color: var(--cc-muted); font-size: 13px; } .cc2-hjuego-top span { display: block; font-size: 11px; color: var(--cc-muted); margin-top: 2px; } .cc2-hjuego-marc { flex: none; font-family: var(--cc-display); font-weight: 900; font-size: 24px; color: var(--cc-acc); white-space: nowrap; } .cc2-hjuego-meta { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; font-size: 11px; color: var(--cc-muted); } .cc2-hjuego-acc { display: flex; flex-wrap: wrap; gap: 6px; } .cc2-mini.cc2-mini-ball { background: var(--cc-ball); border-color: var(--cc-ball); color: var(--cc-ball-ink); } .cc2-mini.cc2-mini-red { color: var(--cc-red); border-color: color-mix(in srgb, var(--cc-red) 50%, transparent); } /* V68.633 — Anotar (celular): el panel ocupa toda la pantalla desde arriba; nada se esconde detrás (ni encabezado ni la franja "En curso"); barra superior propia con "‹ En curso", el juego y la campanita. */ .bs-dock-topbar { display: none; } @media (max-width: 1023px) { body.bs-anotacion-activa.bs-vista-movil-anotar #ui_header_app, body.bs-anotacion-activa.bs-vista-movil-anotar #bs_nav_migaja { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #ui_main, body.bs-anotacion-activa.bs-vista-movil-anotar { overflow: hidden !important; overscroll-behavior: none; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock { top: env(safe-area-inset-top, 0px) !important; max-height: calc(100vh - 54px - env(safe-area-inset-bottom, 0px) - env(safe-area-inset-top, 0px)) !important; max-height: calc(100dvh - 54px - env(safe-area-inset-bottom, 0px) - env(safe-area-inset-top, 0px)) !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock * { overscroll-behavior: contain; } body.bs-anotacion-activa.bs-vista-movil-anotar .bs-dock-topbar { display: flex; align-items: center; gap: 8px; padding: 2px 0 4px; min-height: 38px; } .bs-dock-topbar-back { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: var(--cc-row, #13261f); color: var(--cc-acc, #c9d400); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .bs-dock-topbar-titulo { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--cc-display, inherit); font-size: 15px; font-weight: 900; text-transform: uppercase; color: var(--cc-chalk, #fff); } .bs-dock-topbar-titulo em { font-style: normal; color: var(--cc-muted, #94a3b8); font-size: 12px; } .bs-dock-campana { flex: none; position: relative; width: 36px; height: 34px; border-radius: 10px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: var(--cc-row, #13261f); color: var(--cc-chalk, #fff); display: inline-flex; align-items: center; justify-content: center; } .bs-dock-campana.has-error .ui-campana-badge { background: #ff6b5b; color: #2a0600; } } /* V68.633 — Renglón con acción (basurita) en el catálogo */ .cc2-row.cc2-row-acc { padding: 0; gap: 0; overflow: hidden; } .cc2-row-acc .cc2-row-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 9px 10px; text-align: left; background: transparent; border: 0; color: inherit; } .cc2-basura { flex: none; align-self: stretch; width: 48px; border: 0; border-left: 1px solid var(--cc-line); background: transparent; color: var(--cc-red); font-size: 15px; } .cc2-basura:hover { background: color-mix(in srgb, var(--cc-red) 15%, transparent); } .bs-banca-cc2-btn.bs-banca-cc2-alta { border: 1px dashed var(--cc-ball, #c9d400) !important; color: var(--cc-acc, #c9d400) !important; background: transparent !important; font-size: 13px !important; } /* V68.635 — Llave de playoffs */ .cc2-llave { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; } .cc2-llave-col { flex: 0 0 min(78vw, 260px); display: flex; flex-direction: column; justify-content: space-around; gap: 10px; scroll-snap-align: start; } .cc2-llave-ronda { font-family: var(--cc-display); font-weight: 900; font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: var(--cc-acc); text-align: center; border-bottom: 1px solid var(--cc-line); padding-bottom: 6px; } .cc2-serie { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 14px; padding: 8px 10px; position: relative; transition: opacity .2s; } .cc2-serie.is-camino { border-color: var(--cc-ball); box-shadow: 0 0 0 2px var(--cc-ring) inset; } .cc2-serie.is-tenue { opacity: .45; } .cc2-serie-eq { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 4px 0; } .cc2-serie-eq + .cc2-serie-eq { border-top: 1px solid var(--cc-line); } .cc2-serie-eq b { font-weight: 800; font-size: 14px; text-transform: uppercase; overflow-wrap: anywhere; min-width: 0; color: var(--cc-muted); } .cc2-serie-eq span { font-family: var(--cc-display); font-weight: 900; font-size: 22px; color: var(--cc-muted); } .cc2-serie-eq.is-gana b, .cc2-serie-eq.is-gana span { color: var(--cc-chalk); } .cc2-serie-eq.is-gana span { color: var(--cc-acc); } .cc2-serie-eq.is-mio b { color: var(--cc-acc); } .cc2-serie-pie { font-size: 11px; color: var(--cc-muted); margin-top: 4px; } .cc2-serie-pie b { color: var(--cc-chalk); } .cc2-serie-juegos { display: flex; flex-direction: column; gap: 1px; margin-top: 4px; font-size: 10px; color: var(--cc-muted); } .cc2-serie-acc { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; } .cc2-serie-acc .cc2-chip { font-size: 11px; padding: 6px 10px; } .cc2-fav-btn { display: block; width: 100%; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; border: 1px dashed var(--cc-line, rgba(148,163,184,.35)); background: transparent; color: var(--cc-muted); font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; text-align: left; cursor: pointer; } .cc2-fav-btn.is-on { border-style: solid; border-color: #facc15; color: #facc15; background: rgba(250, 204, 21, .08); } .cc2-tabla tr.is-fav td { color: #facc15; } .cc2-fav-row .cc2-ord { background: rgba(250, 204, 21, .15); } /* V68.637 — Botón grande "+" para agregar a la banca */ .cc2 .cc2-btn.cc2-btn-mas { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 20px; padding: 14px 12px; } .cc2 .cc2-btn.cc2-btn-mas i { font-size: 22px; } .cc2-alta-llego .cc2-btn.primary { display: flex; align-items: center; justify-content: center; gap: 8px; } /* V68.638 — Anotar (celular): sin huecos y el teclado se reparte el espacio que quede. Reportado: espacios grandes entre AL BAT / SIGUE / EMBASADAS y la fila INTERF/OUT tapada por la barra de abajo (teléfono con letra grande). */ @media (max-width: 1023px) { body.bs-anotacion-activa #bs_scoring_dock .bs-dock-proximas, body.bs-anotacion-activa #bs_scoring_dock .bs-dock-proximas * { min-height: 0 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-proximas button { padding: 0 !important; line-height: 1.3 !important; } body.bs-anotacion-activa #bs_scoring_dock .bs-dock-proximas { margin: 2px 0 2px !important; align-items: center !important; } body.bs-anotacion-activa #bs_home_root.cc2-skin #bs_scoring_dock .bs-dock-albat { min-height: 0 !important; -webkit-line-clamp: 1 !important; white-space: nowrap !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: clamp(16px, 5vw, 22px) !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock { display: flex !important; flex-direction: column !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock > * { flex-shrink: 0; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock #bs_action_pad { flex: 1 1 auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; gap: 5px !important; overflow: hidden !important; margin: 0 !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock #bs_count_buttons { flex: 1 1 0 !important; min-height: 34px !important; grid-template-rows: minmax(34px, 1fr) !important; margin: 0 !important; gap: 5px !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_scoring_dock #bs_play_buttons { flex: 4 1 0 !important; min-height: 0 !important; grid-template-rows: repeat(4, minmax(34px, 1fr)) !important; margin: 0 !important; gap: 5px !important; } body.bs-anotacion-activa.bs-vista-movil-anotar #bs_home_root.cc2-skin #bs_scoring_dock .bs-btn-anotacion { height: 100% !important; min-height: 34px !important; max-height: 64px; padding-top: 0 !important; padding-bottom: 0 !important; } } /* V68.638 — Pestaña «Más» (celular): panel complemento con estadísticas del juego. Sustituye los paneles que repetían lo de Anotar (marcador, campo, al bat). */ #bs_mas_cc2 { display: none; } @media (max-width: 1023px) { body.bs-anotacion-activa.bs-vista-movil-paneles #bs_anotacion_card, body.bs-anotacion-activa.bs-vista-movil-paneles #bs_grid_card { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #ui_header_app, body.bs-anotacion-activa.bs-vista-movil-paneles #bs_nav_migaja { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-paneles #ui_main, body.bs-anotacion-activa.bs-vista-movil-paneles { overflow: hidden !important; overscroll-behavior: none; } /* Panel fijo de pantalla completa (como Anotar): solo el cuerpo hace scroll. */ body.bs-anotacion-activa.bs-vista-movil-paneles #bs_mas_cc2 { display: block; position: fixed; left: 0; right: 0; top: env(safe-area-inset-top, 0px); bottom: calc(56px + env(safe-area-inset-bottom, 0px)); z-index: 55; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; background: var(--cc-bg); color: var(--cc-chalk); font-family: var(--cc-body); padding: 0 12px 16px; } #bs_mas_cc2 .bs-dock-topbar { display: flex; align-items: center; gap: 8px; padding: 6px 0 4px; min-height: 38px; } } #bs_mas_cc2 *, #bs_mas_cc2 { box-sizing: border-box; } #bs_mas_cc2 .bs-mas-top { position: sticky; top: 0; z-index: 5; background: var(--cc-bg); padding: 0 0 8px; border-bottom: 1px solid var(--cc-line); margin: 0 -12px; padding-left: 12px; padding-right: 12px; } #bs_mas_cc2 .bs-mas-marcador { display: grid; grid-template-columns: 1fr auto auto auto 1fr; align-items: center; gap: 8px; margin: 2px 0 6px; padding: 6px 10px; border-radius: 12px; background: var(--cc-row); border: 1px solid var(--cc-line); } #bs_mas_cc2 .bs-mas-marcador span { font-size: 11px; font-weight: 900; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } #bs_mas_cc2 .bs-mas-marcador span:last-child { text-align: right; } #bs_mas_cc2 .bs-mas-marcador b { font-family: var(--cc-display); font-size: 26px; font-weight: 900; line-height: 1; } #bs_mas_cc2 .bs-mas-marcador em { font-style: normal; font-size: 10px; font-weight: 900; padding: 3px 7px; border-radius: 999px; background: var(--cc-ball); color: var(--cc-ball-ink); white-space: nowrap; } #bs_mas_cc2 .bs-mas-kicker { font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cc-muted); margin: 0; } #bs_mas_cc2 .bs-mas-tabs { margin-top: 6px; } #bs_mas_cc2 .bs-mas-tabs { gap: 4px; } #bs_mas_cc2 .bs-mas-tabs .cc2-tab { font-size: clamp(11px, 3.05vw, 15px) !important; padding: 8px 1px !important; letter-spacing: 0 !important; } #bs_mas_cc2 .cc2-h { font-size: 17px; margin: 14px 0 6px; } #bs_mas_cc2 .cc2-tabla { font-size: 12px; } #bs_mas_cc2 .cc2-tabla td { padding: 7px 4px; } #bs_mas_cc2 .cc2-tabla tbody tr:not([data-mas-ficha]):not([data-mas-pitcher]), #bs_mas_cc2 .cc2-tabla tbody tr[data-mas-ficha=""] { cursor: default; } #bs_mas_cc2 .cc2-tabla tfoot td { cursor: default; } #bs_mas_cc2 .bs-mas-linea th, #bs_mas_cc2 .bs-mas-linea td { min-width: 22px; padding-left: 2px; padding-right: 2px; } #bs_mas_cc2 .bs-mas-linea td:first-child { max-width: 96px; overflow: hidden; text-overflow: ellipsis; } #bs_mas_cc2 .bs-mas-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 8px; } #bs_mas_cc2 .bs-mas-kpis .cc2-kpi b { font-size: 19px; } #bs_mas_cc2 .bs-mas-duelo { border: 1px solid var(--cc-line); border-radius: 12px; background: var(--cc-row); padding: 6px 10px; } #bs_mas_cc2 .bs-mas-duelo-head, #bs_mas_cc2 .bs-mas-duelo-fila { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 8px; } #bs_mas_cc2 .bs-mas-duelo-head { font-size: 10px; font-weight: 900; text-transform: uppercase; color: var(--cc-muted); padding-bottom: 4px; grid-template-columns: 1fr auto 1fr; } #bs_mas_cc2 .bs-mas-duelo-head b:last-child { text-align: right; } #bs_mas_cc2 .bs-mas-duelo-fila { padding: 5px 0; border-top: 1px solid var(--cc-line); } #bs_mas_cc2 .bs-mas-duelo-fila > b { font-family: var(--cc-display); font-size: 20px; font-weight: 900; text-align: center; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-duelo-fila > b.gana { color: var(--cc-acc); } #bs_mas_cc2 .bs-mas-duelo-fila small { display: block; text-align: center; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-barra { display: block; height: 5px; border-radius: 5px; background: var(--cc-soft); margin-top: 3px; overflow: hidden; } #bs_mas_cc2 .bs-mas-barra i { display: block; height: 100%; background: var(--cc-ball); border-radius: 5px; } #bs_mas_cc2 .bs-mas-dest { display: grid; gap: 6px; } #bs_mas_cc2 .bs-mas-dest-fila, #bs_mas_cc2 .bs-mas-jugada, #bs_mas_cc2 .bs-mas-cambio { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 12px; padding: 8px 10px; } #bs_mas_cc2 .bs-mas-dest-fila > i { color: var(--cc-acc); font-size: 15px; } #bs_mas_cc2 .bs-mas-dest-fila b, #bs_mas_cc2 .bs-mas-jugada b, #bs_mas_cc2 .bs-mas-cambio b { display: block; font-size: 13px; font-weight: 800; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #bs_mas_cc2 .bs-mas-dest-fila small, #bs_mas_cc2 .bs-mas-jugada small, #bs_mas_cc2 .bs-mas-cambio small { display: block; font-size: 11px; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-dest-fila em, #bs_mas_cc2 .bs-mas-jugada em { font-style: normal; font-weight: 900; color: var(--cc-acc); font-size: 13px; white-space: nowrap; } #bs_mas_cc2 .bs-mas-dest-fila > div, #bs_mas_cc2 .bs-mas-jugada > div, #bs_mas_cc2 .bs-mas-cambio > div { min-width: 0; } #bs_mas_cc2 .bs-mas-cod { min-width: 42px; text-align: center; font-family: var(--cc-display); font-weight: 900; font-size: 17px; border-radius: 8px; background: var(--cc-hole); padding: 4px 6px; } #bs_mas_cc2 .bs-mas-media { margin-top: 12px; display: grid; gap: 5px; } #bs_mas_cc2 .bs-mas-media header { display: flex; align-items: baseline; gap: 8px; font-size: 12px; text-transform: uppercase; } #bs_mas_cc2 .bs-mas-media header b { font-family: var(--cc-display); font-size: 17px; } #bs_mas_cc2 .bs-mas-media header span { color: var(--cc-muted); font-weight: 700; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #bs_mas_cc2 .bs-mas-media header em { font-style: normal; font-weight: 900; color: var(--cc-acc); } #bs_mas_cc2 .bs-mas-cambios { display: grid; gap: 6px; margin-top: 12px; } #bs_mas_cc2 .bs-mas-cambio b i { font-style: normal; color: var(--cc-acc); } #bs_mas_cc2 .bs-mas-ord { display: inline-block; min-width: 18px; margin-right: 4px; color: var(--cc-muted); font-weight: 800; } #bs_mas_cc2 .bs-mas-bateo td:first-child, #bs_mas_cc2 .bs-mas-pitcheo td:first-child { max-width: 150px; overflow: hidden; text-overflow: ellipsis; } #bs_mas_cc2 tr.bs-mas-salio td { opacity: .62; } #bs_mas_cc2 .bs-mas-tag { font-style: normal; font-size: 9px; font-weight: 900; padding: 1px 5px; border-radius: 6px; background: var(--cc-ball); color: var(--cc-ball-ink); vertical-align: middle; } #bs_mas_cc2 .bs-mas-seg-equipo { margin-top: 12px; } #bs_mas_cc2 .bs-mas-nota { font-size: 11px; color: var(--cc-muted); margin: 8px 2px 0; line-height: 1.4; } #bs_mas_cc2 .bs-mas-vacio { margin-top: 14px; padding: 14px; border: 1px dashed var(--cc-line); border-radius: 12px; color: var(--cc-muted); font-size: 13px; text-align: center; } #bs_mas_cc2 .bs-mas-mvp { margin-top: 12px; text-align: center; } #bs_mas_cc2 .bs-mas-mvp small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-mvp b { display: block; font-family: var(--cc-display); font-size: 22px; text-transform: uppercase; color: var(--cc-acc); } #bs_mas_cc2 .bs-mas-mvp em { font-style: normal; font-size: 12px; color: var(--cc-muted); } /* V68.642 — Ficha: jugadas a la defensa */ .cc2-def-row { align-items: center; } .cc2-def-cod { flex: none; min-width: 52px; text-align: center; font-family: var(--cc-display); font-weight: 900; font-size: 17px; padding: 4px 6px; border-radius: 9px; background: var(--cc-hole); color: var(--cc-acc); } .cc2-def-row.is-err .cc2-def-cod { color: var(--cc-red); } /* V68.643 — Más: Lineup de un vistazo; Anotar deshabilitada en juego finalizado */ #bs_mas_cc2 .bs-mas-lineup { display: grid; gap: 6px; margin-top: 10px; } #bs_mas_cc2 .bs-mas-lu { display: grid; grid-template-columns: 30px 1fr; gap: 8px; align-items: stretch; border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 12px; padding: 6px 8px; cursor: pointer; } #bs_mas_cc2 .bs-mas-lu-ord { display: grid; place-items: center; font-family: var(--cc-display); font-weight: 900; font-size: 20px; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-lu-cuerpo { display: grid; gap: 4px; min-width: 0; } #bs_mas_cc2 .bs-mas-lu-fila { display: grid; grid-template-columns: 44px 1fr; gap: 8px; align-items: center; min-width: 0; } #bs_mas_cc2 .bs-mas-lu-fila > div { min-width: 0; } #bs_mas_cc2 .bs-mas-lu-fila b { display: block; font-size: 13px; font-weight: 800; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #bs_mas_cc2 .bs-mas-lu-fila b small { font-size: 10px; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-lu-fila > div > small { display: block; font-size: 11px; color: var(--cc-muted); line-height: 1.3; } #bs_mas_cc2 .bs-mas-lu-pos { text-align: center; font-size: 11px; font-weight: 900; padding: 4px 2px; border-radius: 8px; background: var(--cc-hole); } #bs_mas_cc2 .bs-mas-lu-fila.salio b { opacity: .7; } #bs_mas_cc2 .bs-mas-lu-fila.cambio { border-top: 1px dashed var(--cc-line); padding-top: 4px; } #bs_mas_cc2 .bs-mas-lu-fila.cambio b { color: var(--cc-acc); } body.bs-anotacion-activa #bs_vista_movil_tabs [data-bs-vista-movil="anotar"].is-off { opacity: .35 !important; pointer-events: none; } #bs_mas_cc2 .bs-mas-tabs { overflow-x: auto; scrollbar-width: none; } #bs_mas_cc2 .bs-mas-tabs::-webkit-scrollbar { display: none; } #bs_mas_cc2 .bs-mas-tabs .cc2-tab { flex: 0 0 auto !important; padding: 8px 12px !important; font-size: 14px !important; } #bs_mas_cc2 .bs-mas-bateo td.c-h, #bs_mas_cc2 .bs-mas-bateo th.c-h { color: #34d399; } #bs_mas_cc2 .bs-mas-bateo td.c-hr, #bs_mas_cc2 .bs-mas-bateo th.c-hr { color: #fbbf24; } #bs_mas_cc2 .bs-mas-bateo td.c-bb, #bs_mas_cc2 .bs-mas-bateo th.c-bb { color: #38bdf8; } #bs_mas_cc2 .bs-mas-bateo td.c-k, #bs_mas_cc2 .bs-mas-bateo th.c-k { color: #fb7185; } #bs_mas_cc2 .bs-mas-bateo td.c-ci, #bs_mas_cc2 .bs-mas-bateo th.c-ci { color: #a78bfa; } #bs_mas_cc2 .bs-mas-bateo td.c-h, #bs_mas_cc2 .bs-mas-bateo td.c-hr, #bs_mas_cc2 .bs-mas-bateo td.c-bb, #bs_mas_cc2 .bs-mas-bateo td.c-k, #bs_mas_cc2 .bs-mas-bateo td.c-ci { font-weight: 900; } #bs_mas_cc2 .bs-mas-bateo td.cero { color: var(--cc-muted) !important; opacity: .55; font-weight: 700; } #bs_mas_cc2 .bs-mas-luvista { margin-top: 8px; } /* V68.644 — Más: botones Exportar / Links (juego finalizado: lo único activo además de consultar) */ #bs_mas_cc2 .bs-mas-acciones { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin: 2px 0 6px; } #bs_mas_cc2 .bs-mas-acciones button { border: 1px solid var(--cc-line); background: var(--cc-row); color: var(--cc-chalk); border-radius: 12px; padding: 8px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; display: inline-flex; align-items: center; justify-content: center; gap: 6px; } #bs_mas_cc2 .bs-mas-acciones button i { color: var(--cc-acc); } /* V68.644 — Indicador de carrusel (hay más pestañas a un lado) */ .bs-carrusel, .vd2-carrusel { position: relative; } .bs-carrusel > :first-child, .vd2-carrusel > :first-child { scroll-behavior: smooth; } .bs-carrusel.hay-der > :first-child, .vd2-carrusel.hay-der > :first-child { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 46px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 46px), transparent); } .bs-carrusel.hay-izq > :first-child, .vd2-carrusel.hay-izq > :first-child { -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 46px), transparent); mask-image: linear-gradient(to left, #000 calc(100% - 46px), transparent); } .bs-carrusel.hay-izq.hay-der > :first-child, .vd2-carrusel.hay-izq.hay-der > :first-child { -webkit-mask-image: linear-gradient(to right, transparent, #000 46px, #000 calc(100% - 46px), transparent); mask-image: linear-gradient(to right, transparent, #000 46px, #000 calc(100% - 46px), transparent); } .bs-carrusel-flecha { display: none; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--cc-ball, #22d3ee); background: var(--cc-ball, #22d3ee); color: var(--cc-ball-ink, #04222b); font-size: 20px; font-weight: 900; line-height: 26px; text-align: center; z-index: 3; box-shadow: 0 4px 14px rgba(0,0,0,.45); padding: 0; } .bs-carrusel-flecha.izq { left: -4px; } .bs-carrusel-flecha.der { right: -4px; } .bs-carrusel.hay-der .bs-carrusel-flecha.der, .bs-carrusel.hay-izq .bs-carrusel-flecha.izq, .vd2-carrusel.hay-der .bs-carrusel-flecha.der, .vd2-carrusel.hay-izq .bs-carrusel-flecha.izq { display: block; } /* V68.644 — Nombres completos (sin "…"): bajan de renglón si son largos */ #bs_mas_cc2 .bs-mas-lu-fila b, #bs_mas_cc2 .bs-mas-cambio b, #bs_mas_cc2 .bs-mas-jugada b, #bs_mas_cc2 .bs-mas-dest-fila b { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; line-height: 1.2; } #bs_mas_cc2 .bs-mas-lu-fila b { font-size: 14px; } #bs_mas_cc2 .bs-mas-bateo td:first-child, #bs_mas_cc2 .bs-mas-pitcheo td:first-child { white-space: normal !important; max-width: 140px; line-height: 1.2; } #bs_mas_cc2 .bs-mas-cambio { cursor: pointer; } #bs_mas_cc2 [data-mas-nombre] { cursor: pointer; } #bs_mas_cc2 .bs-mas-rol { display: block; font-size: 9.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-muted); } #bs_mas_cc2 .bs-mas-rol.abre { color: var(--cc-acc); } /* V68.644 — Título "Equipo vs Equipo" completo (dos renglones si no cabe), sin "…" */ .bs-dock-topbar-titulo { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.05 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* V68.647 — Avances de corredoras con botones (Robo / WP / PB) */ .bs-av-lista { display: grid; gap: 10px; } .bs-av-row { border: 1px solid var(--cc-line, #1e293b); background: var(--cc-row, #020617); border-radius: 14px; padding: 10px; } .bs-av-nom { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; } .bs-av-nom b { font-size: 15px; font-weight: 900; text-transform: uppercase; color: var(--cc-chalk, #fff); overflow-wrap: anywhere; } .bs-av-nom small { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--cc-muted, #94a3b8); white-space: nowrap; } .bs-av-btns { display: grid; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); gap: 6px; } .bs-av-btns button { min-height: 48px; border-radius: 12px; border: 1px solid var(--cc-line, #334155); background: var(--cc-deep, #0f172a); color: var(--cc-chalk, #fff); font-size: 14px; font-weight: 900; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; } .bs-av-btns button small { font-size: 9px; font-weight: 800; letter-spacing: .06em; color: var(--cc-muted, #94a3b8); } .bs-av-btns button.is-sel { background: var(--cc-ball, #22d3ee) !important; border-color: var(--cc-ball, #22d3ee) !important; color: var(--cc-ball-ink, #04222b) !important; } .bs-av-btns button.is-sel small { color: var(--cc-ball-ink, #04222b) !important; } .bs-av-btns button.is-off { opacity: .3; cursor: not-allowed; } .bs-av-aviso { margin: 6px 0 0; font-size: 11px; font-weight: 800; color: var(--cc-amber, #f2b441); } #bs_mas_cc2 .bs-mas-nota-fila td { text-align: left !important; white-space: normal !important; font-size: 11px; font-weight: 700; color: var(--cc-amber); padding: 4px 10px 8px !important; border-top: 0 !important; cursor: default; } /* V68.648 — Pestañas cc2: el texto nunca se sale (CATÁLOGO, TÉCNICO…). Cada pestaña toma el ancho de su texto y reparten el sobrante; si de plano no caben, se desliza. */ .cc2-tabs { overflow-x: auto; } .cc2-tab { flex: 1 1 auto !important; min-width: max-content !important; padding: 8px 8px !important; font-size: clamp(12px, 3.5vw, 16px) !important; letter-spacing: 0 !important; overflow: visible !important; } /* V68.648 — Campanita: quitar avisos (✕ o deslizar) y borrar todos */ .ui-aviso-fila { position: relative; transition: transform .2s ease, opacity .2s ease; touch-action: pan-y; } .ui-aviso-fila.is-fuera { transform: translateX(110%); opacity: 0; } .ui-aviso-fila > div { flex: 1; min-width: 0; } .ui-aviso-quitar { flex: none; align-self: center; width: 30px; height: 30px; border-radius: 9px; border: 1px solid rgba(255,255,255,.12); background: transparent; color: inherit; opacity: .7; font-size: 13px; } .ui-avisos-top { display: flex; align-items: center; gap: 8px; } .ui-avisos-top b { flex: 1; } .ui-avisos-borrar { border: 1px solid rgba(255,255,255,.18); background: transparent; color: inherit; border-radius: 10px; padding: 6px 10px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; } .ui-avisos-ayuda { margin: 0 0 6px; font-size: 11px; opacity: .65; padding: 0 4px; } /* V68.649 — Ficha: datos bloqueados hasta ✎ Editar */ .cc2-ficha-datos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; } .cc2-ficha-datos > div { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 12px; padding: 8px; text-align: center; } .cc2-ficha-datos small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-muted); } .cc2-ficha-datos b { display: block; font-size: 17px; font-weight: 900; margin-top: 2px; } .cc2-ficha-lapiz { width: 100%; margin-top: 8px; } .cc2-ficha-edit .cc2-input { width: 100%; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); border-radius: 12px; padding: 10px 12px; font-size: 16px; font-weight: 800; } /* V68.649 — Aviso: última oportunidad para agregar a la alineación */ .bs-ultima-alta { position: fixed; inset: 0; z-index: 9997; background: rgba(2,6,23,.66); display: flex; align-items: center; justify-content: center; padding: 16px; backdrop-filter: blur(3px); } .bs-ultima-alta-caja { max-width: 440px; width: 100%; border-radius: 22px; border: 1px solid var(--cc-ball, #22d3ee); background: var(--cc-bg, #020617); color: var(--cc-chalk, #fff); padding: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.5); } .bs-ultima-alta-k { margin: 0; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--cc-acc, #22d3ee); } .bs-ultima-alta-caja h2 { margin: 6px 0 8px; font-family: var(--cc-display, inherit); font-size: 26px; font-weight: 900; text-transform: uppercase; line-height: 1.05; } .bs-ultima-alta-caja p { font-size: 13px; line-height: 1.45; color: var(--cc-muted, #cbd5e1); margin: 0; } .bs-ultima-alta-btns { display: grid; gap: 8px; margin-top: 14px; } .bs-ultima-alta-btns button { min-height: 48px; border-radius: 14px; border: 1px solid var(--cc-line, #334155); background: var(--cc-row, #0f172a); color: var(--cc-chalk, #fff); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; } .bs-ultima-alta-btns button.is-pri { background: var(--cc-ball, #22d3ee); border-color: var(--cc-ball, #22d3ee); color: var(--cc-ball-ink, #04222b); } /* V68.650 — Links para compartir (tarjetas; los botones siempre caben) */ .cc2-link-card { margin-top: 10px; } .cc2-link-card.is-anotador { border-color: var(--cc-amber); } .cc2-link-top { display: flex; align-items: center; gap: 8px; } .cc2-link-top i { color: var(--cc-acc); font-size: 16px; } .cc2-link-card.is-anotador .cc2-link-top i { color: var(--cc-amber); } .cc2-link-top b { font-size: 15px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-link-desc { margin: 4px 0 8px; font-size: 12px; color: var(--cc-muted); line-height: 1.4; } .cc2-link-url { width: 100%; box-sizing: border-box; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); border-radius: 10px; padding: 9px 10px; font-size: 12px; font-family: ui-monospace, monospace; text-transform: none; } .cc2-link-btns { display: grid; grid-template-columns: 1fr 1fr auto; gap: 6px; margin-top: 8px; } .cc2-link-btns .cc2-btn { min-width: 0; padding: 10px 8px; font-size: 13px; white-space: nowrap; } .cc2-btn.cc2-btn-wa { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; } /* V68.650 — Títulos de pantalla completos (sin "…"): bajan a 2 renglones si no caben. */ .cc2-title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; line-height: 1 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* V68.651 — Ficha: lápiz en el encabezado, foto tocable y recorte tipo tarjetón */ .cc2-ficha-editar { margin-left: 8px; vertical-align: middle; width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--cc-line); background: var(--cc-row); color: var(--cc-acc); font-size: 14px; display: inline-flex; align-items: center; justify-content: center; } .cc2-ficha-foto-tap { position: relative; cursor: pointer; } .cc2-ficha-foto-tap > i { position: absolute; right: -4px; bottom: -4px; width: 24px; height: 24px; border-radius: 50%; background: var(--cc-ball); color: var(--cc-ball-ink); font-size: 11px; display: grid; place-items: center; box-shadow: 0 2px 6px rgba(0,0,0,.4); } .cc2-ficha-foto img { object-fit: cover; object-position: center top; } .cc2-crop { position: fixed; inset: 0; z-index: 10010; background: rgba(2,6,23,.86); display: flex; align-items: center; justify-content: center; padding: 14px; } .cc2-crop-caja { width: 100%; max-width: 340px; background: var(--cc-bg, #020617); color: var(--cc-chalk, #fff); border: 1px solid var(--cc-line, #334155); border-radius: 22px; padding: 14px; display: flex; flex-direction: column; align-items: center; } .cc2-crop-k { margin: 0; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--cc-acc, #22d3ee); } .cc2-crop-caja h3 { margin: 2px 0 10px; font-family: var(--cc-display, inherit); font-size: 24px; text-transform: uppercase; } .cc2-crop-marco { position: relative; overflow: hidden; border-radius: 16px; background: #0f172a; touch-action: none; cursor: grab; } .cc2-crop-marco img { position: absolute; left: 0; top: 0; max-width: none; user-select: none; -webkit-user-drag: none; } .cc2-crop-guia { position: absolute; left: 22%; right: 22%; top: 12%; height: 52%; border: 2px dashed rgba(255,255,255,.85); border-radius: 50%; box-shadow: 0 0 0 999px rgba(2,6,23,.35); pointer-events: none; } .cc2-crop-zoom { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 12px; font-size: 12px; font-weight: 900; text-transform: uppercase; } .cc2-crop-zoom input { flex: 1; } .cc2-crop-ayuda { margin: 6px 0 0; font-size: 11px; color: var(--cc-muted, #94a3b8); text-align: center; } .cc2-crop-btns { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; width: 100%; margin-top: 12px; } .cc2-crop-btns button { min-height: 46px; border-radius: 14px; border: 1px solid var(--cc-line, #334155); background: var(--cc-row, #0f172a); color: var(--cc-chalk, #fff); font-weight: 900; text-transform: uppercase; } .cc2-crop-btns .is-pri { background: var(--cc-ball, #22d3ee); border-color: var(--cc-ball, #22d3ee); color: var(--cc-ball-ink, #04222b); } /* V68.652 — Más · Revisiones: ganada verde, perdida roja (borde izquierdo y código). */ #bs_mas_cc2 .bs-mas-reto { cursor: default; border-left: 4px solid transparent; } #bs_mas_cc2 .bs-mas-reto.gano { border-left-color: #10b981; } #bs_mas_cc2 .bs-mas-reto.perdio { border-left-color: #ef4444; } #bs_mas_cc2 .bs-mas-reto.gano .bs-mas-cod { color: #10b981; } #bs_mas_cc2 .bs-mas-reto.perdio .bs-mas-cod { color: #ef4444; } #bs_mas_cc2 .bs-mas-reto.extra { border-left-color: #f59e0b; } #bs_mas_cc2 .bs-mas-reto.extra .bs-mas-cod { color: #f59e0b; } #bs_mas_cc2 .bs-mas-leyenda-extra { margin: 8px 0; padding: 10px 12px; border-radius: 12px; border: 1px solid #f59e0b; background: rgba(245, 158, 11, .12); font-size: 12px; font-weight: 800; text-transform: uppercase; } /* V68.653 — leyenda de extra inning bajo los botones Retos del dock. */ .bs-dock-reto-leyenda { margin: 4px 0 0; padding: 4px 8px; border-radius: 8px; border: 1px solid rgba(245, 158, 11, .6); background: rgba(245, 158, 11, .12); color: #fcd34d; font-size: 10px; font-weight: 800; text-transform: uppercase; line-height: 1.3; } /* V68.655 — Franja de juego suspendido dentro del panel de anotar (celular). */ .bs-dock-suspendido { margin: 6px 0 8px; padding: 10px 12px; border-radius: 14px; border: 1px solid #38bdf8; background: rgba(14, 116, 144, .22); } .bs-dock-suspendido-tit { margin: 0; font-size: 12px; font-weight: 900; text-transform: uppercase; color: #e0f2fe; line-height: 1.3; } .bs-dock-suspendido-txt { margin: 4px 0 8px; font-size: 11px; font-weight: 700; color: #bae6fd; } .bs-dock-suspendido-acc { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .bs-dock-suspendido-acc button { padding: 10px 8px; border-radius: 12px; font-size: 12px; font-weight: 900; text-transform: uppercase; line-height: 1.15; opacity: 1 !important; cursor: pointer !important; } .bs-dock-suspendido-acc .is-seguir { background: #059669; color: #fff; border: 1px solid #34d399; } .bs-dock-suspendido-acc .is-cerrar { background: #0f172a; color: #e2e8f0; border: 1px solid #64748b; } .bs-dock-suspendido-hora { display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 2px; padding: 6px 10px; border-radius: 10px; border: 1px solid #38bdf8; background: rgba(2, 6, 23, .55); color: #e0f2fe; font-size: 12px; font-weight: 900; opacity: 1 !important; cursor: pointer !important; } .bs-dock-suspendido-hora span { font-weight: 700; color: #7dd3fc; font-size: 10.5px; } /* ===== V68.668 — Dos lanzadoras (Anotar y Libreta) — compactas: nombre / equipo + números ===== */ .bs-dos-pits { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 4px 0 6px; } .bs-dos-pit { min-width: 0; text-align: left; border-radius: 12px; padding: 4px 8px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: var(--cc-row, #13261f); color: var(--cc-chalk, #f3f1e7); cursor: pointer; } .bs-dos-pit.is-lanza { border: 2px solid var(--cc-ball, #c9d400); padding: 3px 7px; } .bs-dos-pit b { display: flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 900; text-transform: uppercase; line-height: 1.15; overflow-wrap: break-word; } .bs-dos-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--cc-ball, #c9d400); box-shadow: 0 0 6px var(--cc-ball, #c9d400); } .bs-dos-pit span { display: flex; gap: 5px; align-items: baseline; font-size: 9.5px; font-weight: 800; color: var(--cc-muted, #94a3b8); white-space: nowrap; overflow: hidden; } .bs-dos-pit span small { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .bs-dos-pit span i { font-style: normal; font-size: 13px; font-weight: 900; color: var(--cc-chalk, #f3f1e7); margin-right: 1px; } .bs-dos-pit.is-lanza span i { color: var(--cc-acc, #c9d400); } #bs_scoring_dock .bs-dos-pits { margin: 2px 0 4px; } /* ===== V68.668 — Libreta (celular): menos encabezado, campo interactivo, cambios abajo ===== */ .bs-libreta-top, .bs-libreta-cambios { display: none; } @media (max-width: 1023px) { body.bs-anotacion-activa.bs-vista-movil-libreta #ui_header_app, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_nav_migaja, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_barra_juego_compacta, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_grid_card .bs-grid-card-head, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_pitch_panel, body.bs-anotacion-activa.bs-vista-movil-libreta #bs_banca_grid_panel { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-libreta .bs-libreta-top, body.bs-anotacion-activa.bs-vista-movil-libreta .bs-libreta-cambios { display: block; } body.bs-anotacion-activa.bs-vista-movil-libreta .bs-lib-topbar { display: flex; align-items: center; gap: 8px; padding: 0 0 6px; min-height: 38px; } } .bs-libreta-top { margin-bottom: 8px; color: var(--cc-chalk, #f3f1e7); } .bs-lib-marcador { display: grid; grid-template-columns: 1fr auto auto auto 1fr; gap: 8px; align-items: center; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: var(--cc-row, #13261f); border-radius: 14px; padding: 6px 10px; margin-bottom: 6px; } .bs-lib-marcador span { font-size: 10.5px; font-weight: 900; text-transform: uppercase; line-height: 1.15; overflow-wrap: anywhere; min-width: 0; } .bs-lib-marcador span:last-child { text-align: right; } .bs-lib-marcador b { font-size: 22px; font-weight: 900; } .bs-lib-marcador em { font-style: normal; font-size: 11px; font-weight: 900; color: var(--cc-ball-ink, #111); background: var(--cc-ball, #c9d400); border-radius: 999px; padding: 2px 8px; white-space: nowrap; } .bs-lib-campo { margin-top: 2px; } .bs-lib-ayuda { font-size: 11.5px; color: var(--cc-muted, #94a3b8); margin: 6px 2px; } .bs-lib-sel { border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: var(--cc-row, #13261f); border-radius: 16px; padding: 10px; margin-top: 4px; } .bs-lib-sel-h b { font-size: 15px; font-weight: 900; text-transform: uppercase; } .bs-lib-sel-h small { display: block; font-size: 11px; color: var(--cc-muted, #94a3b8); } .bs-lib-turnos { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; } .bs-lib-turnos span { font-size: 11px; font-weight: 900; border-radius: 7px; padding: 2px 6px; background: rgba(2,6,23,.45); border: 1px solid var(--cc-line, rgba(148,163,184,.3)); } .bs-lib-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(54px, 1fr)); gap: 5px; margin-top: 6px; } .bs-lib-kpis div { text-align: center; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); border-radius: 10px; padding: 4px 2px; } .bs-lib-kpis b { display: block; font-size: 16px; font-weight: 900; } .bs-lib-kpis small { font-size: 9px; font-weight: 800; color: var(--cc-muted, #94a3b8); text-transform: uppercase; } .bs-lib-acc { display: flex; gap: 6px; margin-top: 8px; } .bs-lib-acc button { flex: 1; border-radius: 10px; padding: 7px; font-size: 11px; font-weight: 900; text-transform: uppercase; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: transparent; color: var(--cc-acc, #c9d400); } .bs-libreta-cambios { margin-top: 10px; color: var(--cc-chalk, #f3f1e7); } .bs-lib-cambios-h { font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 6px; color: var(--cc-acc, #c9d400); } .bs-lib-cambio { display: flex; gap: 10px; align-items: center; border-bottom: 1px solid var(--cc-line, rgba(148,163,184,.2)); padding: 7px 2px; } .bs-lib-cambio > span { flex: none; min-width: 30px; font-weight: 900; color: var(--cc-acc, #c9d400); } .bs-lib-cambio b { display: block; font-size: 12.5px; font-weight: 900; text-transform: uppercase; } .bs-lib-cambio small { display: block; font-size: 11px; color: var(--cc-muted, #94a3b8); } /* Campo con nombres (mismo dibujo que el aficionado). */ .bs-libreta-top .vdc-field { position: relative; width: 100%; max-width: 520px; margin: 0 auto; aspect-ratio: 1 / 1; border-radius: 20px; overflow: hidden; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: radial-gradient(120% 90% at 50% 100%, #2c6a52 0%, #1d4a3b 45%, #133128 100%); } .bs-libreta-top .vdc-field svg { position: absolute; inset: 0; width: 100%; height: 100%; } .bs-libreta-top .vdc-base { fill: #f3f1e7; opacity: .75; } .bs-libreta-top .vdc-base.on { fill: #facc15; opacity: 1; } .bs-libreta-top .vdc-home { fill: #f3f1e7; } .bs-libreta-top .vdc-home.on { fill: #34d399; } .bs-libreta-top .vdc-node, .bs-libreta-top .vdc-run, .bs-libreta-top .vdc-bat { position: absolute; transform: translate(-50%, -50%); min-width: 58px; max-width: 28%; border-radius: 12px; padding: 3px 6px; text-align: center; line-height: 1.05; cursor: pointer; color: #f3f1e7; } .bs-libreta-top .vdc-node { border: 2px solid rgba(34, 211, 238, .75); background: rgba(11, 26, 22, .88); } .bs-libreta-top .vdc-node.l { border-color: rgba(245, 158, 11, .8); } .bs-libreta-top .vdc-node.vacia { border-style: dashed; border-color: rgba(243, 241, 231, .3); color: rgba(243, 241, 231, .5); } .bs-libreta-top .vdc-node small, .bs-libreta-top .vdc-run small, .bs-libreta-top .vdc-bat small { display: block; font-size: 9px; font-weight: 900; color: #c9d400; } .bs-libreta-top .vdc-node b, .bs-libreta-top .vdc-run b, .bs-libreta-top .vdc-bat b { display: block; font-size: 10.5px; font-weight: 900; text-transform: uppercase; overflow-wrap: break-word; } .bs-libreta-top .vdc-run { border: 2px solid #facc15; background: #facc15; color: #1c1917; z-index: 2; } .bs-libreta-top .vdc-run small { color: #713f12; } .bs-libreta-top .vdc-bat { border: 2px solid #34d399; background: rgba(6, 78, 59, .92); z-index: 2; } .bs-libreta-top .vdc-bat small { color: #6ee7b7; } .bs-libreta-top .sel { box-shadow: 0 0 0 3px #22d3ee; z-index: 3; } /* V68.669 — Etiquetas de equipo en el pasto (quién batea / quién defiende). */ .bs-libreta-top .vdc-eqs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0 0 6px; } .bs-libreta-top .vdc-eq { display: block; padding: 4px 8px; border-radius: 9px; font-size: 9.5px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; line-height: 1.15; background: rgba(2, 6, 23, .72); color: #e2e8f0; border: 1px solid rgba(34, 211, 238, .6); z-index: 1; } .bs-libreta-top .vdc-eq.l { border-color: rgba(245, 158, 11, .7); } .bs-libreta-top .vdc-eq i { color: #c9d400; } /* ===== V68.671 — Libreta en acordeón: barra fija al bajar + pestaña «Campo ▾» ===== */ .bs-lib-lectura { display: none; } @media (max-width: 1023px) { body.bs-anotacion-activa.bs-vista-movil-libreta .bs-aviso-lectura { display: none !important; } body.bs-anotacion-activa.bs-vista-movil-libreta .bs-lib-lectura { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; padding: 5px 10px; border-radius: 10px; font-size: 10.5px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: #fcd34d; border: 1px solid rgba(245, 158, 11, .45); background: rgba(120, 53, 15, .18); } } .bs-lib-mini { position: fixed; top: 0; left: 0; right: 0; z-index: 60; padding: calc(env(safe-area-inset-top, 0px) + 6px) 10px 6px; background: var(--cc-bg, #0b1a16); border-bottom: 1px solid var(--cc-line, rgba(148,163,184,.3)); box-shadow: 0 8px 20px rgba(0,0,0,.35); color: var(--cc-chalk, #f3f1e7); transform: translateY(-110%); transition: transform .18s ease; pointer-events: none; } .bs-lib-mini.is-visible { transform: none; pointer-events: auto; } @media (min-width: 1024px) { .bs-lib-mini { display: none !important; } } .bs-lib-mini-bar { display: flex; align-items: center; gap: 8px; } .bs-lib-mini-marc { flex: 1; min-width: 0; font-size: 10.5px; font-weight: 900; text-transform: uppercase; line-height: 1.2; } .bs-lib-mini-marc b { font-size: 16px; margin: 0 2px; } .bs-lib-mini-marc em { font-style: normal; white-space: nowrap; font-size: 10.5px; color: var(--cc-ball-ink, #111); background: var(--cc-ball, #c9d400); border-radius: 999px; padding: 1px 7px; } .bs-lib-mini-tab { flex: none; border-radius: 999px; padding: 7px 12px; font-size: 11.5px; font-weight: 900; text-transform: uppercase; border: 1px solid var(--cc-acc, #c9d400); background: transparent; color: var(--cc-acc, #c9d400); } .bs-lib-mini-tab .ocultar { display: none; } .bs-lib-mini.is-abierto .bs-lib-mini-tab { background: var(--cc-acc, #c9d400); color: var(--cc-ball-ink, #111); } .bs-lib-mini.is-abierto .bs-lib-mini-tab .ver { display: none; } .bs-lib-mini.is-abierto .bs-lib-mini-tab .ocultar { display: inline; } .bs-lib-mini-sel { margin-top: 4px; font-size: 11px; color: var(--cc-muted, #94a3b8); text-transform: uppercase; cursor: pointer; } .bs-lib-mini-sel b { color: #22d3ee; } .bs-lib-mini.is-abierto .bs-lib-mini-sel { display: none; } #bs_lib_mini .bs-lib-mini-panel { display: none !important; max-height: calc(100vh - 150px); overflow-y: auto; overscroll-behavior: contain; margin: 6px 0 0; } #bs_lib_mini.is-abierto .bs-lib-mini-panel { display: block !important; } #bs_lib_mini .bs-lib-mini-panel .vdc-field { max-width: var(--lib-mini-campo, min(100%, 46vh)); } .bs-lib-mini-arriba { display: block; width: 100%; margin-top: 8px; border-radius: 10px; padding: 8px; font-size: 11px; font-weight: 900; text-transform: uppercase; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: transparent; color: var(--cc-muted, #94a3b8); } /* V68.671 — Libreta: nombres completos en la columna de jugadoras (antes "ESMER…", "FERNA…"). */ @media (max-width: 1023px) { body.bs-anotacion-activa.bs-vista-movil-libreta #tabla_grid_body .bs-grid-player-cell .bs-sb-player-primer, body.bs-anotacion-activa.bs-vista-movil-libreta #tabla_grid_body .bs-grid-player-cell .bs-sb-player-apellido { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; overflow-wrap: break-word !important; } body.bs-anotacion-activa.bs-vista-movil-libreta #tabla_grid_body .bs-grid-player-cell .bs-sb-player-primer { font-size: 0.7rem !important; } body.bs-anotacion-activa.bs-vista-movil-libreta #tabla_grid_body .bs-grid-player-cell .bs-sb-player-apellido { font-size: 0.64rem !important; } /* La etiqueta «AL BAT» ya no tapa el nombre: pasa arriba del renglón. */ body.bs-anotacion-activa.bs-vista-movil-libreta #tabla_grid_body .bs-grid-player-cell .bs-sb-player-main { padding-right: 0 !important; } body.bs-anotacion-activa.bs-vista-movil-libreta #tabla_grid_body .bs-grid-player-cell:has(.bs-player-status-bat, .bs-player-status-pitch) .bs-sb-player-name { padding-top: 1.05rem !important; } } /* V68.672 — ⭐ Mis equipos (varios: uno por liga + categoría + temporada). */ .cc2-fav-acc { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 4px; } .cc2-fav-chips { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 4px; } .cc2-fav-chip { flex: none; max-width: 78%; text-align: left; border-radius: 14px; padding: 8px 12px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: var(--cc-row, #13261f); color: var(--cc-chalk, #f3f1e7); cursor: pointer; } .cc2-fav-chip b { display: block; font-size: 12.5px; font-weight: 900; text-transform: uppercase; } .cc2-fav-chip small { display: block; font-size: 10.5px; color: var(--cc-muted, #94a3b8); text-transform: uppercase; } .cc2-fav-chip.is-sel { border-color: #facc15; background: rgba(250, 204, 21, .1); } .cc2-fav-chip.is-sel b { color: #facc15; } /* V68.672 — Menú principal con 9 botones (se agregó Playoffs). */ @media (min-width: 1024px) { #bs_nav_tabs > div { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } } /* V68.673 — Llave: ajustar serie (ronda / formato). */ .cc2-serie-ajuste { display: block; width: 100%; margin-top: 8px; padding: 6px 8px; border-radius: 10px; border: 1px dashed var(--cc-line, rgba(148,163,184,.35)); background: transparent; color: var(--cc-muted, #94a3b8); font-size: 10.5px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; text-align: left; cursor: pointer; } /* V68.673 — Libreta: al tocar una jugadora, campo + tarjeta caben juntos. */ #bs_libreta_top.bs-lib-ajustado .bs-lib-campo .vdc-field { max-width: var(--lib-campo-max, 520px); } .bs-libreta-top .bs-lib-sel { padding: 8px 10px; } .bs-libreta-top .bs-lib-kpis { gap: 4px; margin-top: 5px; } .bs-libreta-top .bs-lib-kpis div { padding: 3px 2px; border-radius: 9px; } .bs-libreta-top .bs-lib-kpis b { font-size: 15px; } .bs-libreta-top .bs-lib-kpis small { font-size: 8.5px; } .bs-libreta-top .bs-lib-acc { margin-top: 6px; } .bs-libreta-top .bs-lib-acc button { padding: 6px; } /* V68.674 — Llave: cada juego de la serie se toca para verlo; los que faltan, en gris. */ .cc2-serie-juegos { gap: 4px; } .cc2-serie-j { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; padding: 5px 8px; border-radius: 9px; border: 1px solid var(--cc-line, rgba(148,163,184,.25)); background: rgba(2, 6, 23, .35); color: var(--cc-chalk, #f3f1e7); font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .cc2-serie-j b { color: var(--cc-acc, #c9d400); font-weight: 900; } .cc2-serie-j i { margin-left: auto; font-style: normal; font-size: 10px; color: var(--cc-muted, #94a3b8); } .cc2-serie-j em.por { font-style: normal; color: #fbbf24; } .cc2-serie-j.vacio { cursor: default; border-style: dashed; background: transparent; color: var(--cc-muted, #94a3b8); } /* V68.675 — Llave: «Crear ronda completa» + «Un cruce». */ .cc2-llave-btns { display: grid; grid-template-columns: 2fr 1fr; gap: 8px; margin-bottom: 10px; } /* V68.675 — Llave más ancha en el celular: cada ronda casi a todo lo ancho (se desliza a la siguiente). */ .cc2-llave-col { flex: 0 0 min(88vw, 360px); } .cc2-llave-col:only-child { flex: 1 1 100%; } .cc2-serie-j { line-height: 1.25; } /* V68.677 — Anotar: cambiar quién batea primero antes del primer turno. */ .bs-dock-quienbatea { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 2px 0 6px; padding: 6px 10px; border-radius: 12px; border: 1px dashed rgba(52, 211, 153, .55); background: rgba(6, 78, 59, .25); color: var(--cc-chalk, #f3f1e7); font-size: 11.5px; font-weight: 800; text-transform: uppercase; } .bs-dock-quienbatea i { color: #34d399; } .bs-dock-quienbatea b { font-weight: 900; } .bs-dock-quienbatea button { flex: none; border-radius: 999px; padding: 5px 12px; font-size: 11px; font-weight: 900; text-transform: uppercase; border: 1px solid #34d399; background: transparent; color: #34d399; } /* V68.677 — Llave: borrar ronda (pruebas). */ .cc2-llave-ronda { position: relative; } .cc2-llave-borrar { position: absolute; right: 0; top: -2px; width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); background: transparent; color: var(--cc-muted, #94a3b8); font-size: 12px; } .cc2-po-lead { font-size: 13px; color: var(--cc-muted, #94a3b8); margin: 0 0 4px; } /* ===== V68.678 — «Preparar juego» guiado ===== */ .cc2-pj-pasos { display: flex; gap: 6px; } .cc2-pj-pasos button { flex: 1; min-width: 0; height: 32px; border-radius: 999px; border: 1px solid var(--cc-line); background: transparent; color: var(--cc-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .cc2-pj-pasos button.on { background: var(--cc-ball); border-color: var(--cc-ball); color: var(--cc-ball-ink); } .cc2-pj-pasos button.ok { border-color: #34d399; color: #34d399; } .cc2-pj-lead { font-size: 12.5px; color: #cfe7ff; border-left: 3px solid var(--cc-sky); background: rgba(124,196,255,.08); padding: 8px 10px; border-radius: 0 10px 10px 0; margin: 0 0 4px; } .cc2-pj-card { border: 1px solid var(--cc-line); background: var(--cc-row); border-radius: 16px; padding: 12px; margin-bottom: 10px; } .cc2-pj-eq { display: flex; align-items: center; gap: 10px; } .cc2-pj-eq > div { flex: 1; min-width: 0; } .cc2-pj-eq b { display: block; font-size: 15px; font-weight: 900; text-transform: uppercase; } .cc2-pj-eq small { display: block; font-size: 11.5px; color: var(--cc-muted); margin-top: 1px; } .cc2-pj-logo { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--cc-board-2); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 13px; } .cc2-pj-val { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; } .cc2-pj-err { border: 1px solid rgba(255,107,91,.45); background: rgba(255,107,91,.08); border-radius: 12px; padding: 8px 10px; margin: 0 0 10px; font-size: 12px; color: #ffd1cb; } .cc2-pj-err p { margin: 2px 0; } .cc2-pj-fila { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 0; border: 0; border-bottom: 1px solid var(--cc-line); background: transparent; color: var(--cc-chalk); text-align: left; cursor: pointer; } .cc2-pj-fila:last-child { border-bottom: 0; } .cc2-pj-fila .ord { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--cc-board-2); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; } .cc2-pj-fila .pos { flex: none; min-width: 38px; text-align: center; border-radius: 8px; padding: 3px 6px; font-size: 11px; font-weight: 900; background: rgba(201,212,0,.14); color: var(--cc-ball); border: 1px solid rgba(201,212,0,.4); } .cc2-pj-fila .pos.bad { background: rgba(255,107,91,.18); color: #ffb3a9; border-color: rgba(255,107,91,.5); } .cc2-pj-fila .nm { flex: 1; min-width: 0; font-size: 13px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-pj-fila .nm small { display: block; font-size: 10.5px; font-weight: 700; color: var(--cc-muted); text-transform: none; } .cc2-pj-fila .ed { flex: none; color: var(--cc-muted); } .cc2-pj-nota { font-size: 12px; color: var(--cc-muted); margin: 4px 0 8px; line-height: 1.4; } .cc2-pj-tabla-wrap { overflow-x: auto; border: 1px solid var(--cc-line); border-radius: 12px; } .cc2-pj-tabla { width: 100%; min-width: 360px; border-collapse: collapse; } .cc2-pj-tabla th { background: var(--cc-board-2); color: var(--cc-ball); font-size: 9.5px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; padding: 6px 4px; text-align: left; } .cc2-pj-tabla td { border-top: 1px solid var(--cc-line); padding: 0; } .cc2-pj-tabla input, .cc2-pj-tabla select { width: 100%; min-width: 0; border: 0; background: transparent; color: var(--cc-chalk); padding: 10px 6px; font-size: 13px; font-weight: 800; text-transform: uppercase; font-family: inherit; } .cc2-pj-tabla input:focus, .cc2-pj-tabla select:focus { outline: 2px solid var(--cc-ball); outline-offset: -2px; background: rgba(201,212,0,.08); } .cc2-pj-tabla td:first-child input { width: 38px; text-align: center; } .cc2-pj-tabla td:last-child select { width: 56px; } .cc2-pj-tabla select option { background: #10251f; } .cc2-pj-campo { display: block; margin-bottom: 8px; } .cc2-pj-campo span { display: block; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--cc-amber); margin-bottom: 4px; } .cc2-pj-campo input { width: 100%; border-radius: 12px; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); padding: 11px; font-size: 14px; font-weight: 800; text-transform: uppercase; } /* V68.681 — Preparar juego en pasos: ✓ Juego › Reglas › Lineups › Empezar */ .cc2-pj-pasos button:disabled { cursor: default; opacity: 1; } .cc2-pj-campo span small { color: var(--cc-muted); letter-spacing: .04em; font-size: 9.5px; margin-left: 4px; } .cc2-pj-reglas.is-prop { border: 2px solid var(--cc-ball); background: rgba(201,212,0,.07); } .cc2-pj-reglas .cc2-pj-eq { margin-bottom: 6px; } .cc2-pj-linea { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 8px 0; border-top: 1px solid var(--cc-line); font-size: 13px; } .cc2-pj-linea span { color: var(--cc-muted); font-weight: 700; flex: none; } .cc2-pj-linea b { font-weight: 900; text-align: right; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-pj-linea.is-ko b { color: var(--cc-amber); } .cc2-pj-lu { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; color: var(--cc-chalk); cursor: pointer; font: inherit; } .cc2-pj-lu .n { flex: none; min-width: 56px; text-align: center; font-size: 24px; font-weight: 900; } .cc2-pj-lu .n.ok { color: #34d399; } .cc2-pj-lu .n.warn { color: var(--cc-amber); } .cc2-pj-lu .tx { flex: 1; min-width: 0; } .cc2-pj-lu .tx b { display: block; font-size: 15px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-pj-lu .tx small { display: block; font-size: 11.5px; color: var(--cc-muted); margin-top: 1px; } .cc2-pj-check { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--cc-line); } .cc2-pj-check:last-child { border-bottom: 0; } .cc2-pj-check > div { flex: 1; min-width: 0; } .cc2-pj-check b { display: block; font-size: 13px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-pj-check small { display: block; font-size: 11.5px; color: var(--cc-muted); overflow-wrap: anywhere; } .cc2-pj-check .ic { flex: none; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; } .cc2-pj-check.ok .ic { color: #34d399; border: 2px solid #34d399; } .cc2-pj-check.bad .ic { color: #fff; background: var(--cc-red, #ff6b5b); } .cc2-pj-check.bad small { color: #ffb3a9; } .cc2-pj-check.warn .ic { color: var(--cc-amber); border: 2px solid var(--cc-amber); font-size: 11px; } .cc2-pj-vs { display: grid; grid-template-columns: 1fr auto 1fr; gap: 6px; align-items: stretch; margin-bottom: 8px; } .cc2-pj-vs > div { border: 1px solid var(--cc-line); background: var(--cc-input); border-radius: 14px; padding: 10px; text-align: center; min-width: 0; } .cc2-pj-vs small { display: block; font-size: 9.5px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--cc-amber); } .cc2-pj-vs b { display: block; font-size: 14px; font-weight: 900; text-transform: uppercase; margin-top: 3px; overflow-wrap: anywhere; } .cc2-pj-vs .cc2-chip { align-self: center; } .cc2-btn.primary.is-off { background: transparent; color: var(--cc-amber); border-color: var(--cc-amber); } /* V68.681 — Editor de reglas: interruptores */ .cc2-rg-fila { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid var(--cc-line); background: transparent; color: var(--cc-chalk); text-align: left; cursor: pointer; font: inherit; } .cc2-rg-fila:last-child { border-bottom: 0; } .cc2-rg-fila .tx { flex: 1; min-width: 0; } .cc2-rg-fila .tx b { display: block; font-size: 13.5px; font-weight: 900; text-transform: uppercase; } .cc2-rg-fila .tx small { display: block; font-size: 11.5px; color: var(--cc-muted); margin-top: 2px; line-height: 1.35; } .cc2-rg-fila .tx em { display: block; font-style: normal; font-size: 11px; color: var(--cc-amber); margin-top: 3px; font-weight: 800; } .cc2-rg-sw { flex: none; position: relative; width: 46px; height: 26px; border-radius: 999px; background: var(--cc-input); border: 1px solid var(--cc-line); transition: background .15s; } .cc2-rg-sw::after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--cc-muted); transition: transform .15s, background .15s; } .cc2-rg-fila.on .cc2-rg-sw { background: var(--cc-ball); border-color: var(--cc-ball); } .cc2-rg-fila.on .cc2-rg-sw::after { transform: translateX(20px); background: var(--cc-ball-ink); } .cc2-rg-ko { padding: 6px 0 2px; } .cc2-rg-ko-fila { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800; color: var(--cc-muted); margin-bottom: 6px; } .cc2-rg-ko-fila input { width: 52px; border-radius: 10px; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); padding: 8px; font-size: 15px; font-weight: 900; text-align: center; } .cc2-rg-par { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cc-line); } .cc2-rg-par:last-child { border-bottom: 0; } .cc2-rg-par > span { flex: 1; min-width: 0; } .cc2-rg-par b { display: block; font-size: 13.5px; font-weight: 900; text-transform: uppercase; } .cc2-rg-par small { display: block; font-size: 11.5px; color: var(--cc-muted); } .cc2-rg-num { display: flex; align-items: center; gap: 8px; flex: none; } .cc2-rg-num b { min-width: 22px; text-align: center; font-size: 18px; } .cc2-rg-num .cc2-chip:disabled { opacity: .35; } /* V68.679 — Anotar: bateadora provisional · ¿Quién es? */ .bs-dock-quienbatea.is-prov { border-color: rgba(242, 180, 65, .7); background: rgba(120, 53, 15, .22); } .bs-dock-quienbatea.is-prov i { color: #fbbf24; } .bs-dock-quienbatea.is-prov button { border-color: #fbbf24; color: #fbbf24; } .bs-dock-quienbatea { flex-wrap: wrap; } .bs-dock-quienbatea-nota { flex: 1 1 100%; font-size: 10.5px; font-weight: 700; text-transform: none; color: var(--cc-muted, #94a3b8); } /* V68.680 — Identificar provisionales (pantalla única). */ .cc2-pj-tabla td.c { text-align: center; font-weight: 900; color: var(--cc-muted); width: 34px; } .cc2-pj-tabla tr.is-cat td { background: rgba(52,211,153,.07); } .cc2-ip-cat { display: block; padding: 10px 6px; font-size: 13px; font-weight: 900; text-transform: uppercase; } .cc2-ip-cat small { font-size: 10px; color: #34d399; font-weight: 900; margin-left: 4px; } .cc2-ip-x { border: 0; background: transparent; color: var(--cc-muted); font-size: 14px; padding: 8px; } .cc2-chip.is-bad { background: rgba(255,107,91,.2) !important; border-color: var(--cc-red) !important; color: #ffb3a9 !important; } /* V68.681 — Tarjeta guiada en lugar de la pantalla vieja de preparación */ .bs-prep-guiado { max-width: 560px; width: 100%; margin: 0 auto; padding: 16px; border: 1px solid var(--cc-line, rgba(243,241,231,.14)); border-radius: 20px; background: var(--cc-board-2, #17372f); color: var(--cc-chalk, #f3f1e7); } .bs-prep-guiado-k { font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: var(--cc-ball, #c9d400); } .bs-prep-guiado-t { font-size: 26px; font-weight: 900; text-transform: uppercase; line-height: 1.05; margin-top: 2px; } .bs-prep-guiado .cc2-link { display: block; margin: 10px auto 0; } .cc2-pj-sug { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } /* V68.681 — Posiciones con botones, de arriba hacia abajo (sin combo) */ .cc2-pj-fila-sel { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; background: transparent; border: 0; padding: 0; color: inherit; text-align: left; font: inherit; cursor: pointer; } .cc2-pj-fila > .ed { flex: none; background: transparent; border: 0; color: var(--cc-muted); font-size: 16px; padding: 6px 4px 6px 10px; cursor: pointer; } .cc2-pj-fila.is-cur { width: auto; background: rgba(201,212,0,.09); margin: 0 -12px; padding-left: 12px; padding-right: 12px; box-shadow: inset 3px 0 0 var(--cc-ball); } .cc2-pj-fila .pos.vacia { background: transparent; color: var(--cc-amber); border: 1px dashed var(--cc-amber); } .cc2-pj-teclado { border: 2px solid var(--cc-ball); background: rgba(201,212,0,.06); border-radius: 16px; padding: 10px 12px; margin-bottom: 10px; } .cc2-pj-teclado.ok { border: 1px solid rgba(52,211,153,.5); background: rgba(52,211,153,.07); } .cc2-pj-teclado.ok b { display: block; color: #34d399; font-size: 13px; font-weight: 900; text-transform: uppercase; } .cc2-pj-teclado.ok small { display: block; font-size: 11.5px; color: var(--cc-muted); } .cc2-pj-teclado .cab { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .cc2-pj-teclado .cab .ord { flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--cc-ball); color: var(--cc-ball-ink); display: flex; align-items: center; justify-content: center; font-weight: 900; } .cc2-pj-teclado .cab b { display: block; font-size: 14px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-pj-teclado .cab small { display: block; font-size: 11.5px; color: var(--cc-muted); } .cc2-pj-posgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; } .cc2-pj-posgrid .cc2-chip { position: relative; justify-content: center; text-align: center; min-height: 42px; padding: 8px 4px; } .cc2-pj-posgrid .cc2-chip.is-usada { opacity: .45; } .cc2-pj-posgrid .cc2-chip i { position: absolute; top: -6px; right: -4px; font-style: normal; font-size: 10px; font-weight: 900; min-width: 18px; height: 18px; border-radius: 9px; background: var(--cc-board-2); border: 1px solid var(--cc-line); display: flex; align-items: center; justify-content: center; } /* V68.681 — Semáforo del teclado de posiciones (verde se puede, rojo no, amarillo la suya) */ .cc2-pj-posgrid .cc2-chip.sem-ok { background: rgba(52,211,153,.14); border-color: rgba(52,211,153,.6); color: var(--cc-chalk); } .cc2-pj-posgrid .cc2-chip.sem-no { background: rgba(255,107,91,.10); border-color: rgba(255,107,91,.45); color: #ffb3a9; opacity: .75; } .cc2-pj-posgrid .cc2-chip.is-sel { background: var(--cc-amber); border-color: var(--cc-amber); color: #1b1400; } /* Nombre en una línea: nombre · paterno · materno */ .cc2-pj-nombre3 { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 6px; } .cc2-pj-nombre3 input { min-width: 0; width: 100%; border-radius: 12px; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); padding: 11px 9px; font-size: 14px; font-weight: 800; text-transform: uppercase; } .cc2-pj-nombre3 input::placeholder { text-transform: none; font-weight: 600; color: var(--cc-muted); } .cc2-pj-renglones { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; color: var(--cc-muted); } /* V68.684 — Banca de hoy en Preparar juego */ .cc2-pj-banca .cc2-chip.is-vino { border-color: rgba(52,211,153,.55); background: rgba(52,211,153,.10); } .cc2-pj-banca .cc2-chip.is-novino { border-style: dashed; color: var(--cc-muted); text-decoration: line-through; opacity: .7; } .cc2-h small { font-size: 12px; color: var(--cc-muted); margin-left: 6px; } /* V68.683 — Equipo en pestañas (Lineup › Banca) y vista completa en Empezar */ .cc2-pj-sub { margin-bottom: 10px; } .cc2-pj-resumen .cab b { display: block; font-size: 15px; font-weight: 900; text-transform: uppercase; } .cc2-pj-resumen .cab small { display: block; font-size: 11.5px; color: var(--cc-muted); } .cc2-pj-resumen ol { list-style: none; margin: 8px 0 6px; padding-left: 0; font-size: 12.5px; font-weight: 800; text-transform: uppercase; line-height: 1.7; } .cc2-pj-resumen ol .pos { display: inline-block; min-width: 30px; margin-right: 6px; font-size: 10.5px; color: var(--cc-ball); } .cc2-pj-resumen ol em { font-style: normal; font-size: 10px; color: var(--cc-amber); text-transform: none; } .cc2-pj-resumen p { margin: 4px 0 0; font-size: 12px; color: var(--cc-chalk); line-height: 1.45; } .cc2-pj-resumen p.nv { color: var(--cc-muted); } .cc2-pj-resumen ol .n { display: inline-block; width: 22px; color: var(--cc-muted); font-size: 11px; } /* V68.684 — Paso 1 «¿Qué juego?» */ .cc2-nj-fila { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid var(--cc-line); background: transparent; color: var(--cc-chalk); text-align: left; font: inherit; cursor: pointer; } .cc2-nj-fila:last-child { border-bottom: 0; } .cc2-nj-fila > span { flex: none; width: 92px; font-size: 10.5px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--cc-amber); } .cc2-nj-fila > b { flex: 1; min-width: 0; font-size: 14px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; } .cc2-nj-fila > b em { font-style: normal; color: var(--cc-muted); font-weight: 700; } .cc2-nj-fila > i { flex: none; font-style: normal; color: var(--cc-muted); font-size: 18px; } .cc2-nj-fila.is-chips { cursor: default; flex-wrap: wrap; } .cc2-nj-fila.is-chips .cc2-chips { flex: 1; } .cc2-pj-vs > button:not(.cc2-chip) { border: 1px solid var(--cc-line); background: var(--cc-input); border-radius: 14px; padding: 10px; text-align: center; min-width: 0; color: var(--cc-chalk); font: inherit; cursor: pointer; } .cc2-pj-vs > button small { display: block; font-size: 9.5px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--cc-amber); } .cc2-pj-vs > button b { display: block; font-size: 14px; font-weight: 900; text-transform: uppercase; margin-top: 3px; overflow-wrap: anywhere; } .cc2-pj-vs > button b em { font-style: normal; color: var(--cc-muted); } .cc2-nj-input { width: 100%; margin-top: 8px; border-radius: 12px; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); padding: 11px; font-size: 15px; font-weight: 800; color-scheme: dark; } /* V68.684 — Cuenta regresiva de arranque con el tema de la app */ .bs-cuenta { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px; background: color-mix(in srgb, var(--cc-bg, #0b1a16) 92%, transparent); backdrop-filter: blur(6px); color: var(--cc-chalk, #f3f1e7); font-family: var(--cc-body, system-ui); } .bs-cuenta-card { width: 100%; max-width: 380px; text-align: center; border: 1px solid var(--cc-line, rgba(243,241,231,.14)); background: var(--cc-board, #17372f); border-radius: 24px; padding: 26px 20px; box-shadow: 0 24px 60px rgba(0,0,0,.45); } .bs-cuenta-k { margin: 0; font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; color: var(--cc-ball, #c9d400); } .bs-cuenta-t { margin: 6px 0 0; font-family: var(--cc-display, system-ui); font-size: 26px; font-weight: 900; line-height: 1.05; text-transform: uppercase; overflow-wrap: anywhere; } .bs-cuenta-num { margin: 22px auto 0; width: 136px; height: 136px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--cc-ball, #c9d400); color: var(--cc-ball-ink, #1b2400); box-shadow: 0 0 0 8px color-mix(in srgb, var(--cc-ball, #c9d400) 22%, transparent); } .bs-cuenta-num span { font-family: var(--cc-display, system-ui); font-size: 84px; font-weight: 900; line-height: 1; font-variant-numeric: tabular-nums; } .bs-cuenta-nota { margin: 20px 0 0; font-size: 12.5px; font-weight: 700; color: var(--cc-muted, rgba(243,241,231,.62)); line-height: 1.4; } /* V68.685 — Número y orden al bate en la tabla del equipo */ .cc2-pj-num { flex: none; min-width: 44px; height: 32px; border-radius: 10px; border: 1px solid var(--cc-line); background: var(--cc-input); color: var(--cc-chalk); font: inherit; font-size: 12.5px; font-weight: 900; cursor: pointer; } .cc2-pj-num.vacio { color: var(--cc-amber); border-style: dashed; } .cc2-pj-mov { flex: none; display: flex; flex-direction: column; gap: 2px; margin-left: 6px; } .cc2-pj-mov button { width: 30px; height: 18px; border-radius: 6px; border: 1px solid var(--cc-line); background: transparent; color: var(--cc-chalk); font-size: 9px; line-height: 1; cursor: pointer; padding: 0; } .cc2-pj-mov button:disabled { opacity: .25; cursor: default; } /* V68.685 — Reacomodar lineup y campo */ .cc2-pj-reac-btn { width: 100%; margin-bottom: 10px; border-color: var(--cc-ball); color: var(--cc-ball); } .cc2-pj-reac-btn small { display: block; font-size: 11px; font-weight: 700; text-transform: none; opacity: .85; color: var(--cc-chalk); } .cc2-pj-reac .cc2-pj-lead { margin: 8px 0; } .cc2-pj-reac-fila { font: inherit; } .cc2-pj-campo-dia { position: relative; width: 100%; aspect-ratio: 1 / 1; max-width: 380px; margin: 4px auto 8px; border-radius: 50% 50% 16px 16px / 40% 40% 16px 16px; background: radial-gradient(circle at 50% 78%, color-mix(in srgb, var(--cc-ball) 10%, transparent) 0 26%, transparent 27%), var(--cc-board); border: 1px solid var(--cc-line); } .cc2-pj-dia-pos { position: absolute; transform: translate(-50%, -50%); width: 25%; min-height: 46px; border-radius: 12px; border: 1px solid var(--cc-line); background: var(--cc-row); color: var(--cc-chalk); padding: 4px 3px; cursor: pointer; font: inherit; text-align: center; } .cc2-pj-dia-pos b { display: block; font-size: 11px; font-weight: 900; color: var(--cc-ball); } .cc2-pj-dia-pos span { display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; line-height: 1.15; overflow-wrap: anywhere; } .cc2-pj-dia-pos.vacia { border-style: dashed; opacity: .7; } .cc2-pj-dia-pos.vacia span { color: var(--cc-muted); } .cc2-pj-dia-pos.is-sel { background: var(--cc-amber); color: #1b1400; border-color: var(--cc-amber); } .cc2-pj-dia-pos.is-sel b { color: #1b1400; } .cc2-pj-resumen { position: relative; } .cc2-pj-resumen-btn { position: absolute; top: 10px; right: 10px; } /* V68.685 — Resumen en palabras y ▲▼ por turno en la libreta */ .bs-lib-frase { margin: 6px 0 0; font-size: 13px; font-weight: 800; line-height: 1.35; color: var(--cc-chalk, #f3f1e7); } .bs-lib-turnos span.is-up { color: #34d399; border-color: rgba(52,211,153,.45); } .bs-lib-turnos span.is-down { color: #ff8a7d; border-color: rgba(255,107,91,.4); } /* V68.685 — Tarjeta de las dos lanzadoras: equipo completo (sin «…») y visitas a la vista */ .bs-dos-pit .bs-dos-eq { display: block; font-size: 9.5px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; color: var(--cc-muted, #94a3b8); line-height: 1.2; overflow-wrap: anywhere; } .bs-dos-pit span { flex-wrap: wrap; white-space: normal; row-gap: 2px; } .bs-dos-vis { font-style: normal; font-size: 9.5px; font-weight: 900; border-radius: 6px; padding: 0 5px; border: 1px solid var(--cc-line, rgba(148,163,184,.3)); color: var(--cc-chalk, #f3f1e7); } .bs-dos-vis.is-casi { color: var(--cc-amber, #f2b441); border-color: var(--cc-amber, #f2b441); } .bs-dos-vis.is-tope { color: #fff; background: var(--cc-red, #ff6b5b); border-color: var(--cc-red, #ff6b5b); } /* V68.686 — Libreta: ver al otro equipo y su banca */ .bs-lib-viendo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: space-between; margin: 0 0 6px; padding: 6px 10px; border-radius: 12px; border: 1px solid var(--cc-amber, #f2b441); background: rgba(242,180,65,.12); font-size: 12px; font-weight: 800; color: var(--cc-chalk, #f3f1e7); } .bs-lib-viendo b { text-transform: uppercase; } .bs-lib-viendo em { font-style: normal; color: var(--cc-amber, #f2b441); } .bs-lib-viendo button { border: 1px solid var(--cc-line, rgba(243,241,231,.2)); background: var(--cc-input, rgba(0,0,0,.3)); color: var(--cc-chalk, #f3f1e7); border-radius: 999px; padding: 4px 10px; font-size: 11px; font-weight: 900; text-transform: uppercase; } .bs-lib-ver { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 6px 0 0; } .bs-lib-ver button { min-height: 36px; border-radius: 12px; border: 1px solid var(--cc-line, rgba(243,241,231,.2)); background: var(--cc-row, rgba(23,55,47,.55)); color: var(--cc-chalk, #f3f1e7); font-size: 11px; font-weight: 900; text-transform: uppercase; padding: 4px 6px; overflow-wrap: anywhere; } .bs-lib-ver button.on { border-color: var(--cc-ball, #c9d400); color: var(--cc-ball, #c9d400); } .bs-lib-banca { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; } .bs-lib-banca button { border-radius: 999px; border: 1px solid rgba(52,211,153,.5); background: rgba(52,211,153,.08); color: var(--cc-chalk, #f3f1e7); padding: 6px 10px; font-size: 11.5px; font-weight: 900; text-transform: uppercase; } .bs-lib-banca button.sel { background: var(--cc-ball, #c9d400); color: var(--cc-ball-ink, #1b2400); border-color: var(--cc-ball, #c9d400); } .bs-lib-banca .bs-lib-banca-mas { border-style: dashed; border-color: var(--cc-ball, #c9d400); background: transparent; color: var(--cc-ball, #c9d400); } .bs-dos-pit.is-viendo:not(.is-lanza) { border: 2px dashed var(--cc-amber, #f2b441); } .bs-jug-staff { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; } /* V68.686 — ✕ para cerrar la franja «Batea primero / Acomodar lineup» */ .bs-dock-quienbatea { position: relative; } .bs-dock-franja-x { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--cc-line, rgba(243,241,231,.2)); background: var(--cc-input, rgba(0,0,0,.3)); color: var(--cc-chalk, #f3f1e7); font-size: 13px; font-weight: 900; line-height: 1; padding: 0; z-index: 1; } /* V68.696 — Llave: título «Juegos ganados» sobre los números de la serie y juego en vivo. */ .cc2-serie-tit { display: flex; justify-content: space-between; font-size: 9.5px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--cc-muted, #94a3b8); padding-bottom: 2px; } .cc2-serie-pie { font-size: 12px; line-height: 1.35; } .cc2-serie-j em.vivo { font-style: normal; color: #f87171; font-weight: 900; white-space: nowrap; } .cc2-serie-j .txt { flex: 1 1 auto; min-width: 0; } .cc2-serie-j i { white-space: nowrap; flex-shrink: 0; } /* V68.697 — Quién está anotando: iniciales en la barra de anotar. */ .bs-dock-usuario { flex: none; overflow: hidden; padding: 0; width: 32px; height: 32px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--cc-acc, #c9d400) 60%, transparent); background: color-mix(in srgb, var(--cc-acc, #c9d400) 18%, transparent); color: var(--cc-acc, #c9d400); font: 900 11px/1 var(--cc-body, system-ui); display: inline-flex; align-items: center; justify-content: center; }