/* PLAN A MEDIDA HECHO POR TU TUTOR (estudio-tutor.js) */
body.tu-abierto{overflow:hidden}
.tu-capa{position:fixed;inset:0;z-index:9400;display:grid;place-items:center;padding:16px;background:rgba(10,18,14,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.tu-capa[hidden]{display:none}
.tu-hoja{width:min(760px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#F6F8F7;color:#16201B;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
html:not(.cristal) .tu-hoja{background:var(--bg,#0E1512);color:var(--text,#EDEFEA)}
.tu-cab{display:flex;gap:12px;align-items:flex-start;padding:20px 22px 12px}
.tu-cab>div{flex:1}.tu-cab b{display:block;font-size:22px;letter-spacing:-.02em}.tu-cab small{display:block;color:#6B7570;font-size:13.5px;margin-top:3px;line-height:1.4}
.tu-ceja{display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:11px;color:#12805C}
.tu-x{border:0;background:rgba(0,0,0,.06);width:38px;height:38px;border-radius:12px;cursor:pointer;font-size:15px;color:inherit;flex:none}
.tu-barra{height:4px;background:rgba(0,0,0,.07);margin:0 22px;border-radius:4px;overflow:hidden}.tu-barra i{display:block;height:100%;background:linear-gradient(90deg,#12805C,#3BB386);transition:width .3s}
.tu-cuerpo{overflow-y:auto;padding:16px 22px 18px;display:flex;flex-wrap:wrap;gap:0 16px}
.tu-campo{width:100%;margin-bottom:16px}.tu-campo.tu-mitad{width:calc(50% - 8px)}
.tu-l{display:block;font-weight:700;font-size:14.5px;margin-bottom:8px}.tu-l em{font-style:normal;font-weight:600;font-size:11px;color:#B2382F;margin-left:4px;text-transform:uppercase;letter-spacing:.05em}
.tu-ops{display:flex;flex-wrap:wrap;gap:7px}
.tu-op{border:1px solid rgba(0,0,0,.13);background:#fff;border-radius:12px;padding:9px 13px;font:500 14px var(--f-body,Inter,sans-serif);color:inherit;cursor:pointer;text-align:left}
html:not(.cristal) .tu-op{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.tu-op:hover{border-color:#12805C}.tu-op.on{background:#16201B;border-color:#16201B;color:#fff}
html:not(.cristal) .tu-op.on{background:var(--gold,#C9A227);color:#13230F;border-color:transparent}
.tu-in{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.13);border-radius:12px;padding:11px 13px;font:400 14.5px/1.45 var(--f-body,Inter,sans-serif);background:#fff;color:inherit;resize:vertical}
html:not(.cristal) .tu-in{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.tu-in:focus{outline:2px solid rgba(18,128,92,.35);border-color:#12805C}
.tu-corto{max-width:220px}
.tu-check{display:flex;gap:10px;align-items:flex-start;width:100%;padding:14px;border-radius:14px;background:rgba(18,128,92,.07);font-size:14px;line-height:1.45;cursor:pointer}
.tu-check input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:#12805C}
.tu-horas{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.tu-horas label{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:8px 4px}
html:not(.cristal) .tu-horas label{background:rgba(255,255,255,.05)}
.tu-horas span{font-size:12px;font-weight:700;color:#6B7570;text-transform:uppercase}
.tu-horas input{width:100%;max-width:56px;border:0;background:none;text-align:center;font:700 18px var(--f-body,Inter,sans-serif);color:inherit}
.tu-horas small{font-size:11px;color:#8A938E}
.tu-nota{font-size:13px;color:#59625D;margin:8px 0 0}
.tu-leyenda{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:12px}.tu-leyenda span{padding:3px 9px;border-radius:999px;font-weight:600}
.n0{--c:#9AA5A0}.n1{--c:#E2A72E}.n2{--c:#3F8FD8}.n3{--c:#1E9E6A}
.tu-leyenda span{background:color-mix(in srgb,var(--c) 16%,transparent);color:color-mix(in srgb,var(--c) 75%,#000)}
.tu-temas{display:grid;gap:6px}
.tu-tema{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border-radius:12px;padding:8px 10px;flex-wrap:wrap}
html:not(.cristal) .tu-tema{background:rgba(255,255,255,.04)}
.tu-tema>span{font-size:13.5px;flex:1;min-width:180px}.tu-tema b{display:inline-block;min-width:22px;color:#12805C}
.tu-niv{display:flex;gap:4px}
.tu-niv button{border:1px solid rgba(0,0,0,.1);background:none;border-radius:8px;padding:5px 8px;font:600 11.5px var(--f-body,Inter,sans-serif);color:#6B7570;cursor:pointer}
.tu-niv button.on{background:var(--c);border-color:var(--c);color:#fff}
.tu-aviso{width:100%;margin:4px 0 0;padding:10px 12px;border-radius:12px;background:#FDE8E6;color:#9B2C24;font-size:13.5px}
.tu-pie{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid rgba(0,0,0,.08)}
.tu-guardado{flex:1;font-size:12px;color:#8A938E;text-align:center}
.tu-btn{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:12px;padding:11px 18px;font:700 14px var(--f-body,Inter,sans-serif);color:inherit;cursor:pointer}
.tu-btn:disabled{opacity:.45;cursor:default}
.tu-btn.prim{background:#16201B;border-color:#16201B;color:#fff}
html:not(.cristal) .tu-btn.prim{background:var(--gold,#C9A227);color:#13230F;border-color:transparent}
/* tarjeta en Mi plan */
.tu-tarjeta{margin-bottom:16px}
.tu-pedir{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:radial-gradient(120% 140% at 0% 0%,rgba(31,138,102,.16),transparent 60%),var(--panel,#fff)}
.tu-pedir>div{flex:1;min-width:260px}
.tu-borr{font-size:13px;font-weight:600;color:#12805C;margin:8px 0 0}
.tu-nuevo{box-shadow:0 0 0 2px #12805C,0 20px 40px -26px rgba(18,128,92,.8)}
.tu-estado{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 6px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.035)}
.tu-estado ol{display:flex;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.tu-estado li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.05);color:#7A847F}
.tu-estado li.ok{background:rgba(30,158,106,.14);color:#0F6B47}
.tu-estado li.ok::before{content:"✓ "}
.tu-estado span{font-size:13px;color:#59625D}
.tu-hablar{margin-top:10px}.tu-hablar summary{cursor:pointer;font-weight:700;font-size:14.5px;padding:6px 0}
.tu-punto{font-style:normal;font-size:11px;font-weight:700;background:#12805C;color:#fff;border-radius:999px;padding:2px 8px;margin-left:6px;text-transform:uppercase}
.tu-chat{margin-top:8px}
.tu-msgs{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px}
.tu-m{max-width:82%;padding:9px 12px;border-radius:14px;background:rgba(0,0,0,.05)}
.tu-m p{margin:2px 0 0;font-size:14px;line-height:1.45}.tu-m b{font-size:12px}.tu-m small{display:block;font-size:11px;color:#8A938E;margin-top:3px}
.tu-m.alumno{align-self:flex-end;background:#16201B;color:#fff}.tu-m.alumno small{color:rgba(255,255,255,.6)}
html:not(.cristal) .tu-m.alumno{background:var(--gold,#C9A227);color:#13230F}
.tu-m.tutor{align-self:flex-start;background:rgba(18,128,92,.1)}
.tu-m.sistema{align-self:center;max-width:94%;background:none;text-align:center;color:#6B7570}.tu-m.sistema p{font-size:12.5px}
.tu-escribe{display:flex;gap:8px;align-items:flex-end;margin-top:10px}
.tu-escribe textarea{flex:1;border:1px solid rgba(0,0,0,.13);border-radius:12px;padding:10px 12px;font:400 14px/1.4 var(--f-body,Inter,sans-serif);background:#fff;color:inherit;resize:vertical}
html:not(.cristal) .tu-escribe textarea{background:rgba(255,255,255,.05)}
.tu-acc{margin-top:12px}
.tu-plan h3{margin:18px 0 8px;font-size:15px}
.tu-resumen p{margin:0 0 8px;font-size:14.5px;line-height:1.6}
.tu-semana{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}
.tu-dia{background:rgba(0,0,0,.03);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:120px}
.tu-dia.hoy{background:rgba(18,128,92,.1);box-shadow:inset 0 0 0 1.5px #12805C}
.tu-dia>b{font-size:13px}
.tu-bloque{border-radius:10px;padding:7px 9px;background:#fff;border-left:3px solid var(--tc,#9AA5A0)}
html:not(.cristal) .tu-bloque{background:rgba(255,255,255,.05)}
.tu-bloque small{display:block;font-size:11px;color:#6B7570}.tu-bloque span{font-size:13px;font-weight:600;line-height:1.35}
.t-estudio{--tc:#12805C}.t-repaso{--tc:#3F8FD8}.t-test{--tc:#E2A72E}.t-simulacro{--tc:#D2483F}.t-esquemas{--tc:#7A5BA6}.t-fisico{--tc:#2E9E9E}.t-ingles{--tc:#B07A1E}.t-psico{--tc:#8C4A6B}.t-descanso{--tc:#C8CFCB}.t-otro{--tc:#9AA5A0}
.tu-fases{margin:0;padding-left:20px}.tu-fases li{margin-bottom:10px}.tu-fases small{display:block;color:#6B7570;font-size:12px}.tu-fases p{margin:3px 0 0;font-size:14px;line-height:1.5}
@media (max-width:640px){
  .tu-capa{padding:0}.tu-hoja{max-height:100dvh;height:100dvh;border-radius:0}
  .tu-cab,.tu-cuerpo,.tu-pie{padding-left:14px;padding-right:14px}.tu-barra{margin:0 14px}
  .tu-campo.tu-mitad{width:100%}
  .tu-horas{grid-template-columns:repeat(4,1fr)}
  .tu-guardado{display:none}.tu-pie{justify-content:space-between}
  .tu-niv button{padding:5px 6px;font-size:11px}
  .tu-semana{grid-template-columns:repeat(7,78%);scroll-snap-type:x mandatory}.tu-dia{scroll-snap-align:start}
}