:root{--int-azul: #105070;--int-azul-titulo: #103d59;--int-acento: #79c143;--int-texto: #405968;--int-texto-fuerte: #173244;--int-bg: #f7f9fa;--int-bg-alt: #eef2f4;--int-bg-oscuro: #0f2f45;--int-blanco: #ffffff;--int-borde: #d3dce1;--estado-ok: #2e7d4f;--estado-alerta: #b8860b;--estado-vencido: #b03a2e;--estado-neutro: #6b7888;--estado-proceso: #105070;--font-base: Arial, "Helvetica Neue", Helvetica, sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radio: 10px;--sombra: 0 1px 3px rgba(15, 47, 69, .12), 0 1px 2px rgba(15, 47, 69, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-base);font-size:var(--fs-md);color:var(--int-texto);background:var(--int-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--int-azul-titulo);line-height:1.25}h1{font-size:var(--fs-xl);font-weight:800}h2{font-size:var(--fs-lg);font-weight:700}h3{font-size:var(--fs-md);font-weight:700}p{line-height:1.5}a{color:var(--int-azul)}.contenedor{max-width:1080px;margin:0 auto;padding:var(--sp-4)}.ayuda{color:var(--estado-neutro);font-size:var(--fs-sm)}button,.btn{font-family:var(--font-base);font-size:var(--fs-md);border:none;border-radius:var(--radio);padding:var(--sp-3) var(--sp-4);cursor:pointer;background:var(--int-azul);color:var(--int-blanco)}button:hover,.btn:hover{background:var(--int-azul-titulo)}.btn-secundario{background:var(--int-bg-alt);color:var(--int-azul-titulo);border:1px solid var(--int-borde)}.btn-secundario:hover{background:var(--int-borde)}.header{background:var(--int-blanco);border-bottom:3px solid var(--int-azul);box-shadow:var(--sombra)}.header-fila{max-width:1080px;margin:0 auto;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.header-logo{height:40px;display:block}.header-logo-cliente{height:30px;display:block;margin-left:auto}.header-titulo{font-size:var(--fs-sm);color:var(--int-texto)}.header-rol{font-size:var(--fs-xs);color:var(--int-azul);border:1px solid var(--int-azul);border-radius:999px;padding:2px 10px;white-space:nowrap}.header-salir{background:none;color:var(--estado-neutro);font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-2)}.header-salir:hover{background:var(--int-bg-alt);color:var(--int-texto-fuerte)}.banner-demo{background:#f6eeda;color:var(--estado-alerta);border-bottom:1px solid var(--int-borde);font-size:var(--fs-xs);font-weight:700;text-align:center;padding:6px var(--sp-4)}.nav{background:var(--int-azul)}.nav-fila{max-width:1080px;margin:0 auto;display:flex}.nav a{color:var(--int-blanco);text-decoration:none;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:700;opacity:.85;border-bottom:3px solid transparent;flex:1;text-align:center}.nav a:hover{opacity:1}.nav a.activo{opacity:1;border-bottom-color:var(--int-acento);background:#ffffff0f}@media (min-width: 720px){.nav a{flex:none}}.tarjeta{background:var(--int-blanco);border:1px solid var(--int-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:var(--sp-4)}.tarjetas{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media (min-width: 720px){.tarjetas{grid-template-columns:repeat(3,1fr)}}.rol-pantalla{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-5);background:var(--int-blanco)}.rol-logo{width:min(320px,70vw)}.rol-logo-app{width:min(240px,62vw);height:auto;display:block}.rol-titulo-texto{width:min(300px,72vw);height:auto;display:block;margin-bottom:calc(-1 * var(--sp-2))}.rol-video-app{width:min(400px,86vw);aspect-ratio:16 / 9;object-fit:cover;display:block}.rol-cliente{height:44px}.rol-tarjeta{background:var(--int-blanco);border:1px solid var(--int-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);width:min(360px,90vw);text-align:center}.rol-nota{font-size:var(--fs-xs);color:var(--estado-neutro)}.campo{font-family:var(--font-base);font-size:var(--fs-md);padding:var(--sp-3);border:1px solid var(--int-borde);border-radius:var(--radio);background:var(--int-blanco);color:var(--int-texto-fuerte);width:100%}.login-error{color:var(--estado-vencido);font-size:var(--fs-sm)}.instalar-caja{text-align:center}.btn-instalar{background:none;color:var(--int-azul);border:1px solid var(--int-borde);font-size:var(--fs-sm)}.btn-instalar:hover{background:var(--int-bg-alt)}.estado-caja{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--estado-neutro)}.spinner{width:28px;height:28px;margin:0 auto var(--sp-3);border:3px solid var(--int-borde);border-top-color:var(--int-azul);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.chip{display:inline-block;font-size:var(--fs-xs);font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}.chip-neutro{background:var(--int-bg-alt);color:var(--estado-neutro)}.chip-proceso{background:#e3edf3;color:var(--int-azul)}.chip-alerta{background:#f6eeda;color:var(--estado-alerta)}.chip-ok{background:#e4f0e9;color:var(--estado-ok)}.chip-vencido{background:#f5e4e2;color:var(--estado-vencido)}.punto{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:baseline}.punto-ok{background:var(--estado-ok)}.punto-alerta{background:var(--estado-alerta)}.punto-vencido{background:var(--estado-vencido)}.punto-neutro{background:var(--estado-neutro)}.vigencia{font-size:var(--fs-sm);white-space:nowrap}.vigencia-vencida,.texto-vencido{color:var(--estado-vencido);font-weight:700}.filtros{display:flex;gap:var(--sp-2);margin:var(--sp-4) 0;flex-wrap:wrap}.filtros select{font-family:var(--font-base);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border:1px solid var(--int-borde);border-radius:var(--radio);background:var(--int-blanco);color:var(--int-texto-fuerte)}.resumen-chips{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}.lista-cursos{display:flex;flex-direction:column;gap:var(--sp-3)}.curso-item{background:var(--int-blanco);border:1px solid var(--int-borde);border-left:4px solid var(--int-azul);border-radius:var(--radio);box-shadow:var(--sombra);padding:var(--sp-4);text-align:left;color:var(--int-texto);display:block;width:100%}.curso-item:hover{background:var(--int-bg-alt)}.curso-item-fila{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.curso-nombre{color:var(--int-azul-titulo);font-size:var(--fs-md)}.curso-item-meta{font-size:var(--fs-sm);color:var(--estado-neutro);margin-top:var(--sp-1)}.volver{display:inline-block;font-size:var(--fs-sm);text-decoration:none;margin-bottom:var(--sp-3);color:var(--int-azul)}.detalle-cabecera{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.btn-expediente{margin-left:auto;font-size:var(--fs-sm);background:var(--int-blanco);color:var(--int-azul);border:1.5px solid var(--int-azul)}.btn-expediente:hover{background:var(--int-bg-alt)}.btn-expediente:disabled{opacity:.6;cursor:wait}@media (max-width: 719px){.btn-expediente{margin-left:0;width:100%}}.seccion{margin-top:var(--sp-4)}.seccion h2{margin-bottom:var(--sp-3)}.instructor-fila{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.tabla-scroll{overflow-x:auto}@media (max-width: 719px){.tabla-fichas thead{display:none}.tabla-fichas,.tabla-fichas tbody{display:block}.tabla-fichas tr{display:block;border:1px solid var(--int-borde);border-left:3px solid var(--int-azul);border-radius:var(--radio);background:var(--int-blanco);margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3)}.tabla-fichas tbody tr:hover{background:var(--int-blanco)}.tabla-fichas td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);border:none;padding:5px 0;text-align:right}.tabla-fichas td:before{content:attr(data-label);font-weight:700;color:var(--int-azul-titulo);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;text-align:left;flex-shrink:0}.tabla-fichas td[data-label=Nombre],.tabla-fichas td[data-label=Alumno],.tabla-fichas td[data-label=Autorización]{display:block;text-align:left;border-bottom:1px solid var(--int-bg-alt);padding-bottom:6px;margin-bottom:2px}.tabla-fichas td[data-label=Nombre]:before,.tabla-fichas td[data-label=Alumno]:before,.tabla-fichas td[data-label=Autorización]:before{display:none}}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}th{text-align:left;color:var(--int-azul-titulo);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;padding:var(--sp-2) var(--sp-3);border-bottom:2px solid var(--int-borde);white-space:nowrap}td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--int-bg-alt)}tbody tr:hover{background:var(--int-bg)}.timeline{list-style:none}.timeline li{position:relative;padding:0 0 var(--sp-4) var(--sp-5);border-left:2px solid var(--int-borde);margin-left:6px}.timeline li:last-child{padding-bottom:0}.timeline-punto{position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--int-borde);border:2px solid var(--int-blanco)}.timeline-actual .timeline-punto{background:var(--int-acento)}.timeline-actual>div>strong{color:var(--int-azul)}.expediente{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-3)}.expediente li{display:flex;align-items:center;gap:var(--sp-3)}.doc-icono{background:var(--int-azul);color:var(--int-blanco);font-size:10px;font-weight:700;border-radius:4px;padding:6px 7px;letter-spacing:.5px}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.evidencia-img{background:linear-gradient(135deg,var(--int-bg-alt),var(--int-borde));color:var(--estado-neutro);border-radius:var(--radio);height:100px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);border:1px solid var(--int-borde)}.evidencia figcaption{margin-top:var(--sp-1)}img.evidencia-img{object-fit:cover;width:100%;padding:0}.enlace-borrar{background:none;border:none;color:var(--estado-vencido);font-size:var(--fs-xs);padding:0;cursor:pointer;text-decoration:underline}.stat{text-align:center}.stat-valor{font-size:40px;font-weight:800;color:var(--int-azul);line-height:1.1}.stat-alerta{color:var(--estado-alerta)}.stat-vencido{color:var(--estado-vencido)}.stat-ok{color:var(--estado-ok)}.stat-titulo{font-weight:700;color:var(--int-texto-fuerte);margin-top:var(--sp-1)}.movimientos{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.movimientos li{display:flex;gap:var(--sp-3);font-size:var(--fs-sm)}.mov-fecha{color:var(--estado-neutro);white-space:nowrap;min-width:72px}.panel-acciones{border-left:4px solid var(--int-acento)}.acciones-fila{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.btn-nuevo{text-decoration:none;margin-left:auto}.btn-rechazar{background:var(--estado-vencido)}.btn-rechazar:hover{background:#8f2c22}.accion-confirm{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--int-bg-alt);border-radius:var(--radio)}.accion-confirm textarea{width:100%;font-family:var(--font-base);font-size:var(--fs-sm);padding:var(--sp-2);border:1px solid var(--int-borde);border-radius:var(--radio);margin:var(--sp-2) 0;resize:vertical}.select-rol{font-family:var(--font-base);font-size:var(--fs-sm);padding:4px 6px;border:1px solid var(--int-borde);border-radius:6px;background:var(--int-blanco);color:var(--int-texto-fuerte);max-width:200px}.form-curso{display:flex;flex-direction:column;gap:var(--sp-3);max-width:640px}.form-curso label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);font-weight:700;color:var(--int-azul-titulo)}.form-curso input,.form-curso select{font-family:var(--font-base);font-size:var(--fs-md);font-weight:400;padding:var(--sp-2) var(--sp-3);border:1px solid var(--int-borde);border-radius:var(--radio);background:var(--int-blanco);color:var(--int-texto-fuerte)}.form-fila{display:flex;gap:var(--sp-3);flex-wrap:wrap}.form-fila label{flex:1;min-width:140px}.form-acciones{display:flex;gap:var(--sp-2);align-items:center;margin-top:var(--sp-2)}.form-acciones .btn-secundario{text-decoration:none;display:inline-flex;align-items:center}.celda-num,.celda-texto{font-family:var(--font-base);font-size:var(--fs-sm);padding:5px 7px;border:1px solid var(--int-borde);border-radius:6px;background:var(--int-blanco);color:var(--int-texto-fuerte)}.celda-num{width:68px}.celda-texto{width:100%;min-width:90px}.celda-acciones{white-space:nowrap;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn-mini{font-size:var(--fs-xs);font-weight:700;padding:5px 10px;border-radius:6px;background:var(--int-azul);color:var(--int-blanco);border:none}.btn-mini:hover{filter:brightness(1.08)}.btn-mini:disabled{opacity:.6;cursor:wait}.btn-mini-quitar{background:var(--int-blanco);color:var(--estado-vencido);border:1px solid var(--int-borde)}.btn-mini-quitar:hover{background:#f5e4e2}.lista-seleccion{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;background:var(--int-blanco);border:1px solid var(--int-borde);border-radius:var(--radio);padding:var(--sp-2)}.check-fila{display:flex;align-items:baseline;gap:var(--sp-2);padding:6px 4px;font-size:var(--fs-sm);border-bottom:1px solid var(--int-bg-alt)}.check-fila:last-child{border-bottom:none}.check-fila input{margin-top:2px}.fila-inactiva{opacity:.62}.pagina-vacia{border:2px dashed var(--int-borde);border-radius:var(--radio);padding:var(--sp-6);text-align:center;color:var(--estado-neutro);margin-top:var(--sp-4)}