:root{--azul:#0b63ce;--azul-oscuro:#092d5b;--azul-profundo:#061e3d;--celeste:#0da9e6;--verde:#2fac66;--naranja:#f2a43b;--morado:#775bd7;--fondo:#f3f6fa;--borde:#e2e9f1;--texto:#15263d;--suave:#6f7f92;--blanco:#fff;--sombra:0 18px 50px rgba(11,45,91,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--texto);background:var(--fondo)}a{text-decoration:none;color:inherit}button,input{font:inherit}.etiqueta,.etiqueta-clara{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;color:var(--azul)}
.pagina-acceso{min-height:100vh;background:#fff}.acceso-contenedor{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.acceso-presentacion{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px clamp(40px,6vw,100px);color:#fff;background:linear-gradient(145deg,rgba(5,31,66,.97),rgba(7,73,130,.9)),url("../assets/hero-deportistas.png") center/cover}.acceso-presentacion:after{content:"";position:absolute;width:340px;height:340px;border:70px solid rgba(255,255,255,.04);border-radius:50%;right:-130px;bottom:-130px}.volver-portal{position:relative;z-index:1;font-size:12px;color:#c7d7e8}.identidad-acceso{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin-top:42px}.identidad-acceso img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:16px;padding:4px}.identidad-acceso span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#a7c1dc}.identidad-acceso strong{font:800 18px "Manrope"}.mensaje-acceso{position:relative;z-index:1;margin:auto 0}.etiqueta-clara{color:#62d4ff}.mensaje-acceso h1{font:800 clamp(40px,5vw,68px)/1.06 "Manrope";letter-spacing:-2.5px;margin:16px 0 20px}.mensaje-acceso p{max-width:530px;color:#c5d6e6;font-size:16px;line-height:1.7}.beneficios-acceso{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#d2dfec}.beneficios-acceso span{display:flex;align-items:center;gap:7px}.beneficios-acceso i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(74,213,137,.15);color:#71e5a5;font-style:normal}.acceso-formulario-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff}.acceso-formulario{width:min(440px,100%)}.logo-ugel-acceso img{width:72px;height:72px;object-fit:contain}.acceso-formulario h2{font:800 30px "Manrope";letter-spacing:-1px;margin:9px 0}.texto-secundario{color:var(--suave);line-height:1.55;font-size:13px;margin-bottom:27px}.acceso-formulario label{display:block;font-size:12px;font-weight:700;margin:15px 0 8px}.campo-con-icono{display:flex;align-items:center;height:52px;border:1px solid #dbe4ee;border-radius:13px;background:#fbfcfe;transition:.2s}.campo-con-icono:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px rgba(11,99,206,.1);background:#fff}.campo-con-icono>span{width:45px;text-align:center;color:#8ca0b5}.campo-con-icono input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--texto)}.ver-clave{border:0;background:none;color:var(--azul);font-size:11px;font-weight:700;padding:10px 14px;cursor:pointer}.etiqueta-con-enlace{display:flex;align-items:center;justify-content:space-between}.etiqueta-con-enlace a{font-size:11px;color:var(--azul)}.recordarme{display:flex!important;align-items:center;gap:8px!important;font-weight:500!important;color:var(--suave)}.recordarme input{accent-color:var(--azul)}.boton-acceso{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:13px;padding:16px 18px;margin-top:18px;color:#fff;background:linear-gradient(110deg,var(--azul-oscuro),var(--azul));font-weight:800;cursor:pointer;box-shadow:0 14px 30px rgba(11,99,206,.2)}.aviso-seguridad{display:flex;gap:12px;margin-top:24px;padding:13px 15px;border-radius:12px;background:#f3f8fd;color:var(--suave)}.aviso-seguridad>span{color:var(--azul)}.aviso-seguridad p{margin:0;font-size:10.5px;line-height:1.5}.aviso-seguridad strong{display:block;color:var(--texto)}.pie-acceso{margin-top:36px;font-size:10px;color:#98a6b6}
.pagina-panel{min-height:100vh}.barra-lateral{position:fixed;z-index:30;inset:0 auto 0 0;width:264px;display:flex;flex-direction:column;background:var(--azul-profundo);color:#fff;transition:.3s}.marca-panel{height:78px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08)}.marca-panel img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:13px;padding:3px}.marca-panel span{display:flex;flex-direction:column}.marca-panel strong{font:800 20px "Manrope"}.marca-panel small{color:#88a4c1;font-size:9px;text-transform:uppercase;letter-spacing:1.2px}.contexto-evento{margin:15px;padding:14px;border-radius:14px;background:rgba(255,255,255,.07)}.contexto-evento>span{display:block;color:#6fcdf4;text-transform:uppercase;letter-spacing:1.4px;font-size:8px;font-weight:800}.contexto-evento button{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#fff;font-weight:800;padding:6px 0;cursor:pointer}.contexto-evento small{color:#8da6bf;font-size:9px}.navegacion-panel{flex:1;overflow:auto;padding:0 12px 15px}.titulo-menu{display:block;margin:16px 10px 7px;color:#597695;text-transform:uppercase;letter-spacing:1.5px;font-size:8px;font-weight:800}.navegacion-panel a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;margin:2px 0;color:#a9bed2;font-size:11.5px;font-weight:600}.navegacion-panel a:hover,.navegacion-panel a.activo{background:rgba(30,130,224,.18);color:#fff}.navegacion-panel a.activo{box-shadow:inset 3px 0 var(--celeste)}.navegacion-panel i{width:20px;text-align:center;color:#71b9ef;font-style:normal;font-size:15px}.navegacion-panel em{margin-left:auto;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#135896;color:#fff;font-style:normal;font-size:9px}.usuario-lateral{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#1688df,#20b6c9);font-size:11px;font-weight:800}.usuario-lateral div{display:flex;flex:1;flex-direction:column}.usuario-lateral strong{font-size:11px}.usuario-lateral small{font-size:8.5px;color:#7993ad}.usuario-lateral button{border:0;background:none;color:#7993ad}.contenido-panel{margin-left:264px;min-height:100vh}.cabecera-panel{height:78px;position:sticky;z-index:20;top:0;display:flex;align-items:center;padding:0 30px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--borde);backdrop-filter:blur(12px)}.abrir-menu-panel{display:none;border:0;background:none;font-size:22px}.ruta{display:flex;gap:10px;font-size:11px}.ruta span,.ruta b{color:#9aa8b6}.acciones-cabecera{margin-left:auto;display:flex;align-items:center;gap:9px}.busqueda{display:flex;align-items:center;gap:10px;width:235px;padding:10px 12px;border:1px solid var(--borde);border-radius:11px;background:#f8fafc;color:#8595a6;font-size:10px;text-align:left}.busqueda span{flex:1}.busqueda kbd{padding:2px 5px;border:1px solid #dce4ec;border-radius:5px;background:#fff;font-size:8px}.notificaciones{position:relative;width:39px;height:39px;border:1px solid var(--borde);border-radius:11px;background:#fff}.notificaciones i{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ef4a4a;color:#fff;font-size:8px;font-style:normal}.ver-portal{padding:11px 14px;border-radius:11px;background:var(--azul-oscuro);color:#fff;font-size:10px;font-weight:700}.principal-panel{padding:32px;max-width:1480px;margin:auto}.bienvenida-panel{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.bienvenida-panel h1{font:800 30px "Manrope";letter-spacing:-1px;margin:6px 0}.bienvenida-panel p{margin:0;color:var(--suave);font-size:12px}.acciones-bienvenida{display:flex;gap:10px}.boton-secundario,.boton-principal{display:inline-flex;align-items:center;border:1px solid var(--borde);border-radius:11px;padding:12px 15px;background:#fff;font-size:10px;font-weight:800}.boton-principal{border-color:var(--azul);background:var(--azul);color:#fff}.tarjetas-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tarjetas-resumen article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--borde);border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(18,51,90,.04)}.icono-resumen{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;font-size:20px}.icono-resumen.azul,.modulo-icono.azul{background:#e8f3ff;color:var(--azul)}.icono-resumen.verde,.modulo-icono.verde{background:#e8f8ef;color:var(--verde)}.icono-resumen.naranja,.modulo-icono.naranja{background:#fff3e3;color:var(--naranja)}.icono-resumen.morado,.modulo-icono.morado{background:#f0edff;color:var(--morado)}.tarjetas-resumen article>div{display:flex;flex-direction:column}.tarjetas-resumen small{color:var(--suave);font-size:9px}.tarjetas-resumen strong{font:800 24px "Manrope"}.tarjetas-resumen p{margin:2px 0 0;color:#8493a3;font-size:8.5px}.tarjetas-resumen p b{color:var(--verde)}.cuadricula-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:17px;margin-top:17px}.tarjeta-panel{border:1px solid var(--borde);border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(18,51,90,.04)}.cabecera-tarjeta{display:flex;align-items:start;justify-content:space-between;padding:20px 21px;border-bottom:1px solid #edf1f5}.cabecera-tarjeta h2{font:800 16px "Manrope";margin:4px 0 0}.cabecera-tarjeta button,.cabecera-tarjeta a{border:0;background:none;color:var(--azul);font-size:9px;font-weight:800}.linea-progreso{height:5px;margin:25px 24px;background:#e8eef5;border-radius:5px;overflow:hidden}.linea-progreso span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--verde),#5ed591)}.hitos-etapa{display:grid;grid-template-columns:repeat(4,1fr);padding:0 24px 24px}.hitos-etapa>div{display:flex;gap:9px;position:relative}.hitos-etapa>div:not(:last-child):after{content:"";position:absolute;left:31px;right:0;top:14px;height:1px;background:#dce4ec}.hitos-etapa i{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e9eef4;color:#8998a7;font-size:9px;font-style:normal}.hitos-etapa .completado i{background:var(--verde);color:#fff}.hitos-etapa .actual i{background:var(--azul);color:#fff;box-shadow:0 0 0 5px #e7f2ff}.hitos-etapa span{display:flex;flex-direction:column;padding-top:1px}.hitos-etapa strong{font-size:9px}.hitos-etapa small{font-size:8px;color:#8796a5;margin-top:3px}.actividad-reciente ul{list-style:none;margin:0;padding:10px 21px}.actividad-reciente li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}.actividad-reciente li:last-child{border:0}.mini-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:10px;color:#fff;font-size:8px;font-weight:800}.mini-avatar.verde{background:var(--verde)}.mini-avatar.azul{background:var(--azul)}.mini-avatar.naranja{background:var(--naranja)}.actividad-reciente p{margin:0;font-size:9px;line-height:1.45;color:#5d6e80}.actividad-reciente p strong{color:var(--texto)}.actividad-reciente p small{display:block;margin-top:3px;color:#9aa7b4}.modulos-principales{grid-column:1}.rejilla-modulos{display:grid;grid-template-columns:1fr 1fr;padding:10px}.rejilla-modulos>a{display:flex;align-items:center;gap:11px;padding:14px;border-radius:13px}.rejilla-modulos>a:hover{background:#f5f8fb}.modulo-icono{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;font-size:17px}.rejilla-modulos a div{display:flex;flex:1;flex-direction:column}.rejilla-modulos strong{font-size:10px}.rejilla-modulos small{margin-top:4px;color:#8392a2;font-size:8.5px}.rejilla-modulos a>b{color:#9aabba}.acciones-rapidas{grid-column:2;grid-row:2}.acciones-rapidas>a{display:flex;align-items:center;gap:11px;margin:0 12px;padding:11px 8px;border-bottom:1px solid #edf1f5}.acciones-rapidas>a:last-child{border:0}.acciones-rapidas>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf5fd;color:var(--azul)}.acciones-rapidas a div{display:flex;flex-direction:column}.acciones-rapidas strong{font-size:9.5px}.acciones-rapidas small{color:#8a98a7;font-size:8px;margin-top:3px}
@media(max-width:1100px){.tarjetas-resumen{grid-template-columns:1fr 1fr}.cuadricula-panel{grid-template-columns:1fr}.modulos-principales,.acciones-rapidas{grid-column:auto;grid-row:auto}}
@media(max-width:780px){.acceso-contenedor{grid-template-columns:1fr}.acceso-presentacion{min-height:430px;padding:30px}.mensaje-acceso h1{font-size:40px}.beneficios-acceso{margin-top:25px}.acceso-formulario-wrap{padding:50px 24px}.barra-lateral{transform:translateX(-100%)}.barra-lateral.abierta{transform:translateX(0)}.contenido-panel{margin-left:0}.cabecera-panel{padding:0 15px}.abrir-menu-panel{display:block}.ruta,.busqueda{display:none}.principal-panel{padding:22px 15px}.bienvenida-panel{display:block}.acciones-bienvenida{margin-top:18px}.tarjetas-resumen{grid-template-columns:1fr}.hitos-etapa{grid-template-columns:1fr 1fr;gap:16px}.hitos-etapa>div:after{display:none}.rejilla-modulos{grid-template-columns:1fr}.ver-portal{font-size:0}.ver-portal:after{content:"Portal";font-size:10px}}

/* Identidad tipografica consistente en todas las pantallas internas. */
.marca-panel strong{font-family:"Manrope","DM Sans",Arial,sans-serif;letter-spacing:-.25px}

/* Mantiene la identidad del usuario dentro del ancho real del menu lateral. */
.usuario-lateral{min-width:0;overflow:hidden}
.usuario-lateral>.avatar{flex:0 0 37px}
.usuario-lateral>div{min-width:0;overflow:hidden}
.usuario-lateral>a[aria-label="Usuario activo"]{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;flex:1;color:#fff}
.usuario-lateral>a[aria-label="Usuario activo"]>.avatar{flex:0 0 37px}
.usuario-lateral>a[aria-label="Usuario activo"]>div{min-width:0;overflow:hidden}
.usuario-lateral strong,.usuario-lateral small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usuario-lateral>a[href*="cerrar-sesion"]{flex:0 0 auto;margin-left:auto;color:#7993ad}