.zona{max-width:min(720px,100%);margin:0 auto;padding:38px 0 60px}.cabeza{position:relative;display:flex;align-items:center;gap:18px;min-height:170px;margin-bottom:22px;padding:24px 90px 24px 24px;overflow:hidden;border:2px solid #b9e7fb;border-radius:22px;background:linear-gradient(145deg,#eef9ff,#ddf4ff 62%,#c8edff);box-shadow:0 6px #9edcf8}.cabeza:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(28,176,246,.12) 28px 30px)}.cabeza-texto,.robot-caja{position:relative;z-index:1}.robot-caja{display:grid;place-items:center;flex:0 0 108px;height:108px;border:2px solid rgba(255,255,255,.9);border-radius:28px;background:#ffffff94;box-shadow:0 4px #1899d62b}.lapiz{position:absolute;right:22px;bottom:-22px;color:var(--azul);font-family:Georgia,serif;font-size:112px;line-height:1;opacity:.17;transform:rotate(-10deg)}.cabeza h1{margin:6px 0 3px;font-size:34px}.cabeza p{margin:0;color:var(--tinta-media);font-size:14.5px}.local{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:13px 16px;background:#fff;border-color:var(--linea);box-shadow:0 3px 0 var(--linea)}.local>span{color:var(--azul);font-size:13px}.local p,.local b,.local small{display:block;margin:0}.local b{color:var(--azul-suelo);font-size:13px}.local small{margin-top:1px;color:var(--tinta-media);font-size:11.5px}.herramientas{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;margin-bottom:14px}.herramientas label{color:var(--tinta-media);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.herramientas span{grid-row:1;grid-column:2;color:var(--tinta-floja);font-size:12px}.herramientas input{grid-column:1 / -1;width:100%;padding:12px 14px;border:2px solid var(--linea);border-radius:12px;background:#fff;box-shadow:0 3px 0 var(--linea);color:var(--tinta);font:700 15px/1.3 var(--tipo-texto)}.herramientas input:focus{outline:3px solid var(--azul-claro);border-color:var(--azul);background:#fff}.cursos-cuaderno{display:grid;gap:11px}.curso-cuaderno{--curso: var(--azul);--curso-suelo: var(--azul-suelo);--curso-claro: var(--azul-claro);overflow:hidden;box-shadow:0 4px 0 var(--linea)}.curso-cuaderno.verde{--curso: var(--verde);--curso-suelo: var(--verde-suelo);--curso-claro: var(--verde-claro)}.curso-cuaderno.morado{--curso: var(--morado);--curso-suelo: var(--morado-suelo);--curso-claro: #f7ecff}.curso-cuaderno.naranja{--curso: var(--naranja);--curso-suelo: #cc7a00;--curso-claro: #fff4e5}.curso-cuaderno[open]{border-color:var(--curso);box-shadow:0 4px 0 var(--curso-suelo)}.curso-cuaderno>summary{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto 22px;align-items:center;gap:10px;min-height:76px;padding:11px 15px;list-style:none;cursor:pointer}.curso-cuaderno>summary::-webkit-details-marker{display:none}.curso-icono{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--curso-claro);color:var(--curso-suelo);font-size:20px;font-weight:900}.curso-icono:before{content:"";width:20px;height:24px;border:2px solid currentColor;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 4px,currentColor 4px 5px);box-shadow:inset 5px 0 0 var(--curso-claro)}.curso-titulo b,.curso-titulo small{display:block}.curso-titulo b{font-family:var(--tipo-titulo);font-size:17px;line-height:1.15}.curso-titulo small{margin-top:3px;color:var(--tinta-floja);font-size:10.5px}.curso-dato{color:var(--curso-suelo);font-size:11px;font-weight:900}.curso-flecha{color:var(--tinta-floja);font-size:21px;transition:transform .16s ease}.curso-cuaderno[open] .curso-flecha{transform:rotate(180deg)}.curso-barra{position:absolute;right:15px;bottom:7px;left:71px;height:4px;overflow:hidden;border-radius:4px;background:var(--linea)}.curso-barra i{display:block;height:100%;border-radius:inherit;background:var(--curso)}.lecciones-cuaderno{border-top:2px solid var(--linea);background:#fbfcfd}.leccion-fila{display:grid;grid-template-columns:16px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 15px 9px 22px;border:0;border-bottom:1px solid var(--linea);background:transparent;color:var(--tinta);text-align:left;font-family:var(--tipo-texto);cursor:pointer}.leccion-fila:last-child{border-bottom:0}.leccion-fila:hover{background:#fff}.leccion-punto{width:11px;height:11px;border:3px solid var(--linea);border-radius:50%;background:#fff}.leccion-fila.con-nota .leccion-punto{border-color:var(--curso);background:var(--curso);box-shadow:0 0 0 3px var(--curso-claro)}.leccion-fila b,.leccion-fila small{display:block}.leccion-fila b{font-size:13px;line-height:1.2}.leccion-fila small{margin-top:2px;color:var(--tinta-floja);font-size:10.5px}.leccion-flecha{color:var(--curso);font-size:20px}.editor{width:min(640px,calc(100% - 28px));max-width:640px;padding:0;overflow:visible;border:0;border-radius:22px;background:transparent;color:var(--tinta)}.editor::backdrop{background:#202b3694;backdrop-filter:blur(3px)}.editor-caja{overflow:hidden;border:2px solid #b9e7fb;border-radius:22px;background:#fff;box-shadow:0 8px 0 var(--azul-suelo),0 28px 70px #0000003d}.editor header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px 16px;background:var(--azul-claro);border-bottom:2px solid #b9e7fb}.editor header small{display:block;color:var(--azul-suelo);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.editor header h2{margin-top:3px;font-size:23px}.editor header button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:2px solid #b9e7fb;border-radius:10px;background:#fff;color:var(--tinta-media);font:900 14px/1 var(--tipo-texto);cursor:pointer}.editor textarea{display:block;width:calc(100% - 36px);min-height:310px;margin:18px;resize:vertical;padding:13px 13px 13px 19px;border:2px solid var(--linea);border-radius:13px;color:var(--tinta);background-color:#fbfdfe;background-image:repeating-linear-gradient(0deg,transparent 0 29px,#eaf3f7 29px 30px);box-shadow:inset 3px 0 #ffd7d7;font:700 14.5px/30px var(--tipo-texto)}.editor textarea:focus{outline:3px solid var(--azul-claro);border-color:var(--azul)}.editor footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px 19px}.editor footer span{color:var(--tinta-floja);font-size:11px}.editor footer a{color:var(--azul-suelo);font-size:12px;font-weight:900}body.editor-abierto{overflow:hidden}.vacio{padding:36px 30px;border-color:#d7eaf2;background:linear-gradient(180deg,#fff,#f8fcfe);box-shadow:0 6px #d7eaf2,0 14px 28px #2967840f;text-align:center}.vacio-icono{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:16px;background:var(--azul-claro);color:var(--azul-suelo);font:700 30px/1 Georgia,serif;transform:rotate(-5deg)}.vacio h2{font-size:24px}.vacio p{margin:8px auto 20px;max-width:42ch;color:var(--tinta-media);font-size:14px}.cargando{display:flex;align-items:center;justify-content:center;gap:12px;min-height:112px;border-color:#d7eaf2;color:var(--tinta-media);box-shadow:0 4px #d7eaf2}.cargando span{width:20px;height:20px;border:3px solid var(--azul-claro);border-top-color:var(--azul);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media(max-width:560px){.zona{padding-top:24px}.cabeza{min-height:142px;padding:18px 54px 18px 16px;gap:12px}.robot-caja{flex-basis:78px;width:78px;height:78px;border-radius:21px}.cabeza .robot{width:66px;height:66px}.cabeza h1{font-size:29px}.cabeza p{font-size:12.5px}.lapiz{right:5px;font-size:84px}.curso-cuaderno>summary{grid-template-columns:42px minmax(0,1fr) 20px;min-height:72px;padding:10px 11px}.curso-icono{width:38px;height:38px}.curso-dato{display:none}.curso-barra{left:63px;right:12px}.curso-titulo b{font-size:15px}.curso-titulo small{font-size:9.5px}.leccion-fila{min-height:55px;padding-left:16px}.editor{width:100%;max-width:none;margin:auto 0 0;border-radius:20px 20px 0 0}.editor-caja{border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0;box-shadow:0 -10px 38px #0000002e}.editor header{padding:16px}.editor header h2{font-size:19px}.editor textarea{width:calc(100% - 28px);min-height:min(46vh,330px);margin:14px}.editor footer{padding:0 16px calc(16px + env(safe-area-inset-bottom))}}