:root{--color-crema:#fff;--color-crema-oscura:#f5f1e9;--color-verde-muy-claro:#eef3f1;--color-arena-lavada:#f7f0e4;--color-verde-bosque:#5f7f74;--color-verde-profundo:#4a6459;--color-arena:#dcc9ae;--color-arena-suave:#ebdfcc;--color-arena-oscura:#b99572;--color-azul-niebla:#a9bec4;--color-azul-niebla-hondo:#3e5c66;--color-tinta:#2e3b36;--color-tinta-suave:#5a625d;--color-ok:#4a7a5c;--color-atencion:#c98f3d;--color-alerta:#b4533a;--color-alerta-texto:#9f4933;--color-info:#7d99a1;--color-boton-primario:#4a6459;--color-boton-primario-hover:#3d554c;--color-boton-peligro:#9f4933;--color-texto-sobre-peligro:#fff;--color-borde-tarjeta:#d7cfbf;--color-verde-hondo:#3d554c;--color-verde-seccion:#4d6a60;--color-card-shadow:#202a2314}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{background:var(--color-crema);color:var(--color-tinta);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,input,textarea{font:inherit}h1,h2,h3,h4{color:var(--color-verde-profundo);margin:0;font-weight:800;line-height:1.2}.page-shell{max-width:1100px;margin:0 auto;padding:40px 20px 80px}.topbar{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.brand-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:min(280px,62vw);max-width:280px;height:auto;display:block}.access-grid{margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:20px;max-width:36rem;margin-bottom:28px;display:grid}.toolbar-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.auth-card{background:var(--color-crema);border:1px solid var(--color-borde-tarjeta);box-shadow:0 18px 30px var(--color-card-shadow);border-radius:24px;padding:20px}.auth-form{gap:16px;display:grid}.auth-form h2{margin:0;font-size:1.3rem}.student-gate{background:var(--color-verde-muy-claro)}.role-banner{background:var(--color-verde-muy-claro);border:1px solid var(--color-borde-tarjeta);color:var(--color-verde-profundo);border-radius:14px;margin-bottom:20px;padding:12px 14px;font-weight:700}.error-message{color:var(--color-alerta);margin:0;font-size:.92rem}.student-activity-panel{margin-top:18px}.group-list{gap:12px;margin:10px 0 12px;display:grid}.group-item{background:var(--color-crema-oscura);border:1px solid var(--color-borde-tarjeta);border-radius:14px;padding:12px}.group-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.group-item ul{margin:0;padding-left:18px}.mini-button{border:1px solid var(--color-borde-tarjeta);background:var(--color-crema);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:700}.hero{margin-bottom:24px}.badge{background:var(--color-verde-muy-claro);color:var(--color-verde-profundo);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:.72rem;font-weight:700;display:inline-block}.hero h1{margin:16px 0 10px;font-size:clamp(2.2rem,5vw,4rem)}.hero p{max-width:720px;color:var(--color-tinta-suave);margin:0;font-size:1.04rem}.teacher-panel,.chat-card{background:var(--color-crema);border:1px solid var(--color-borde-tarjeta);box-shadow:0 18px 30px var(--color-card-shadow);border-radius:24px}.teacher-panel{margin-bottom:28px;padding:20px}.role-switcher{background:var(--color-crema-oscura);border:1px solid var(--color-borde-tarjeta);border-radius:999px;gap:6px;margin-bottom:20px;padding:6px;display:inline-flex}.role-switcher button,.toggle-group button,.primary,.secondary{cursor:pointer;color:var(--color-tinta);background:0 0;border:none;border-radius:999px;padding:10px 16px;font-weight:700}.role-switcher .selected,.toggle-group .selected,.primary{background:var(--color-boton-primario);color:#fff}.secondary{background:var(--color-crema-oscura);color:var(--color-verde-profundo);border:1px solid var(--color-borde-tarjeta)}.config-grid{gap:18px;display:grid}.field{gap:8px;display:grid}.field-inline{grid-template-columns:repeat(2,minmax(200px,1fr));gap:16px;display:grid}.label{color:var(--color-tinta);font-weight:700}.field textarea,.field input{border:1px solid var(--color-borde-tarjeta);background:var(--color-crema);width:100%;color:var(--color-tinta);border-radius:14px;padding:12px 14px}.field textarea{resize:vertical;min-height:120px}.toggle-group{background:var(--color-crema-oscura);border:1px solid var(--color-borde-tarjeta);border-radius:999px;gap:6px;padding:6px;display:inline-flex}.file-list{flex-wrap:wrap;gap:8px;min-height:30px;display:flex}.file-list span{background:var(--color-verde-muy-claro);color:var(--color-verde-profundo);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600}small,.muted{color:var(--color-tinta-suave)}.actions{justify-content:flex-end;display:flex}.student-view{gap:18px;display:grid}.summary-card,.locked-panel{background:var(--color-crema-oscura);border:1px solid var(--color-borde-tarjeta);border-radius:18px;padding:18px}.summary-card ul{color:var(--color-tinta);margin:0;padding-left:18px;line-height:1.8}.locked-panel p{color:var(--color-tinta-suave);margin:0}.chat-header{background:var(--color-verde-muy-claro);border-bottom:1px solid var(--color-borde-tarjeta);border-radius:1rem 1rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.chat-header h2{font-size:1.05rem}.status{background:var(--color-ok-fondo);color:var(--color-ok-texto);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700}.chat-messages{background:var(--color-crema);overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:12px;height:clamp(16rem,48dvh,36rem);padding:20px;display:flex;overflow-y:auto}.message{border-radius:16px;flex-shrink:0;max-width:min(85%,48rem);padding:12px 14px;line-height:1.5}.message.user{background:var(--color-boton-primario);color:#fff;align-self:flex-end}.message.assistant{background:var(--color-verde-muy-claro);color:var(--color-tinta);align-self:flex-start}.chat-form{border-top:1px solid var(--color-borde-tarjeta);align-items:flex-end;gap:12px;padding:18px 20px 20px;display:flex}.chat-form textarea{resize:none;border:1px solid var(--color-borde-tarjeta);background:var(--color-crema);min-height:52px;max-height:12rem;color:var(--color-tinta);border-radius:14px;flex:1;padding:12px 14px;overflow-y:auto}.chat-form button{background:var(--color-boton-primario);color:#fff;cursor:pointer;border:none;border-radius:14px;min-width:120px;padding:.75rem 1.5rem;font-weight:700}.chat-form button:hover:not(:disabled){background:var(--color-boton-primario-hover)}@media (max-width:640px){.field-inline,.chat-form{flex-direction:column;grid-template-columns:1fr}.chat-form button{width:100%;min-height:48px}}button,input,select{min-height:44px}select{font:inherit;border:1px solid var(--color-borde-tarjeta);background:var(--color-crema);width:100%;max-width:100%;color:var(--color-tinta);border-radius:12px;padding:12px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-verde-profundo);outline-offset:3px}.editor-sin-borde{border:0;min-width:0;margin:0;padding:0}.group-item{overflow-wrap:anywhere}.toolbar-row,.role-switcher{flex-wrap:wrap}@media (max-width:640px){.access-grid{grid-template-columns:minmax(0,1fr)}}.chat-card{box-shadow:none;border-radius:1rem;min-width:0}.chat-header h2{overflow-wrap:anywhere;font-size:1.25rem}.chat-header>div{flex:1;min-width:0}.chat-eyebrow{color:var(--color-tinta-suave);margin-bottom:.5rem;font-size:.875rem;display:block}.chat-contexto,.chat-pie{padding:1rem 1.25rem;font-size:.875rem}.chat-contexto p,.chat-pie p{margin:0}.chat-contexto .role-banner{margin:.75rem 0 0;padding:.75rem 1rem;font-weight:400}.chat-pie{border-top:1px solid var(--color-borde-tarjeta);gap:.75rem;display:grid}.chat-pie>button{justify-self:start}.chat-escritura{flex:1;width:100%;min-width:0}.chat-ayuda{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.5rem;display:flex}.chat-ayuda small{font-size:.875rem}.chat-error{padding:.75rem 1.25rem}.chat-error .error-message,.summary-card .error-message{color:var(--color-alerta-texto);overflow-wrap:anywhere}.summary-card summary{cursor:pointer;min-height:2.75rem;padding-block:.5rem}.summary-card summary:focus-visible{outline:2px solid var(--color-verde-profundo);outline-offset:3px}.chat-vacio{text-align:center;color:var(--color-tinta-suave);margin:auto;padding:1.5rem}.chat-vacio strong{color:var(--color-verde-profundo)}.chat-vacio p{margin-bottom:0}.message-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.5rem;display:flex}.message-meta time,.message-meta span{font-size:.8125rem}.message-content{white-space:pre-wrap;overflow-wrap:anywhere}.message-pending{border:1px dashed var(--color-crema);outline:1px solid var(--color-boton-primario)}.chat-seguimiento{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:3.75rem;padding:.5rem 1.25rem;display:flex}.chat-seguimiento p{margin:0;font-size:.875rem}.chat-messages:focus-visible{outline:2px solid var(--color-verde-profundo);outline-offset:-3px}.chat-card button:disabled{cursor:not-allowed;background:var(--color-crema-oscura);color:var(--color-tinta-suave)}.page-shell:has(>.chat-card) .topbar{justify-content:flex-end;margin-bottom:.5rem}.page-shell:has(>.chat-card) .cabecera-simulador{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-shell:has(>.chat-card){padding-top:1rem}.page-shell:has(>.chat-card) .hero{margin-bottom:1rem}.page-shell:has(>.chat-card) .brand-logo{width:8rem}.page-shell:has(>.chat-card) .hero h1{margin-block:.75rem;font-size:1.5rem}@media (max-width:640px){.page-shell{padding:1rem 1rem 2rem}.brand-logo{max-width:12rem}.hero h1{font-size:2rem}.chat-header,.chat-contexto,.chat-pie,.chat-form,.chat-messages{padding:1rem}.message{max-width:95%}.chat-header>button{width:100%}.page-shell:has(>.chat-card) .brand-logo{width:4rem}.page-shell:has(>.chat-card) .cabecera-simulador .badge{padding:.5rem;font-size:.625rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}