*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a1a2e;--color-primary-light: #16213e;--color-accent: #e94560;--color-accent-hover: #c73652;--color-bg: #f5f5f7;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text: #1a1a2e;--color-text-muted: #6b6b80;--color-estado-sin-empezar: #D3D1C7;--color-estado-en-progreso: #FAC775;--color-estado-confirmado: #C0DD97;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}html{font-family:var(--font-sans);font-size:16px;color:var(--color-text);background:var(--color-bg);line-height:1.5}button{cursor:pointer;font-family:inherit}select,input{font-family:inherit;font-size:.875rem}h1,h2,h3,h4{line-height:1.3;font-weight:600}.app-header{background:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:10}.app-header__user{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm)}.app-header__nombre{font-size:.875rem;opacity:.75}.btn-logout{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-sm);padding:3px 10px;font-size:.75rem;transition:background .15s}.btn-logout:hover{background:#ffffff1a}.app-header__logo{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.app-header__logo span{color:var(--color-accent)}.app-layout{display:flex;min-height:calc(100vh - 57px)}.app-content{flex:1;min-width:0}.app-main{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.app-sidenav{width:220px;flex-shrink:0;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-md);position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto}.sidenav-inner{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidenav-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s,color .15s;position:relative}.sidenav-item:hover:not([disabled]){background:var(--color-bg);color:var(--color-text)}.sidenav-item.active{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent)}.sidenav-item.active .sidenav-item__icon{color:var(--color-accent)}.sidenav-item[disabled]{cursor:default;opacity:.5}.sidenav-item__icon{color:currentColor;flex-shrink:0;margin-bottom:2px}.sidenav-item__label{font-size:.8125rem;line-height:1.3}.sidenav-item__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-border);color:var(--color-text-muted);padding:1px 6px;border-radius:99px}.filtros-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.filtros-panel__title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);align-items:end}.filtro-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filtro-group label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.filtro-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b80' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;transition:border-color .15s}.filtro-group select:focus{outline:none;border-color:var(--color-accent)}.btn-generar{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:background .15s;height:38px}.btn-generar:hover{background:var(--color-accent-hover)}.btn-generar:disabled{opacity:.6;cursor:not-allowed}.vistas-tabs{display:flex;gap:2px;background:var(--color-border);border-radius:var(--radius-md);padding:3px;width:fit-content;margin-bottom:var(--spacing-lg)}.vistas-tabs__btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:all .15s}.vistas-tabs__btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.visibilidad-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.visibilidad-panel__title{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.visibilidad-checks{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.visibilidad-checks label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cronograma-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.btn-exportar{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;transition:background .15s}.btn-exportar:hover{background:var(--color-primary-light)}.estado-vacio{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.estado-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:.875rem}.estado-error{background:#fff0f0;border:1px solid #f7c1c1;border-radius:var(--radius-md);padding:var(--spacing-md);color:#791f1f;font-size:.875rem}.cronograma-etiqueta{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-weight:500}.sesion-card{background:var(--card-bg, #E5E5E5);color:var(--card-text, #444);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;line-height:1.4;margin-bottom:3px}.sesion-card__titulo{font-weight:600;font-size:.75rem}.sesion-card__formato{font-size:.6875rem;opacity:.8}.sesion-card__modulo{font-size:.6875rem;font-style:italic}.sesion-card__hora{font-size:.6875rem;font-weight:500}.sesion-card__duracion,.sesion-card__docente{font-size:.6875rem}.sesion-card__estado{display:inline-block;padding:1px 6px;border-radius:99px;font-size:.625rem;font-weight:600;margin-top:2px}.estado--sin-empezar{background:var(--color-estado-sin-empezar);color:#444}.estado--en-progreso{background:var(--color-estado-en-progreso);color:#633806}.estado--confirmado{background:var(--color-estado-confirmado);color:#27500a}.sesion-card__meta{font-size:.6875rem;opacity:.75}.sesion-card__comentarios-badge{display:inline-block;margin-top:3px;font-size:.625rem;font-weight:600;opacity:.75}.calendario-contenedor{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm)}.calendario-semana-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-primary)}.calendario-semana-header>div{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;color:#fff;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.calendario-semana-header>div:last-child{border-right:none}.calendario-semana-header>div.fin-semana{background:#00000040}.calendario-semana{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border)}.calendario-semana:last-child{border-bottom:none}.calendario-dia{background:var(--color-surface);border-right:1px solid var(--color-border);min-height:110px;display:flex;flex-direction:column}.calendario-dia:last-child{border-right:none}.calendario-dia.fin-semana{background:#f3f3f5}.calendario-dia.fuera-rango{background:#f8f8f8;opacity:.45}.calendario-dia.vacio .calendario-dia__numero{color:var(--color-text-muted)}.calendario-dia.hoy .calendario-dia__numero{background:var(--color-accent);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700}.calendario-dia__numero{font-size:.75rem;font-weight:600;color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);line-height:1}.calendario-dia__sesiones{padding:2px var(--spacing-xs) var(--spacing-xs);flex:1;overflow-y:auto;max-height:160px}.calendario-mas{text-align:center;font-size:.625rem;color:var(--color-text-muted);padding:1px 2px;cursor:pointer}.calendario-mes{margin-bottom:var(--spacing-xl)}.calendario-mes__titulo{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);text-transform:capitalize;color:var(--color-primary)}.gantt-contenedor{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.gantt-header{display:flex;border-bottom:2px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:1}.gantt-header__spacer{min-width:180px;width:180px;border-right:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.gantt-header__fechas{display:flex;flex:1}.gantt-fecha{min-width:80px;flex:1;padding:var(--spacing-xs) var(--spacing-xs);font-size:.6875rem;color:var(--color-text-muted);text-align:center;border-right:1px solid var(--color-border)}.gantt-fila{display:flex;border-bottom:1px solid var(--color-border);min-height:48px}.gantt-fila:last-child{border-bottom:none}.gantt-fila__label{min-width:180px;width:180px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;border-right:1px solid var(--color-border);display:flex;align-items:center;background:#fafafa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-fila__celdas{display:flex;flex:1}.gantt-celda{min-width:80px;flex:1;border-right:1px solid var(--color-border);padding:2px}.gantt-celda:last-child{border-right:none}.gantt-celda--ocupada{display:flex;flex-direction:column;gap:2px}.gantt-bloque{background:var(--card-bg, #E5E5E5);color:var(--card-text, #444);border-radius:var(--radius-sm);padding:2px 4px;font-size:.6875rem;line-height:1.3;display:flex;flex-direction:column}.gantt-bloque small{font-size:.625rem;opacity:.8}.gantt-bloque[data-id]{cursor:pointer}.gantt-bloque[data-id]:hover{filter:brightness(.95)}.sesion-card[draggable=true]{cursor:grab}.sesion-card[draggable=true]:active{cursor:grabbing}.sesion-card--dragging{opacity:.4;transform:scale(.97)}.calendario-dia.drag-sobre{background:color-mix(in srgb,var(--color-accent) 8%,transparent)!important;outline:2px dashed var(--color-accent);outline-offset:-2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000038;width:100%;max-width:860px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);flex-shrink:0}.modal__header-info{display:flex;flex-direction:column;gap:4px}.modal__titulo{font-size:1.125rem;font-weight:700;line-height:1.3}.modal__formato-badge{display:inline-block;font-size:.6875rem;font-weight:500;opacity:.85;background:#0000001f;border-radius:99px;padding:1px 8px;width:fit-content}.modal__close{background:none;border:none;font-size:1.125rem;line-height:1;padding:4px;opacity:.6;flex-shrink:0;margin-top:-2px}.modal__close:hover{opacity:1}.modal__body{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0;overflow:hidden}.modal__col-info{padding:var(--spacing-lg);border-right:1px solid var(--color-border);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.modal__col-comentarios{display:flex;flex-direction:column;padding:var(--spacing-lg);min-height:0;overflow:hidden}.modal__meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal__meta-fila{display:flex;flex-direction:column;gap:2px;font-size:.875rem}.modal__meta-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.panel-editar-fecha{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-bg)}.form-editar-fecha{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-editar-fecha label{display:flex;flex-direction:column;gap:4px;font-size:.8125rem;font-weight:500}.form-editar-fecha input{padding:6px var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem}.form-acciones{display:flex;gap:var(--spacing-sm);margin-top:2px}.modal__comentarios-titulo{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);flex-shrink:0}.comentarios-lista{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-right:4px;min-height:0}.comentario{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-accent)}.comentario__texto{font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.comentario__meta{font-size:.6875rem;color:var(--color-text-muted);margin-top:4px}.comentarios-estado{font-size:.875rem;color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl)}.comentarios-estado--error{color:var(--color-accent)}.comentarios-nuevos{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);padding:5px var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-comentario{display:flex;flex-direction:column;gap:var(--spacing-sm);border-top:1px solid var(--color-border);padding-top:var(--spacing-md);flex-shrink:0}.form-comentario input,.form-comentario textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;resize:vertical}.form-comentario input:focus,.form-comentario textarea:focus{outline:none;border-color:var(--color-accent)}.btn-primario{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:7px var(--spacing-md);font-size:.875rem;font-weight:500;transition:background .15s}.btn-primario:hover{background:var(--color-accent-hover)}.btn-primario:disabled{opacity:.6;cursor:not-allowed}.btn-secundario{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px var(--spacing-md);font-size:.875rem;font-weight:500;transition:background .15s}.btn-secundario:hover{background:var(--color-bg)}.btn-sm{padding:4px var(--spacing-sm);font-size:.75rem}@media (max-width: 640px){.modal__body{grid-template-columns:1fr;overflow-y:auto;display:flex;flex-direction:column}.modal__col-info{border-right:none;border-bottom:1px solid var(--color-border)}.modal__col-comentarios{flex:none;min-height:400px}}.fases-gantt{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm);background:var(--color-surface)}.fases-gantt__table{border-collapse:collapse;width:100%}.fases-gantt__header-row th{position:sticky;top:0;background:#fafafa;border-bottom:2px solid var(--color-border);z-index:3;padding:0}.fases-gantt__th-label{width:240px;min-width:240px;position:sticky;left:0;z-index:4!important;background:#fafafa!important;border-right:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:var(--spacing-sm);text-align:left}.fases-gantt__th-track{padding:0}.fases-gantt__header-track{position:relative;height:36px;overflow:visible}.fases-gantt__month-label{position:absolute;top:0;height:100%;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);padding:10px 6px 0;white-space:nowrap;border-left:1px solid var(--color-border)}.fases-gantt__row{border-bottom:1px solid var(--color-border)}.fases-gantt__row:last-child{border-bottom:none}.fases-gantt__td-label{position:sticky;left:0;background:#fafafa;z-index:2;border-right:1px solid var(--color-border);width:240px;min-width:240px;padding:0;vertical-align:middle}.fases-gantt__label-inner{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);overflow:hidden}.fases-gantt__row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500}.fases-gantt__row-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fases-gantt__row-estado{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:99px;flex-shrink:0;background:var(--color-border);color:var(--color-text-muted);white-space:nowrap}.fases-gantt__td-track{padding:0;vertical-align:middle}.fases-gantt__row-track{position:relative;height:48px;overflow:visible}.fases-gantt__grid-line{position:absolute;top:0;bottom:0;border-left:1px dashed var(--color-border);pointer-events:none}.fases-gantt__bar{position:absolute;top:50%;transform:translateY(-50%);height:28px;background:var(--bar-color, #3B82F6);border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--spacing-sm);min-width:4px;overflow:hidden;opacity:.88;transition:opacity .15s;cursor:default}.fases-gantt__bar:hover{opacity:1;z-index:1}.fases-gantt__bar-label{font-size:.6875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendario-semana-block{border-bottom:1px solid var(--color-border)}.calendario-semana-block:last-child{border-bottom:none}.calendario-semana-block .calendario-semana{border-bottom:none}.calendario-fase-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:2px 2px 4px}.fase-cal-bar{height:18px;display:flex;align-items:center;padding:0 5px;overflow:hidden;opacity:.9;transition:opacity .15s;cursor:default;min-width:0}.fase-cal-bar:hover{opacity:1}.fase-cal-bar span{font-size:.625rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendario-semana-block .calendario-dia{min-height:36px}.calendario-semana-block .calendario-dia__sesiones{display:none}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary);padding:var(--spacing-md)}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);width:100%;max-width:360px;box-shadow:0 24px 80px #0006}.login-card__logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.login-card__logo span{color:var(--color-accent)}.login-card__titulo{font-size:1rem;font-weight:400;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-form__group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.login-form__group label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.login-form__group input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;background:var(--color-bg);transition:border-color .15s}.login-form__group input:focus{outline:none;border-color:var(--color-accent)}.login-error{background:#fff0f0;border:1px solid #f7c1c1;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;color:#791f1f}.login-submit{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:600;margin-top:var(--spacing-xs);transition:background .15s;height:44px}.login-submit:hover{background:var(--color-accent-hover)}.login-submit:disabled{opacity:.65;cursor:not-allowed}@media print{@page{size:A4 landscape;margin:15mm}.app-header,.filtros-panel,.visibilidad-panel,.vistas-tabs,.cronograma-toolbar,.btn-exportar,.btn-generar{display:none!important}body{background:#fff;font-size:11px}.app-main{padding:0;max-width:100%}.vista-contenido:not(.active){display:none!important}.sesion-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.calendario-grid,.calendario-dia{break-inside:avoid}.gantt-contenedor{overflow:visible!important}}