:root{--navy-900:#0b1f3a;--navy-800:#142d52;--navy-700:#1c3a68;--blue-600:#1d5fae;--blue-700:#17518f;--blue-100:#dceafb;--cream-100:#f6f1e7;--peach-100:#fbe7c7;--peach-700:#8a5a22;--green-600:#1e8e5a;--green-100:#d7f2e3;--whatsapp-600:#1da851;--whatsapp-700:#178a43;--red-600:#c0392b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e5e7eb;--gray-400:#9aa3af;--gray-500:#6b7280;--ink-900:#0f172a;--white:#fff;--radius-lg:20px;--radius-md:14px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);color:var(--ink-900);background:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--gray-50);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-sans);margin:0;font-weight:700}p{margin:0}button,input,select,textarea{font-family:inherit}a{color:var(--blue-700)}.page-header{background:var(--navy-900);color:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:1.5rem 1.25rem 1.75rem;position:relative}.page-header-eyebrow{color:#ffffffa6;margin:0 0 .15rem;font-size:.85rem}.page-header h1{color:var(--white);font-size:1.5rem}.page-header-subtitle{color:#ffffffbf;margin:.3rem 0 0;font-size:.85rem}.page-header-badge{background:var(--navy-700);color:var(--white);border-radius:var(--radius-full);padding:.3rem .8rem;font-size:.8rem;font-weight:600;position:absolute;top:1.5rem;right:1.25rem}.page-header-avatar{background:var(--navy-700);width:4rem;height:4rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.3rem;font-weight:700;display:flex}.page-back{cursor:pointer;color:#ffffffbf;background:0 0;border:none;margin-bottom:.6rem;padding:0;font-size:.85rem;display:block}.btn{border-radius:var(--radius-full);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--blue-600);color:var(--white)}.btn-secondary{background:var(--white);color:var(--ink-900);border:1px solid var(--gray-200)}.btn-whatsapp{background:var(--whatsapp-600);color:var(--white)}.btn-block{width:100%}.btn-text-danger{color:var(--red-600);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.95rem}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1rem}.card-cream{background:var(--cream-100);border-radius:var(--radius-md);border:none;padding:1rem}.banner-warning{background:var(--peach-100);color:var(--peach-700);border-radius:var(--radius-md);padding:.85rem 1rem;font-size:.9rem}.stat-row{gap:.75rem;display:flex}.stat-card{background:var(--cream-100);border-radius:var(--radius-md);text-align:center;flex-direction:column;flex:1;gap:.2rem;padding:1rem .5rem;display:flex}.stat-card-valor{font-size:1.3rem;font-weight:700}.stat-card-label{color:var(--gray-500);font-size:.75rem}.chip{border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--white);color:var(--gray-500);cursor:pointer;padding:.45rem 1rem;font-size:.85rem;font-weight:500}.chip.activo{background:var(--blue-100);color:var(--blue-700);border-color:#0000;font-weight:600}.tabs-underline{border-bottom:1px solid var(--gray-200);gap:.25rem;display:flex}.tabs-underline .tab{cursor:pointer;color:var(--gray-500);background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1rem;font-size:.9rem;font-weight:500}.tabs-underline .tab.activo{color:var(--blue-600);border-bottom-color:var(--blue-600);font-weight:600}.tabs-pill{align-items:center;gap:1.5rem;display:inline-flex}.tabs-pill button{cursor:pointer;border-radius:var(--radius-full);color:var(--gray-500);background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.tabs-pill button.activo{background:var(--blue-100);color:var(--blue-700);font-weight:600}.avatar{background:var(--blue-100);width:2rem;height:2rem;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.avatar.yo{background:var(--navy-800);color:var(--white)}.badge-circle{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.4rem;display:flex}.badge-circle-icono{background:var(--gray-100);border-radius:50%;width:3rem;height:3rem}.badge-circle.obtenida .badge-circle-icono{background:var(--green-100)}.badge-circle-label{color:var(--gray-500);font-size:.75rem}.badge-circle.obtenida .badge-circle-label{color:var(--ink-900);font-weight:500}.progress-track{border-radius:var(--radius-full);background:var(--gray-200);height:5px;overflow:hidden}.progress-fill{background:var(--green-600);height:100%}.progress-fill.azul{background:var(--blue-600)}.continuar-viendo-thumb{border-radius:var(--radius-md);background:var(--blue-100);flex-shrink:0;width:3.5rem;height:3.5rem}.screen{max-width:480px;margin:0 auto;padding-bottom:2rem}.screen-body{flex-direction:column;gap:1.1rem;padding:1.25rem;display:flex}@media (width>=768px){.screen{max-width:1100px;padding-bottom:3rem}.screen-body{width:100%;max-width:640px;margin:0 auto}.screen-home .screen-body,.screen-sesion .screen-body{max-width:none}.page-header{color:var(--ink-900);background:0 0;border-radius:0;padding:2rem 0 1.25rem}.page-header-eyebrow{color:var(--gray-500)}.page-header h1{color:var(--ink-900);font-size:1.9rem}.page-header-subtitle{color:var(--gray-500)}.page-header-badge{background:var(--blue-100);color:var(--blue-700)}.page-header-avatar{background:var(--navy-800)}.page-back{color:var(--gray-500)}}.bottom-nav{background:var(--white);border-top:1px solid var(--gray-200);max-width:480px;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom));margin:0 auto;display:flex;position:sticky;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;color:var(--gray-400);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.3rem;font-size:.7rem;display:flex}.bottom-nav-item.activo{color:var(--blue-600);font-weight:600}.bottom-nav-icono{font-size:1.2rem}@media (width>=768px){.bottom-nav{display:none}}.desktop-topbar{display:none}@media (width>=768px){.desktop-topbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:20;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}}.desktop-topbar-izq,.desktop-topbar-der{align-items:center;gap:.5rem;display:flex;position:relative}.desktop-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.1rem;display:flex}.desktop-icon-btn:hover{background:var(--gray-100)}.desktop-logo{cursor:pointer;color:var(--ink-900);background:0 0;border:none;align-items:center;gap:.6rem;padding:.3rem .5rem;font-size:1rem;font-weight:700;display:flex}.desktop-logo-mark{background:var(--navy-900);width:2rem;height:2rem;color:var(--white);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.desktop-avatar{background:var(--navy-800);width:2.4rem;height:2.4rem;color:var(--white);cursor:pointer;border:none;border-radius:50%;font-size:.8rem;font-weight:700}.desktop-dropdown{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-md);z-index:30;flex-direction:column;gap:.4rem;padding:1rem;display:flex;position:absolute;top:3rem;right:0}.desktop-dropdown-nombre{margin:0;font-weight:700}.desktop-dropdown-sub{color:var(--gray-500);margin:0 0 .4rem;font-size:.8rem}.desktop-dropdown-membresia{color:var(--gray-500);border-top:1px solid var(--gray-200);margin:.3rem 0;padding-top:.4rem;font-size:.8rem}.desktop-dropdown-item{text-align:left;cursor:pointer;color:var(--ink-900);background:0 0;border:none;border-radius:8px;padding:.5rem .3rem;font-size:.9rem;text-decoration:none}.desktop-dropdown-item:hover{background:var(--gray-100)}.desktop-dropdown-logout{color:var(--red-600)}.desktop-drawer-overlay{z-index:40;background:#0f172a59;display:flex;position:fixed;inset:0}.desktop-drawer{background:var(--white);flex-direction:column;gap:.25rem;width:280px;height:100%;padding:1.25rem;display:flex;position:relative}.desktop-drawer-cerrar{cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:.75rem;font-size:1.1rem}.desktop-drawer-item{cursor:pointer;text-align:left;color:var(--ink-900);background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem .5rem;font-size:.95rem;text-decoration:none;display:flex}.desktop-drawer-item:hover{background:var(--gray-100)}.desktop-drawer-proximamente{color:var(--gray-400);cursor:default}.desktop-drawer-proximamente:hover{background:0 0}.banner-vencida{text-align:center}.mv-mensaje{text-align:center;flex-direction:column;gap:.4rem;display:flex}.mv-mensaje h2{font-size:1.1rem}.mv-mensaje p{color:var(--gray-500);font-size:.9rem}.mv-curso-fantasma{opacity:.6;gap:.85rem;display:flex}.mv-curso-fantasma .continuar-viendo-thumb{background:var(--gray-200)}.mv-curso-nombre{margin:0;font-weight:600}.mv-curso-sesion{color:var(--gray-500);margin:.15rem 0 0;font-size:.8rem}.mv-sin-link{text-align:center;color:var(--gray-500);font-size:.9rem}.mv-logout{text-align:center;margin:0 auto}.login-screen{flex-direction:column;max-width:420px;min-height:100svh;margin:0 auto;display:flex}.login-header{background:var(--white);color:var(--ink-900);text-align:center;padding:3.5rem 1.5rem 2rem}.login-logo-img{width:5.5rem;height:auto;margin:0 auto 1rem;display:block}.login-header h1{color:var(--navy-900);margin:0;font-size:1.5rem}.login-header p{color:var(--gray-500);margin:.35rem 0 0;font-size:.9rem}.login-form{flex-direction:column;gap:.5rem;padding:1.75rem 1.5rem;display:flex}.login-form label{margin-top:.75rem;font-size:.85rem;font-weight:600}.login-whatsapp-row{gap:.5rem;display:flex}.login-prefijo{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-500);align-items:center;padding:0 .9rem;font-weight:600;display:flex}.login-whatsapp-row input{flex:1;min-width:0}.login-form input{border-radius:var(--radius-md);border:1px solid var(--gray-200);padding:.7rem .9rem;font-size:1.05rem}.login-pin-row{gap:.6rem;display:flex}.login-pin-row input{text-align:center;letter-spacing:.1em;width:100%}.login-pin-ayuda{color:var(--gray-500);margin:.35rem 0 0;font-size:.8rem}.login-error{color:var(--red-600);margin:.25rem 0 0;font-size:.9rem}.login-form button{margin-top:1.25rem}.login-ayuda-link{text-align:center;color:var(--gray-500);margin-top:1rem;font-size:.9rem;text-decoration:none}.login-legal-links{text-align:center;margin-top:1.5rem;font-size:.78rem}.login-legal-links a{color:var(--gray-400)}.home-status{text-align:center;color:var(--gray-500);padding:2rem 1rem}.home-error{color:var(--red-600)}.home-search{border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--white);padding:.75rem 1rem;font-size:.95rem}.home-filtros{flex-wrap:wrap;gap:.5rem;display:flex}.home-seccion-titulo{color:var(--gray-500);margin:0 0 .5rem;font-size:.9rem}.continuar-viendo{cursor:pointer;gap:.85rem;display:flex}.continuar-viendo-info{flex-direction:column;flex:1;gap:.35rem;display:flex}.continuar-viendo-curso{margin:0;font-weight:700}.continuar-viendo-sesion{color:var(--gray-500);margin:0;font-size:.8rem}.lista-cursos{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.curso-card{cursor:pointer;flex-direction:column;gap:.3rem;display:flex}.curso-mes{color:var(--blue-600);margin:0;font-size:.75rem;font-weight:600}.curso-card h2{margin:0 0 .2rem;font-size:1rem}.curso-completado{color:var(--green-600);margin:0;font-size:.85rem;font-weight:600}.curso-sin-empezar{color:var(--gray-500);margin:0;font-size:.85rem}.curso-progreso-texto{color:var(--gray-500);text-align:right;margin:.3rem 0 0;font-size:.78rem}@media (width>=768px){.home-search,.home-filtros,.home-seccion-titulo,.continuar-viendo{max-width:640px}.lista-cursos{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.curso-card{height:100%}}.sesion-status{text-align:center;color:var(--gray-500);padding:2rem 1rem}.sesion-error{color:var(--red-600)}.youtube-player-wrap{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;overflow:hidden}.youtube-player-wrap iframe{border:none;width:100%;height:100%;display:block}.tab-panel{flex-direction:column;gap:.75rem;display:flex}.sesion-lista-titulo{color:var(--gray-500);margin:0;font-size:.85rem}.sesion-vacio{color:var(--gray-500);margin:0;font-size:.9rem}.lista-sesiones{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.sesion-item{text-align:left;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;width:100%;padding:.7rem .8rem;font-size:.9rem;display:flex}.sesion-item.actual{background:var(--blue-100);color:var(--blue-700);font-weight:600}.sesion-item.completada{color:var(--gray-500)}.sesion-item-icono{flex-shrink:0}.sesion-item-titulo{flex:1}.sesion-item-duracion{color:var(--gray-400);font-size:.78rem}.lista-recursos{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lista-recursos a{color:var(--ink-900);font-weight:500;text-decoration:none}.form-nota{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.75rem}.form-nota textarea{resize:none;border:none;width:100%;padding:0;font-family:inherit;font-size:.95rem}.form-nota textarea:focus{outline:none}.form-nota-fila{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.form-nota-minuto{color:var(--gray-400);font-size:.78rem}.lista-notas{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nota-card{cursor:pointer;border-left:3px solid var(--blue-600);flex-direction:column;gap:.3rem;display:flex}.nota-minuto{color:var(--blue-600);font-size:.8rem;font-weight:700}.sesion-nota-ayuda{color:var(--gray-400);text-align:center;margin:0;font-size:.8rem}.sesion-sidebar-desktop{display:none}@media (width>=768px){.sesion-layout{grid-template-columns:1fr minmax(240px,300px);align-items:start;gap:1.5rem;display:grid}.sesion-sidebar-desktop{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1rem;display:block;position:sticky;top:5rem}}.notas-status{text-align:center;color:var(--gray-500);padding:2rem 1rem}.notas-error{color:var(--red-600)}.notas-grupo h2{color:var(--gray-500);margin:0 0 .6rem;font-size:.95rem}.notas-grupo ul{flex-direction:column;gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.nota-card{text-align:left;cursor:pointer;border-left:3px solid var(--blue-600);flex-direction:column;gap:.3rem;width:100%;display:flex}.nota-card-meta{color:var(--gray-500);justify-content:space-between;font-size:.8rem;display:flex}.nota-minuto{color:var(--blue-600);font-weight:700}.nota-card p{margin:0;font-size:.9rem}.nota-card-fecha{color:var(--gray-400);font-size:.75rem}.gami-status{text-align:center;color:var(--gray-500);padding:2rem 1rem}.gami-error{color:var(--red-600)}.gami-seccion-titulo{color:var(--gray-500);margin:0 0 .6rem;font-size:.9rem}.gami-insignias-row{gap:.5rem;display:flex}.gami-nota{color:var(--gray-400);text-align:center;font-size:.8rem}.ranking-select-curso{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--white);width:100%;padding:.6rem}.ranking-curso-label{color:var(--gray-500);margin:0;font-size:.85rem}.ranking-status{text-align:center;color:var(--gray-500);padding:1.5rem 1rem}.ranking-error{color:var(--red-600)}.ranking-lista{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.ranking-lista li{border-radius:var(--radius-md);align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.ranking-lista li.yo{background:var(--blue-100)}.ranking-puesto{text-align:center;width:1.2rem;color:var(--gray-400);font-size:.85rem}.ranking-nombre{flex:1;font-size:.9rem}.ranking-lista li.yo .ranking-nombre{color:var(--blue-700);font-weight:600}.ranking-puntos{color:var(--gray-500);font-size:.85rem}.ranking-lista li.yo .ranking-puntos{color:var(--blue-700);font-weight:600}.ranking-incentivo{text-align:center;font-size:.9rem}.cert-status{text-align:center;color:var(--gray-500);padding:2rem 1rem}.cert-error{color:var(--red-600)}.cert-stats{text-align:center;justify-content:space-around;display:flex}.cert-stats-valor{margin:0;font-size:1.15rem;font-weight:700}.cert-stats-label{color:var(--gray-500);margin:.15rem 0 0;font-size:.75rem}.cert-form,.cert-resultado{text-align:center;flex-direction:column;gap:.5rem;display:flex}.cert-form{text-align:left}.cert-form-titulo{text-align:center;margin:0 0 .25rem;font-weight:700}.cert-form label{margin-top:.4rem;font-size:.85rem;font-weight:600}.cert-form input{border-radius:var(--radius-md);border:1px solid var(--gray-200);padding:.65rem .8rem;font-size:1rem}.cert-form button{margin-top:1rem}.cert-resultado-titulo{margin:0;font-weight:700}.cert-resultado-sub{color:var(--gray-500);margin:0 0 .5rem;font-size:.85rem}.cert-acciones{gap:.75rem;display:flex}.cert-acciones .btn{flex:1}.perfil-status{text-align:center;color:var(--gray-500);padding:2rem 1rem}.perfil-error{color:var(--red-600)}.perfil-seccion-titulo{color:var(--gray-500);margin:0 0 .5rem;font-size:.9rem}.perfil-vacio{color:var(--gray-500);margin:0;font-size:.85rem}.perfil-certificados{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.perfil-certificados a{color:var(--ink-900);font-weight:500;text-decoration:none;display:block}.perfil-lista-simple{border-top:1px solid var(--gray-200);margin:0;padding:0;list-style:none}.perfil-lista-simple li{border-bottom:1px solid var(--gray-200);padding:.85rem .1rem;font-weight:500}.perfil-membresia-titulo{margin:0;font-weight:600}.perfil-membresia-sub{color:var(--gray-500);margin:.15rem 0 0;font-size:.8rem;font-weight:400}.privacidad-screen{background:var(--white);min-height:100svh}.privacidad-body{max-width:640px;margin:0 auto;padding:2rem 1.5rem 4rem}.privacidad-volver{color:var(--gray-500);margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;display:inline-block}.privacidad-body h1{color:var(--navy-900);margin:0 0 .3rem;font-size:1.5rem}.privacidad-fecha{color:var(--gray-500);margin:0 0 1.5rem;font-size:.85rem}.privacidad-body h2{color:var(--navy-900);margin:1.75rem 0 .6rem;font-size:1.05rem}.privacidad-body p{color:var(--ink-900);margin:0 0 .5rem;line-height:1.6}.privacidad-body ul{margin:0;padding-left:1.25rem;line-height:1.7}