:root{--azul: #0b3a6e;--azul-oscuro: #10233f;--azul-texto: #123a6a;--azul-medio: #1c4a8a;--tinta: #1d2433;--gris: #5b6577;--gris-claro: #8a94a6;--borde: #2b2f38;--borde-suave: #e0e6f0;--fila: #eef4fb;--fila-alterna: #f7fafd;--celeste: #e6f0fb;--lila: #d6ccf6;--lila-suave: #efeafc;--lila-fuerte: #b9a8ee;--fondo: #ffffff;--blanco: #ffffff;--rosa: #f3c4dc;--cian: #34b7ea;--cian-texto: #0e7aa8;--ok: #1f7a4d;--ok-fondo: #e3f5ea;--error: #b42318;--error-fondo: #fdecea;--aviso: #8a5a00;--aviso-fondo: #fff4d6;--sombra: 0 10px 28px rgba(13, 43, 85, .14);--sombra-suave: 0 2px 4px rgba(13, 43, 85, .04), 0 8px 24px rgba(13, 43, 85, .07);--sombra-insignia: 0 8px 14px rgba(13, 43, 85, .28);--radio: 14px;--radio-lg: 20px;--suave: cubic-bezier(.22, .8, .3, 1);--fuente: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;--fuente-tabla: "Montserrat", Roboto, Arial, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--fuente);font-size:16px;color:var(--tinta);background-color:var(--fondo);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}app-root{display:contents}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body:before{background:radial-gradient(circle at -4% 18%,transparent 0 30vmax,rgba(243,196,220,.38) 30vmax 42vmax,transparent 42.4vmax),radial-gradient(circle at -10% 64%,rgba(52,183,234,.5),transparent 34vmax),radial-gradient(circle at 108% 34%,rgba(185,168,238,.32),transparent 30vmax),radial-gradient(circle at 70% 112%,rgba(248,210,122,.3),transparent 34vmax)}body:after{top:auto;height:28vh;background:linear-gradient(90deg,#f6b3d6,#f8d27a,#b5e6a1,#8fd3f4,#c6b4f5);opacity:.32;-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}a{color:var(--azul-texto)}h1,h2,h3{color:var(--azul);line-height:1.15;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.saltar{position:absolute;left:-999px;top:8px;background:var(--azul);color:var(--blanco);padding:8px 12px;border-radius:8px;z-index:40}.saltar:focus{left:8px}:focus-visible{outline:3px solid var(--cian);outline-offset:2px;border-radius:6px}.contenedor{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}@media(max-width:600px){.contenedor{padding:0 14px}}@keyframes aparecer{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.seccion{margin:0 0 44px;animation:aparecer .6s var(--suave) both}.seccion__cabecera{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px}.seccion__sobre{margin:0 0 4px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cian-texto)}.seccion__titulo{margin:0;font-size:clamp(1.45rem,3.2vw,2rem);font-weight:800}.seccion__enlace{font-weight:600;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}.seccion__enlace:hover{border-bottom-color:var(--cian)}.panel{background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio-lg);box-shadow:var(--sombra-suave);padding:22px}@media(max-width:600px){.panel{padding:16px;border-radius:16px}.seccion{margin-bottom:34px}}.pastilla{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.02em;color:var(--azul);padding:5px 14px;border-radius:999px}.pastilla--masc{background:var(--celeste)}.pastilla--fem{background:var(--lila)}.pagina{margin-bottom:32px;animation:aparecer .5s var(--suave) both}.titulo-seccion{font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800;margin:8px 0 12px}.subtitulo{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;margin:22px 0 12px}.subtitulo:before{content:"";width:4px;height:1.1em;border-radius:2px;background:linear-gradient(var(--cian),var(--lila-fuerte))}.cabecera-pagina{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom:18px}.cabecera-pagina .titulo-seccion{margin:0}.nota{color:var(--gris);margin:6px 0 14px}.nota--sm{font-size:.85rem;display:block;margin:4px 0}.fila-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 16px}.campo{display:block}.campo>span,.filtro-simple>span{display:block;font-size:.85rem;font-weight:600;color:var(--azul-texto);margin-bottom:4px}input,select,textarea{width:100%;font:inherit;color:var(--tinta);padding:10px 12px;border:1px solid #c6d0e0;border-radius:12px;background:var(--blanco);min-height:44px;transition:border-color .2s,box-shadow .2s}input:hover,select:hover,textarea:hover{border-color:#9fb0cb}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cian);box-shadow:0 0 0 4px #34b7ea33}input:disabled,select:disabled{background:#eef1f6;color:var(--gris)}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched{border-color:var(--error)}.filtro-simple{display:block;max-width:320px;margin-bottom:12px}.pestanas{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;max-width:100%;background:#e8edf6;border-radius:999px;margin:8px 0 16px}.pestana{font:inherit;font-weight:600;font-size:.92rem;border:0;background:transparent;color:var(--azul-texto);padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.pestana:hover{background:#fff9}.pestana--activa,.pestana--activa:hover{background:var(--blanco);color:var(--azul);box-shadow:0 1px 6px #0d2b5533}.boton{font:inherit;font-weight:700;border:1px solid var(--azul);background:linear-gradient(135deg,var(--azul),var(--azul-medio));color:var(--blanco);padding:10px 20px;border-radius:12px;cursor:pointer;min-height:44px;transition:transform .15s var(--suave),box-shadow .2s,background .2s,opacity .2s}.boton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0d2b5540}.boton:active:not(:disabled){transform:translateY(0);box-shadow:none}.boton:disabled{opacity:.5;cursor:not-allowed}.boton--sm{padding:6px 14px;min-height:36px;font-size:.9rem}.boton--claro{background:var(--blanco);color:var(--azul)}.boton--claro:hover:not(:disabled){background:var(--celeste);box-shadow:0 6px 14px #0d2b551f}.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.estado{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:12px;margin:10px 0;text-align:left;animation:aparecer .35s var(--suave) both}.estado--carga{color:var(--gris);background:linear-gradient(90deg,#eef2f9 25%,#f8faff,#eef2f9 75%);background-size:200% 100%;animation:brillo 1.4s linear infinite}@keyframes brillo{to{background-position:-200% 0}}.estado--vacio{background:#ffffffb3;color:var(--gris);border:1px dashed #c9d3e4;justify-content:center;text-align:center}.estado--error{background:var(--error-fondo);color:var(--error)}.estado--exito{background:var(--ok-fondo);color:var(--ok)}.estado--aviso{background:var(--aviso-fondo);color:var(--aviso)}.spinner{width:18px;height:18px;border:3px solid var(--borde-suave);border-top-color:var(--azul);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.error{color:var(--error);font-size:.82rem}.tabla-envoltura{width:100%;overflow-x:auto;background:var(--blanco);border:1px solid var(--borde-suave);border-radius:16px;box-shadow:var(--sombra-suave);-webkit-overflow-scrolling:touch}.tabla{width:100%;border-collapse:collapse;font-family:var(--fuente-tabla);font-size:.95rem;background:var(--blanco)}.tabla th{background:var(--azul);color:var(--blanco);font-weight:600;padding:12px;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;white-space:nowrap}.tabla td{padding:11px 12px;text-align:center;border-bottom:1px solid #edf1f7}.tabla tbody tr{transition:background .18s}.tabla tbody tr:hover{background:#f1f6fd}.tabla tbody tr:last-child td{border-bottom:0}.tabla .izq{text-align:left}.tabla--afiche tbody tr:nth-child(2n){background:var(--fila-alterna)}.tabla--afiche tbody tr:nth-child(2n):hover{background:#f1f6fd}.dorsal{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:7px;background:var(--azul);color:var(--blanco);font-weight:700;font-size:.8rem;margin-right:4px}.chip{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;background:#e8ecf3;color:var(--azul-texto);white-space:nowrap}.chip--EN_JUEGO{background:#ffe8c7;color:#8a4b00}.chip--FINALIZADO{background:var(--ok-fondo);color:var(--ok)}.chip--SUSPENDIDO{background:var(--error-fondo);color:var(--error)}.etiqueta{font-weight:600;color:var(--azul-texto)}.vs{color:var(--gris);font-weight:500}.tarjeta{background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio-lg);padding:20px;box-shadow:var(--sombra-suave)}.tarjeta--activa{outline:3px solid var(--lila-fuerte)}.formulario{display:grid;gap:12px;text-align:left;align-content:start}.formulario .subtitulo{margin-top:0}fieldset{border:1px solid var(--borde-suave);border-radius:12px;padding:12px;margin:0;display:grid;gap:8px}legend{font-weight:700;color:var(--azul);padding:0 6px}.rejilla-reglas{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-rejilla{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:20px;align-items:start}.lista-admin,.lista-simple{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}.lista-admin li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px}.lista-simple li{background:var(--blanco);border-radius:10px;padding:10px 12px;border:1px solid var(--borde-suave)}textarea{resize:vertical}@media(max-width:960px){.admin-rejilla{grid-template-columns:1fr}}@media(max-width:760px){.tarjeta{padding:16px}}.encabezado{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px;animation:aparecer .5s var(--suave) both}.encabezado__sobre{margin:0 0 4px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cian-texto)}.encabezado__titulo{margin:0;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800}.encabezado .pestanas{margin:0}@media(max-width:700px){.tabla-envoltura:has(.tabla--apilable){border:0;background:transparent;box-shadow:none;overflow:visible}.tabla--apilable,.tabla--apilable tbody,.tabla--apilable tr,.tabla--apilable td{display:block;width:100%}.tabla--apilable{background:transparent}.tabla--apilable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tabla--apilable tr{margin-bottom:14px;background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio);box-shadow:var(--sombra-suave);overflow:hidden}.tabla--apilable td{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;text-align:left;padding:9px 14px}.tabla--apilable td:before{content:attr(data-label);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gris)}}