:root{--azul: #0094d1;--azul-osc: #0077a8;--negro: #1a1a1a;--gris: #5b6570;--borde: #e3e8ee;--fondo: #f5f8fb;--blanco: #fff;--verde: #1f9d63;--rojo: #c0392b}*{box-sizing:border-box}body{margin:0;font-family:Lato,system-ui,sans-serif;color:var(--negro);background:var(--fondo)}h1,h2,h3,.btn,.barra-marca span{font-family:Poppins,system-ui,sans-serif}a{color:var(--azul)}.btn{display:inline-block;border:2px solid var(--azul);border-radius:999px;padding:10px 22px;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;text-align:center}.btn-primario{background:var(--azul);color:var(--blanco)}.btn-primario:hover{background:var(--azul-osc);border-color:var(--azul-osc)}.btn-contorno{background:transparent;color:var(--azul)}.btn:disabled{opacity:.6;cursor:wait}.enlace{background:none;border:0;padding:0;color:var(--azul);cursor:pointer;font:inherit}.error{color:var(--rojo)}.ok{color:var(--verde)}.cargando{text-align:center;padding:60px 16px;color:var(--gris)}.aviso{background:#eaf6fc;border-left:4px solid var(--azul);padding:14px 16px;border-radius:6px}.acceso{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 10%,#0a3a57,#071a26 70%)}.acceso-caja{width:100%;max-width:400px;background:var(--blanco);border-radius:16px;padding:32px 28px;box-shadow:0 20px 60px #00000059}.acceso-logo{height:44px;display:block;margin:0 auto}.acceso-marca{text-align:center;color:var(--gris);margin:6px 0 18px;font-size:14px;letter-spacing:.04em}.acceso h1{text-align:center;font-size:24px;margin:0 0 18px}.acceso-texto{color:var(--gris);text-align:center;margin-top:-8px}.acceso form{display:grid;gap:8px}.acceso label{font-size:14px;font-weight:700;margin-top:6px}.acceso input{padding:12px;border:1px solid var(--borde);border-radius:8px;font-size:16px}.acceso input:focus{outline:2px solid var(--azul);border-color:transparent}.acceso .btn{margin-top:12px}.acceso .enlace{margin-top:6px;font-size:14px}.acceso-nota{text-align:center;font-size:14px;color:var(--gris);margin:18px 0 0}.barra{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--negro);color:var(--blanco);flex-wrap:wrap}.barra-marca{display:flex;align-items:center;gap:10px;color:var(--blanco);text-decoration:none}.barra-marca img{height:32px;background:var(--blanco);border-radius:6px;padding:3px 6px}.barra nav{display:flex;align-items:center;gap:18px;font-size:14px;flex-wrap:wrap}.barra nav a,.barra .enlace{color:var(--blanco);text-decoration:none}.barra nav a:hover,.barra .enlace:hover{color:#7fd3f5}.barra-correo{color:#9aa7b3}.contenido{max-width:1180px;margin:0 auto;padding:32px 24px 60px}.contenido>h1{margin:0 0 6px}.bajada{color:var(--gris);margin:0 0 24px}.cursos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.curso{background:var(--blanco);border:1px solid var(--borde);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:8px;border-top:5px solid var(--azul)}.curso h2{margin:4px 0 0;font-size:20px}.curso p{margin:0;color:var(--gris);line-height:1.5}.curso .curso-sub{color:var(--azul);font-weight:700}.curso .btn{margin-top:auto;align-self:flex-start}.curso.bloqueado{border-top-color:#b8c2cc}.curso.bloqueado h2{color:#4a525a}.curso-etiqueta{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--azul);margin:0}.bloqueado .curso-etiqueta{color:var(--gris)}.progreso{margin:8px 0 12px}.progreso-barra{height:8px;background:var(--borde);border-radius:99px;overflow:hidden}.progreso-barra span{display:block;height:100%;background:var(--azul);transition:width .3s}.progreso small{color:var(--gris)}.curso-layout{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}.temario{background:var(--blanco);border:1px solid var(--borde);border-radius:14px;padding:18px;position:sticky;top:72px;max-height:calc(100vh - 90px);overflow:auto}.temario h2{font-size:18px;margin:10px 0 4px}.modulo{border-top:1px solid var(--borde);padding-top:10px;margin-top:10px}.modulo-titulo{font-weight:700;font-size:14px;margin:0 0 6px}.modulo ul{list-style:none;margin:0;padding:0}.modulo li a{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:6px;color:var(--negro);text-decoration:none;font-size:14px;line-height:1.35}.modulo li a:hover{background:var(--fondo)}.modulo li a.activa{background:#e3f3fb;color:var(--azul-osc);font-weight:700}.check{flex:0 0 18px;height:18px;border:2px solid #b8c2cc;border-radius:50%;font-size:11px;display:grid;place-items:center;margin-top:1px}.check.hecho{background:var(--verde);border-color:var(--verde);color:var(--blanco)}.clase{background:var(--blanco);border:1px solid var(--borde);border-radius:14px;padding:28px;min-width:0}.clase h1{margin:6px 0 18px;font-size:26px}.clase-bienvenida p{color:var(--gris);line-height:1.6}.video{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden;margin-bottom:20px}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.texto{line-height:1.65}.en-vivo{background:var(--fondo);border-radius:10px;padding:16px 18px;margin-bottom:18px}.en-vivo p{margin:0 0 10px;text-transform:none}.clase-pie{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--borde);margin-top:28px;padding-top:20px}.navegacion{display:flex;gap:18px}.navegacion a{text-decoration:none;font-weight:700}@media (max-width: 860px){.curso-layout{grid-template-columns:1fr}.temario{position:static;max-height:none}.barra{padding:10px 16px}.barra-correo{display:none}.contenido{padding:24px 16px 48px}.clase{padding:20px 16px}}