:root{--fuente:"Plus Jakarta Sans",sans-serif;--acento:#0058d4;--acento-claro:#3378e8;--acento-oscuro:#0040a0;--acento-fondo:rgba(0,88,212,.08);--acento-borde:rgba(0,88,212,.2);--fondo:#f5f4f2;--superficie:#fff;--superficie-2:#f0ede8;--borde:#e0ddd8;--borde-claro:#d0cdc8;--texto:#1a1918;--texto-muted:#5a5856;--texto-faint:#9a9896;--exito:#1a9e6a;--advertencia:#c47a1a;--peligro:#c43a3a;--radio-sm:6px;--radio-md:10px;--radio-lg:14px;--radio-xl:18px;--radio-pill:100px;--t:all 0.2s ease}html[data-tema=oscuro]{--fondo:#0a0a09;--superficie:#111110;--superficie-2:#1a1a18;--borde:#2a2a27;--borde-claro:#3a3a37;--texto:#f0ede8;--texto-muted:#8a8880;--texto-faint:#4a4a46}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-weight:400;line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--borde);border-radius:2px}a{color:var(--acento-claro);text-decoration:none;transition:var(--t)}a:hover{color:var(--acento)}h1,h2,h3,h4,h5,h6{font-family:var(--fuente);font-weight:600;line-height:1.2;color:var(--texto);letter-spacing:-.02em}h1{font-size:clamp(26px,4vw,40px)}h2{font-size:clamp(20px,3vw,30px)}h3{font-size:clamp(17px,2vw,22px)}h4{font-size:17px}p{color:var(--texto-muted);line-height:1.75}.app-shell{display:flex;min-height:100vh}.app-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-pagina{padding:28px}.topbar{padding:16px 28px;border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:var(--superficie);z-index:20}.topbar-titulo{font-size:17px;font-weight:600;color:var(--texto);letter-spacing:-.02em}.topbar-sub{font-size:12px;color:var(--texto-faint);margin-top:1px}.sidebar{width:230px;flex-shrink:0;background:var(--superficie);border-right:1px solid var(--borde);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{padding:22px 20px;border-bottom:1px solid var(--borde)}.sidebar-logo-nombre{font-size:14px;font-weight:700;color:var(--texto);letter-spacing:-.01em}.sidebar-logo-sub{font-size:11px;color:var(--texto-faint);margin-top:2px}.sidebar-nav{flex:1 1;padding:10px 0}.sidebar-seccion{padding:0 10px}.sidebar-etiqueta{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-faint);padding:10px 10px 4px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radio-md);cursor:pointer;font-size:13px;font-weight:400;color:var(--texto-muted);transition:var(--t);margin-bottom:1px;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--superficie-2);color:var(--texto)}.sidebar-item.activo{background:var(--acento-fondo);color:var(--acento-claro);font-weight:500}.sidebar-pie{padding:14px 10px;border-top:1px solid var(--borde)}.sidebar-usuario{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radio-md);cursor:pointer;transition:var(--t)}.sidebar-usuario:hover{background:var(--superficie-2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--acento-fondo);border:1px solid var(--acento-borde);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--acento);flex-shrink:0}.avatar-lg{width:48px;height:48px;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radio-pill);font-family:var(--fuente);font-size:13px;font-weight:500;cursor:pointer;transition:var(--t);border:none;text-decoration:none;white-space:nowrap;line-height:1}.btn-primario{background:var(--acento);color:#fff}.btn-primario:hover{background:var(--acento-claro);transform:translateY(-1px)}.btn-secundario{background:transparent;color:var(--texto-muted);border:1px solid var(--borde)}.btn-secundario:hover{border-color:var(--acento);color:var(--acento)}.btn-peligro{background:rgba(196,58,58,.08);color:var(--peligro);border:1px solid rgba(196,58,58,.25)}.btn-peligro:hover{background:rgba(196,58,58,.15)}.btn-exito{background:rgba(26,158,106,.1);color:var(--exito);border:1px solid rgba(26,158,106,.25)}.btn-advertencia{background:rgba(196,122,26,.1);color:var(--advertencia);border:1px solid rgba(196,122,26,.25)}.btn-advertencia:hover{background:rgba(196,122,26,.2)}.btn-sm{padding:5px 12px;font-size:11px}.btn-lg{padding:13px 28px;font-size:15px}.btn-bloque{width:100%;border-radius:var(--radio-md);padding:13px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.campo{margin-bottom:16px}.campo-etiqueta{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-muted);margin-bottom:7px}.campo-input,.campo-select,.campo-textarea{width:100%;background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--radio-md);padding:11px 14px;font-family:var(--fuente);font-size:14px;font-weight:400;color:var(--texto);outline:none;transition:var(--t)}.campo-input:focus,.campo-select:focus,.campo-textarea:focus{border-color:var(--acento-oscuro);background:var(--superficie)}.campo-input::placeholder,.campo-textarea::placeholder{color:var(--texto-faint)}.campo-input.error{border-color:var(--peligro)}.campo-error{font-size:12px;color:var(--peligro);margin-top:4px}.campo-textarea{resize:vertical;min-height:80px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:24px}.tarjeta-titulo{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-faint);margin-bottom:16px}.tarjeta-fila{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--borde);font-size:14px}.tarjeta-fila:last-child{border-bottom:none}.tarjeta-fila-clave{color:var(--texto-muted)}.tarjeta-fila-valor{color:var(--texto)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radio-pill);font-size:11px;font-weight:600}.badge-activo{background:rgba(26,158,106,.1);color:var(--exito)}.badge-prueba{background:var(--acento-fondo);color:var(--acento-claro)}.badge-cancelado{background:rgba(196,58,58,.1);color:var(--peligro)}.badge-pendiente{background:rgba(196,122,26,.1);color:var(--advertencia)}.badge-borrador{background:hsla(48,4%,52%,.1);color:var(--texto-muted)}.alerta{border-radius:var(--radio-md);padding:12px 16px;font-size:13px;margin-bottom:16px;line-height:1.6;display:flex;align-items:center;gap:8px}.alerta-error{background:rgba(196,58,58,.08);border:1px solid rgba(196,58,58,.25);color:#e05a5a}.alerta-exito{background:rgba(26,158,106,.08);border:1px solid rgba(26,158,106,.25);color:var(--exito)}.alerta-info{background:var(--acento-fondo);border:1px solid var(--acento-borde);color:var(--acento-claro)}.alerta-advertencia{background:rgba(196,122,26,.08);border:1px solid rgba(196,122,26,.25);color:var(--advertencia)}.tabla{width:100%;border-collapse:collapse}.tabla th{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-faint);text-align:left;padding:10px 16px}.tabla td,.tabla th{border-bottom:1px solid var(--borde)}.tabla td{padding:13px 16px;font-size:13px;color:var(--texto-muted);vertical-align:middle}.tabla tr:last-child td{border-bottom:none}.tabla tr:hover td{background:var(--superficie-2)}.tabla .td-nombre{color:var(--texto);font-weight:500}.modal-fondo{position:fixed;inset:0;z-index:200;background:rgba(5,5,4,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:36px;position:relative}.modal-caja-lg{max-width:720px}.modal-cerrar{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--texto-muted);cursor:pointer;font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--t)}.modal-cerrar:hover{background:var(--superficie-2)}.toast{position:fixed;bottom:28px;right:28px;z-index:999;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:12px 18px;font-size:13px;font-weight:500;color:var(--texto);display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:entrada-toast .25s ease}@keyframes entrada-toast{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.busqueda-wrap{position:relative;flex:1 1;max-width:300px}.busqueda-icono{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--texto-faint);font-size:14px}.busqueda-input{width:100%;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-pill);padding:9px 14px 9px 38px;font-family:var(--fuente);font-size:13px;color:var(--texto);outline:none;transition:var(--t)}.busqueda-input:focus{border-color:var(--acento-oscuro)}.busqueda-input::placeholder{color:var(--texto-faint)}.stats-fila{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:22px 24px}.stat-valor{font-size:38px;font-weight:700;color:var(--texto);line-height:1;letter-spacing:-.03em}.stat-label{font-size:11px;color:var(--texto-muted);margin-top:6px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:14px}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.span-2{grid-column:span 2}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 60% 50% at 50% 40%,var(--acento-fondo) 0,transparent 70%)}.auth-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:20px;width:100%;max-width:420px;padding:44px 36px}.auth-logo{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acento-claro);margin-bottom:32px}.auth-titulo{font-size:26px;margin-bottom:6px}.auth-sub{font-size:14px;margin-bottom:24px}.auth-pie{border-top:1px solid var(--borde);margin-top:24px;padding-top:20px;text-align:center;font-size:13px;color:var(--texto-faint)}.auth-enlaces{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}.auth-exito{text-align:center}.auth-exito-icono{font-size:48px;margin-bottom:16px}.planes-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse 60% 50% at 50% 40%,var(--acento-fondo) 0,transparent 70%)}.planes-inner{width:100%;max-width:640px}.planes-logo{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acento-claro);margin-bottom:40px;text-align:center}.planes-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:24px}.plan-card{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:28px;position:relative;transition:var(--t)}.plan-card.destacado{border-color:var(--acento-claro)}.plan-popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--acento);color:#fff;font-size:10px;padding:4px 14px;border-radius:var(--radio-pill);white-space:nowrap;letter-spacing:.08em}.plan-nombre,.plan-popular{font-weight:600;text-transform:uppercase}.plan-nombre{font-size:11px;letter-spacing:.14em;color:var(--texto-muted);margin-bottom:14px}.plan-precio{font-size:44px;font-weight:300;color:var(--texto);line-height:1}.plan-precio sup{font-size:18px;vertical-align:super}.plan-periodo{font-size:13px;color:var(--texto-muted);margin-top:4px;margin-bottom:20px}.plan-separador{height:1px;background:var(--borde);margin:16px 0}.plan-features{list-style:none;margin-bottom:20px}.plan-feature{font-size:13px;color:var(--texto-muted);padding:5px 0;display:flex;align-items:center;gap:8px}.plan-feature-punto{width:4px;height:4px;background:var(--acento);border-radius:50%;flex-shrink:0;display:inline-block}.planes-garantias{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--texto-faint);margin-bottom:20px}.garantia-item{display:flex;align-items:center;gap:6px}.garantia-check{color:var(--exito);font-weight:700}.planes-logout{text-align:center}.planes-logout-btn{background:none;border:none;color:var(--texto-faint);font-size:12px;cursor:pointer;font-family:var(--fuente);transition:var(--t)}.planes-logout-btn:hover{color:var(--texto-muted)}.clase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.clase-card{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s;display:flex;flex-direction:column}.clase-card:hover{border-color:var(--borde-claro);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.clase-miniatura{height:150px;overflow:hidden}.clase-miniatura,.clase-play{display:flex;align-items:center;justify-content:center;position:relative}.clase-play{width:40px;height:40px;border-radius:50%;background:var(--acento-fondo);border:1px solid var(--acento-borde);font-size:14px;color:var(--acento-claro);transition:var(--t)}.clase-card:hover .clase-play{background:var(--acento);border-color:var(--acento);color:#fff}.clase-categoria{left:10px;border:none;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acento);padding:4px 10px;border-radius:var(--radio-pill)}.clase-categoria,.clase-fav{position:absolute;top:10px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px rgba(0,0,0,.15)}.clase-fav{right:10px;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:var(--t);z-index:2;color:var(--texto-muted)}.clase-fav:hover{background:#fff;color:#e05a5a}.clase-fav.guardada{color:#e05a5a;background:hsla(0,0%,100%,.95)}.clase-cuerpo{padding:18px;flex:1 1;display:flex;flex-direction:column}.clase-titulo{font-size:15px;font-weight:600;color:var(--texto);margin-bottom:10px;line-height:1.3}.clase-meta{display:flex;gap:10px;flex-wrap:wrap}.clase-chip{font-size:11px;color:var(--texto-faint)}.clase-nivel{margin-top:10px;font-size:11px;padding:3px 9px;border-radius:var(--radio-pill);border:1px solid var(--borde);color:var(--texto-muted);align-self:flex-start}.filtros-wrap{gap:12px;margin-bottom:24px}.filtro-grupo,.filtros-wrap{display:flex;flex-direction:column}.filtro-grupo{gap:4px}.filtro-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-faint)}.filtro-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:6px 14px;border-radius:var(--radio-pill);font-size:12px;cursor:pointer;border:1px solid var(--borde);color:var(--texto-muted);background:transparent;transition:var(--t);font-family:var(--fuente)}.pill:hover{color:var(--texto)}.pill.activo{background:var(--acento-fondo);border-color:var(--acento-oscuro);color:var(--acento-claro)}.detalle-volver{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texto-muted);cursor:pointer;margin-bottom:24px;width:-moz-fit-content;width:fit-content;transition:var(--t);background:none;border:none;font-family:var(--fuente)}.detalle-volver:hover{color:var(--texto)}.detalle-header{display:flex;gap:32px;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap}.detalle-video{flex:1 1;min-width:280px;border-radius:14px;overflow:hidden;background:var(--superficie);border:1px solid var(--borde);aspect-ratio:16/9;position:relative}.detalle-video iframe{width:100%;height:100%;border:none;display:block}.detalle-video-placeholder{width:100%;height:100%;flex-direction:column;gap:12px;cursor:pointer}.detalle-play-grande,.detalle-video-placeholder{display:flex;align-items:center;justify-content:center}.detalle-play-grande{width:56px;height:56px;border-radius:50%;background:var(--acento-fondo);border:1px solid var(--acento-borde);font-size:20px;color:var(--acento-claro);transition:var(--t)}.detalle-play-grande:hover{background:var(--acento);color:#fff}.detalle-info{flex:1 1;min-width:240px}.detalle-cat{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--acento);margin-bottom:10px}.detalle-titulo{font-size:clamp(24px,4vw,36px);font-weight:600;color:var(--texto);line-height:1.15;margin-bottom:14px}.detalle-desc{font-size:14px;color:var(--texto-muted);line-height:1.75;margin-bottom:20px}.detalle-pills{display:flex;flex-wrap:wrap}.detalle-pill{font-size:12px;padding:5px 12px;border-radius:var(--radio-pill);border:1px solid var(--borde);color:var(--texto-muted);margin:3px}.detalle-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.bloque{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;overflow:hidden;margin-bottom:16px}.bloque-cabecera{padding:14px 20px;border-bottom:1px solid var(--borde);display:flex;align-items:center;gap:10px}.bloque-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radio-pill);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.bb-calentamiento{background:rgba(196,122,26,.1);color:var(--advertencia)}.bb-principal{background:var(--acento-fondo);color:var(--acento-claro)}.bb-enfriamiento{background:rgba(26,158,106,.1);color:var(--exito)}.ejercicio-fila{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid var(--borde)}.ejercicio-fila:last-child{border-bottom:none}.ejercicio-num{font-size:20px;font-weight:700;color:var(--texto-faint);width:24px;text-align:center;line-height:1.2}.ejercicio-nombre{font-size:14px;font-weight:600;color:var(--texto);margin-bottom:4px}.ejercicio-muelles{font-size:12px;color:var(--acento);margin-bottom:3px}.ejercicio-reps{font-size:12px;color:var(--texto-muted)}.ejercicio-cue{font-size:12px;color:var(--texto-faint);margin-top:6px;line-height:1.6;padding-left:10px;border-left:2px solid var(--borde);font-style:italic}.modo-clase{position:fixed;inset:0;z-index:300;background:var(--fondo);display:flex;flex-direction:column}.modo-clase-barra{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--borde);background:var(--superficie)}.modo-clase-progreso{height:2px;background:var(--borde)}.modo-clase-fill{height:100%;background:var(--acento);transition:width .3s ease}.modo-clase-cuerpo{display:flex;flex:1 1;min-height:0}.modo-clase-video{flex:1 1;background:#000}.modo-clase-video iframe{width:100%;height:100%;border:none;display:block}.modo-clase-panel{width:320px;flex-shrink:0;border-left:1px solid var(--borde);display:flex;flex-direction:column;background:var(--superficie)}.modo-clase-panel-cabecera{padding:14px 16px;border-bottom:1px solid var(--borde)}.modo-clase-tabs{display:flex;border-bottom:1px solid var(--borde)}.modo-clase-tab{flex:1 1;padding:10px;background:none;font-size:12px;color:var(--texto-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--fuente);transition:var(--t)}.modo-clase-tab.activo{color:var(--acento-claro);border-bottom-color:var(--acento)}.modo-clase-lista{flex:1 1;overflow-y:auto}.modo-clase-ex{padding:12px 16px;border-bottom:1px solid var(--borde);cursor:pointer;transition:background var(--t)}.modo-clase-ex:hover{background:var(--superficie-2)}.modo-clase-ex.activo{background:var(--acento-fondo);border-left:2px solid var(--acento)}.modo-clase-detalle{flex:1 1;overflow-y:auto;padding:16px}.modo-clase-cue{font-size:13px;color:var(--texto-muted);line-height:1.75;padding:12px;background:var(--superficie-2);border-radius:var(--radio-md);border-left:2px solid var(--acento);font-style:italic}.modo-clase-nav{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--borde)}.perfil-cabecera{display:flex;align-items:center;gap:16px;margin-bottom:24px}.perfil-nombre{font-size:20px;font-weight:600;color:var(--texto)}.perfil-email{font-size:13px;color:var(--texto-muted)}.perfil-progreso{display:flex;align-items:center;gap:16px;padding:8px 0}.admin-nav-titulo{font-size:13px;font-weight:700;color:var(--texto)}.admin-nav-sub{font-size:10px;color:var(--texto-faint)}.tema-toggle{width:36px;height:20px;background:var(--borde);border-radius:var(--radio-pill);position:relative;cursor:pointer;border:none;transition:background .2s;flex-shrink:0}.tema-toggle.activo{background:var(--acento)}.tema-toggle-bola{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.tema-toggle.activo .tema-toggle-bola{transform:translateX(16px)}.vacio{text-align:center;padding:80px 20px;color:var(--texto-faint);font-size:14px}.vacio-icono{font-size:36px;opacity:.3;margin-bottom:12px}@media (max-width:900px){.sidebar{width:64px}.sidebar-logo{padding:16px 0;display:flex;justify-content:center}.sidebar-etiqueta,.sidebar-logo-nombre,.sidebar-logo-sub{display:none}.sidebar-item{justify-content:center;padding:12px 0}.sidebar-item span:last-child{display:none}.sidebar-usuario{justify-content:center;padding:8px 0}.sidebar-usuario>div:last-child{display:none}.sidebar-pie{display:flex;flex-direction:column;align-items:center;gap:8px}.grid-4,.stats-fila{grid-template-columns:repeat(2,1fr)}.modo-clase-panel{width:260px}}.hamburguesa-btn{display:none;background:none;border:1px solid var(--borde);border-radius:var(--radio-md);padding:7px 10px;cursor:pointer;color:var(--texto);font-size:18px;align-items:center;justify-content:center;transition:var(--t)}.hamburguesa-btn:hover{background:var(--superficie-2)}.drawer-overlay{display:none;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-overlay.activo{display:block}.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;background:var(--superficie);border-right:1px solid var(--borde);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px rgba(0,0,0,.1)}.drawer.abierto{transform:translateX(0)}.drawer-cabecera{padding:12px 16px 16px;border-bottom:1px solid var(--borde);display:flex;flex-direction:column;align-items:stretch}.drawer-cabecera-top{display:flex;justify-content:flex-end;margin-bottom:10px}.drawer-cerrar{background:none;border:none;color:var(--texto-muted);cursor:pointer;font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--t)}.drawer-cerrar:hover{background:var(--superficie-2);color:var(--texto)}.drawer-nav{flex:1 1;padding:10px;overflow-y:auto}.drawer-pie{padding:14px 10px;border-top:1px solid var(--borde)}.topbar-logo-movil{display:none}@media (max-width:900px){.topbar-logo-movil{display:flex;align-items:center;margin-right:12px;flex-shrink:0}.topbar-logo-movil img{max-height:32px;width:auto;max-width:130px}.topbar-titulo{font-size:13px!important}.topbar-sub{font-size:10px!important}}.drawer .sidebar-item{justify-content:flex-start!important;padding:9px 10px!important}.drawer .sidebar-item span{display:inline!important}.drawer .sidebar-etiqueta{display:block!important}.drawer .sidebar-usuario{justify-content:flex-start!important;padding:8px 10px!important}.drawer .sidebar-logo-nombre,.drawer .sidebar-logo-sub,.drawer .sidebar-usuario>div:last-child{display:block!important}@media (max-width:900px){.sidebar{display:none}.hamburguesa-btn{display:flex}.topbar-ocultar-movil,.topbar-titulo-wrap{display:none!important}}.ejercicio-video{width:260px;flex-shrink:0;aspect-ratio:16/9;border-radius:var(--radio-md);overflow:hidden;cursor:pointer;position:relative;background-size:cover;background-position:50%}@media (max-width:600px){.ejercicio-video{width:100%;flex-shrink:1}.grid-2,.grid-3{grid-template-columns:1fr}.span-2{grid-column:span 1}.topbar{padding:12px 16px}.app-pagina{padding:16px}.planes-grid{grid-template-columns:1fr}.detalle-header{flex-direction:column}.grid-4,.stats-fila{grid-template-columns:repeat(2,1fr)}.modo-clase-cuerpo{flex-direction:column}.modo-clase-panel{width:100%;height:260px;border-left:none;border-top:1px solid var(--borde)}.modo-clase-video{flex:none;height:200px}}