/* © 2026 Carlos Acedo Domínguez. Todos los derechos reservados. Ver LICENSE. */
/* PRUEBAS — Pantalla "Ligas" / "Crear liga" */
.lg-card{ --lg-c2:var(--g-card2, #122546); --lg-acc:var(--g-lima, #E8C45A); --lg-acc-ink:var(--g-lima-ink, #0F1B2E); --lg-mut:var(--g-muted, #9FACC2); --lg-line:var(--g-line, #2B4370); }
.lg-titulo{ font-family:'Archivo', 'Anton', sans-serif; font-weight:900; font-size:22px; color:var(--forest-fg); margin:4px 44px 6px 2px; line-height:1.15; }
.lg-sub{ font-size:13.5px; color:var(--lg-mut); margin-bottom:4px; }
.lg-aviso{ font-size:13.5px; color:var(--lg-mut); margin:10px 2px 0; line-height:1.4; }
.lg-aviso.lg-mal{ color:#F2A19E; font-weight:700; }
.lg-cuenta{ float:right; text-transform:none; letter-spacing:0; color:var(--lg-acc); font-size:12.5px; }
.lg-nueva{ margin-top:16px; }

/* Lista de ligas */
.lg-liga{ display:block; width:100%; text-align:left; margin-top:10px; padding:14px; border-radius:14px; border:1px solid var(--lg-line); background:var(--lg-c2); color:var(--forest-fg); cursor:pointer; font-family:inherit; }
.lg-liga b{ display:block; font-size:18px; margin-bottom:3px; }
.lg-liga span{ display:block; font-size:13.5px; color:var(--lg-mut); }
.lg-liga .lg-liga-prox{ color:var(--lg-acc); font-weight:700; margin-top:4px; }

/* Jugadores */
.lg-todos{ display:flex; gap:8px; margin-bottom:8px; }
.lg-chip{ flex:1; min-height:40px; border-radius:999px; border:1.5px solid var(--lg-line); background:transparent; color:var(--forest-fg); font:700 14px 'Barlow', sans-serif; cursor:pointer; }
.lg-jugs{ display:grid; grid-template-columns:1fr; gap:6px; }
.lg-jug{ display:flex; align-items:center; gap:7px; min-height:46px; min-width:0; padding:6px 8px; border-radius:10px; border:1.5px solid var(--lg-line); background:transparent; color:var(--forest-fg); font:700 16px 'Barlow', sans-serif; text-align:left; cursor:pointer; touch-action:manipulation; }
.lg-jug span{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lg-jug b{ flex:none; font-size:14px; color:var(--lg-mut); font-weight:600; }
.lg-check{ flex:none; width:22px; height:22px; border-radius:6px; border:2px solid var(--lg-mut); font-style:normal; font-size:14px; line-height:18px; text-align:center; }
.lg-jug.on{ border-color:var(--lg-acc); background:var(--lg-c2); }
.lg-jug.on .lg-check{ background:var(--lg-acc); border-color:var(--lg-acc); color:var(--lg-acc-ink); }

/* Jornadas: botones − y + grandes */
.lg-paso{ display:flex; align-items:center; justify-content:center; gap:18px; }
.lg-mas{ width:56px; height:56px; border-radius:50%; border:2px solid var(--lg-acc); background:transparent; color:var(--lg-acc); font:700 30px/1 'Barlow', sans-serif; cursor:pointer; touch-action:manipulation; }
.lg-num{ min-width:90px; text-align:center; }
.lg-num b{ display:block; font:900 40px/1 'Archivo', 'Barlow', sans-serif; color:var(--forest-fg); }
.lg-num small{ font-size:13px; color:var(--lg-mut); }

/* Sábado / Domingo, campo */
.lg-dos{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.lg-dos.lg-tres{ grid-template-columns:1fr 1fr 1fr; }
.lg-opc{ min-height:50px; border-radius:12px; border:1.5px solid var(--lg-line); background:transparent; color:var(--forest-fg); font:700 16px 'Barlow', sans-serif; cursor:pointer; touch-action:manipulation; padding:4px; }
.lg-opc.on{ background:var(--lg-acc); border-color:var(--lg-acc); color:var(--lg-acc-ink); }
.lg-card .field input{ width:100%; box-sizing:border-box; min-height:46px; font:16px 'Barlow', sans-serif; }

/* Calendario */
.lg-cal{ display:flex; flex-direction:column; gap:6px; }
.lg-cal-f{ display:grid; grid-template-columns:40px 1fr; grid-template-rows:auto auto; column-gap:8px; align-items:center; width:100%; text-align:left; padding:9px 10px; border-radius:10px; border:1px solid var(--lg-line); background:var(--lg-c2); color:var(--forest-fg); font-family:inherit; }
button.lg-cal-f{ cursor:pointer; }
.lg-cal-f span{ grid-row:1 / 3; font:900 15px 'Archivo', 'Barlow', sans-serif; color:var(--lg-acc); }
.lg-cal-f b{ font-size:15px; }
.lg-cal-f small{ font-size:13px; color:var(--lg-mut); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lg-cal-f.lg-prox{ border-color:var(--lg-acc); border-width:2px; }

/* Clasificación */
.lg-tabla{ border-radius:12px; overflow:hidden; border:1px solid var(--lg-line); }
.lg-fila{ display:grid; grid-template-columns:30px 1fr 42px 46px; gap:6px; align-items:center; padding:10px; font-size:15px; border-top:1px solid var(--lg-line); color:var(--forest-fg); }
.lg-fila:first-child{ border-top:none; }
.lg-fila span:nth-child(3), .lg-fila span:nth-child(4){ text-align:right; }
.lg-cab{ font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--lg-mut); background:var(--lg-c2); }
.lg-nom{ font-weight:700; min-width:0; line-height:1.25; overflow-wrap:anywhere; }
.lg-pts{ font-weight:900; color:var(--lg-acc); }
.lg-lider{ background:var(--lg-c2); }

/* Calendario editable: toda la fila abre el calendario del móvil */
.lg-cal-ed{ position:relative; cursor:pointer; }
.lg-cal-in{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; border:none; }
.lg-cal-f.lg-cambiada{ border-color:var(--lg-acc); border-style:dashed; }

/* Salida al tiro: un hoyo por grupo */
.lg-tiro{ display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.lg-tiro-f{ display:grid; grid-template-columns:1fr 44px 58px 44px; align-items:center; gap:6px; padding:8px 10px; border-radius:12px; border:1px solid var(--lg-line); background:var(--lg-c2); }
.lg-tiro-g{ min-width:0; color:var(--forest-fg); }
.lg-tiro-g b{ display:block; font-size:15px; }
.lg-tiro-g small{ display:block; font-size:12.5px; color:var(--lg-mut); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lg-mas.lg-mas-p{ width:44px; height:44px; font-size:24px; }
.lg-tiro-h{ text-align:center; }
.lg-tiro-h small{ display:block; font-size:11px; color:var(--lg-mut); text-transform:uppercase; letter-spacing:.05em; }
.lg-tiro-h b{ display:block; font:900 26px/1 'Archivo', 'Barlow', sans-serif; color:var(--forest-fg); }
.lg-tiro-h.lg-mal b{ color:#F2A19E; }

/* Bases de la liga */
.lgb-btn{ width:100%; margin:10px 0 4px; display:flex; align-items:center; justify-content:center; gap:8px; }
.lgb-btn .ico{ width:20px; height:20px; }
.lgb{ color:var(--forest-fg); font-size:16px; line-height:1.5; }
.lgb-h{ font-size:17px; font-weight:800; margin:18px 0 6px; color:var(--forest-fg); }
.lgb-p{ margin:0 0 8px; }
.lgb-ul{ margin:0 0 8px; padding-left:20px; }
.lgb-ul li{ margin-bottom:4px; }
.lgb-pts{ display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin:6px 0 10px; }
.lgb-pts div{ text-align:center; padding:8px 4px; border-radius:10px; border:1px solid var(--lg-line); background:var(--lg-c2); }
.lgb-pts small{ display:block; font-size:12px; color:var(--lg-mut); }
.lgb-pts b{ display:block; font-size:20px; font-weight:900; color:var(--lg-acc); }
.lg-guardar-ayuda{ font-size:13.5px; }

/* Partidas de una jornada con sus jugadores */
.lg-partidas{ display:flex; flex-direction:column; gap:8px; margin-top:6px; }
.lg-partida{ padding:10px 12px; border-radius:12px; border:1px solid var(--lg-line); background:var(--lg-c2); color:var(--forest-fg); }
.lg-partida-h{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.lg-partida-h b{ font-size:15px; }
.lg-partida-h span{ font-weight:800; color:var(--lg-acc); font-size:15px; }
.lg-partida ul{ list-style:none; margin:6px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:4px 10px; }
.lg-partida li{ font-size:15px; line-height:1.3; }
.lg-partida li small{ color:var(--lg-mut); font-size:12.5px; }

/* Convocatoria de una jornada de liga */
.conv-liga{ display:flex; align-items:center; gap:8px; margin:0 0 10px; padding:10px 12px; border-radius:12px; background:var(--lg-c2, rgba(0,0,0,.06)); border:1px solid var(--lg-acc, #c9a227); color:var(--lg-acc, #c9a227); font-weight:800; font-size:16px; }
.conv-liga .ico{ width:22px; height:22px; flex:none; }

/* Jornada: jugadores que se tocan para moverlos */
.lg-pjs{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.lg-pj{ min-height:40px; padding:6px 12px; border-radius:999px; border:1.5px solid var(--lg-line); background:transparent; color:var(--forest-fg); font:700 15px 'Barlow', sans-serif; cursor:pointer; }
.lg-pj small{ color:var(--lg-mut); font-weight:600; font-size:12.5px; }
.lg-pj.sel{ border-color:var(--lg-acc); background:var(--lg-acc); color:var(--lg-acc-ink); }
.lg-pj.sel small{ color:var(--lg-acc-ink); }
.lg-partida-h small{ color:var(--lg-mut); font-weight:600; font-size:12.5px; margin-left:4px; }
.lg-fuera{ border-style:dashed; }
.lg-mover{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; padding-top:10px; border-top:1px solid var(--lg-line); }
.lg-mover-b{ flex:1 1 40%; min-height:44px; border-radius:10px; border:1.5px solid var(--lg-acc); background:transparent; color:var(--lg-acc); font:800 15px 'Barlow', sans-serif; cursor:pointer; }
.lg-mover-b:disabled{ opacity:.4; border-color:var(--lg-line); color:var(--lg-mut); }
.lg-mover-b.no{ border-color:#E07A72; color:#F2A19E; flex-basis:100%; }
.lg-opc:disabled{ opacity:.4; }
.conv-liga-nota{ margin-top:10px; }
.lg-otros-btn{ width:100%; margin-top:12px; }