/* =============================================================================
 * RIZOMA MAUX · Crear material y sala del equipo pedagógico de IA
 * Prefijos: cr- (pantalla) y sala- (ventana del equipo). Letra mínima 12 px.
 * ========================================================================== */
.cr-estudio{max-width:1440px;margin:auto;padding-bottom:40px;--cr-verde:#14796b;--cr-lima:#dcf79b;--cr-tinta:#122f34}

/* ---------- Encabezado ---------- */
.cr-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden;padding:34px 40px;margin-bottom:24px;border-radius:26px;background:radial-gradient(120% 140% at 100% 0%,#1d4a50 0%,var(--cr-tinta) 55%);color:#f4f9ed;box-shadow:0 14px 40px #122f3420}
.cr-hero:after{content:'';position:absolute;width:420px;height:420px;right:-170px;top:-260px;border:1px solid #d6efad26;border-radius:50%;box-shadow:0 0 0 45px #d6efad07,0 0 0 90px #d6efad05;pointer-events:none}
.cr-hero-copy{max-width:720px;z-index:1}
.cr-eyebrow{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:800;letter-spacing:1.4px;color:#c5dfce}
.cr-hero h1{font-size:clamp(32px,3.8vw,50px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0 12px;font-family:var(--font-display)}
.cr-hero h1 em{color:var(--cr-lima);font-style:normal}
.cr-hero p{font-size:15px;line-height:1.7;color:#d6e6e1;max-width:640px;margin:0}
.cr-hero-pasos{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0 0}
.cr-hero-pasos li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;padding:8px 14px 8px 8px;border-radius:30px;background:#ffffff12;border:1px solid #ffffff1f}
.cr-hero-pasos b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cr-lima);color:var(--cr-tinta);font-size:12px}
.cr-orbita{position:relative;flex:0 0 230px;height:200px;border:1px dashed #d6efad35;border-radius:50%;margin-right:20px;animation:cr-giro 60s linear infinite}
.cr-orbita-centro{position:absolute;left:83px;top:68px;display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:var(--cr-lima);color:#163d32;box-shadow:0 0 0 16px #dcf79b0d;animation:cr-giro 60s linear infinite reverse}.cr-orbita-centro svg{width:32px;height:32px}
.cr-satelite{position:absolute;padding:7px 11px;border:1px solid #bdd5c64d;border-radius:30px;background:#23474a;color:#eef6e7;font-size:12px;animation:cr-giro 60s linear infinite reverse}
.cr-sat-0{top:-10px;left:62px}.cr-sat-1{top:50px;right:-34px}.cr-sat-2{bottom:-4px;right:6px}.cr-sat-3{bottom:2px;left:-6px}.cr-sat-4{top:60px;left:-26px}
@keyframes cr-giro{to{transform:rotate(360deg)}}

/* ---------- Distribución ---------- */
.cr-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.cr-form{display:grid;gap:18px;min-width:0}
.cr-seccion{padding:26px;border:1px solid var(--borde);border-radius:22px;background:var(--surface-solid);min-width:0;box-shadow:0 1px 2px #0f172a08}
.cr-paso{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.cr-numero{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:var(--cr-verde);color:#fff;font-size:15px;font-weight:800}
.cr-paso h2{font-size:21px;letter-spacing:-.4px;margin:2px 0 4px}.cr-paso p{font-size:13.5px;line-height:1.6;color:var(--texto-2);margin:0}

/* ---------- Paso 1: tarjetas agrupadas ---------- */
.cr-grupos{display:grid;gap:18px}
.cr-grupo h4{margin:0 0 9px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--texto-2)}
.cr-tarjetas,.cr-materiales{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px}
.cr-material{position:relative;display:flex;align-items:flex-start;gap:11px;text-align:left;padding:14px 28px 14px 12px;border-radius:15px;border:1px solid var(--borde);background:var(--surface-solid);color:var(--texto);cursor:pointer;font:inherit;transition:border-color .18s,transform .18s,box-shadow .18s;min-width:0}
.cr-material:hover{transform:translateY(-2px);border-color:var(--cr-verde);box-shadow:0 8px 18px #122f3412}
.cr-material.elegido{border-color:var(--cr-verde);box-shadow:0 0 0 2px var(--cr-verde) inset;background:color-mix(in srgb,var(--cr-verde) 7%,var(--surface-solid))}
.cr-material-icono{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:var(--marca);background:var(--surface-2);border:1px solid var(--borde)}
.cr-material.elegido .cr-material-icono{color:#fff;background:var(--cr-verde);border-color:var(--cr-verde)}
.cr-material b{font-size:14px;display:block;line-height:1.35}
.cr-material small{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--texto-2);line-height:1.45;margin-top:3px}
.cr-check{display:none;position:absolute;right:8px;top:8px;color:var(--cr-verde)}.cr-check .ico{width:16px;height:16px}.elegido .cr-check{display:block}
.cr-ver-todo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:12px;border:1px dashed var(--borde-2);border-radius:14px;background:transparent;color:var(--texto-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.cr-ver-todo:hover{border-color:var(--cr-verde);color:var(--cr-verde)}
.cr-todo{margin-top:16px}.cr-buscar{width:100%;margin-bottom:12px;font-size:15px}
.cr-filtros{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cr-filtro{font:inherit;font-size:12.5px;padding:7px 12px;border:1px solid var(--borde);border-radius:20px;background:var(--surface-2);color:var(--texto-2);cursor:pointer;min-height:34px}
.cr-filtro[aria-pressed=true]{background:var(--texto);color:var(--surface-solid);border-color:var(--texto)}
.cr-materiales{max-height:440px;overflow:auto;padding:3px}
.cr-ayuda{font-size:13px;line-height:1.6;color:var(--texto-2);margin:10px 0}

/* ---------- Paso 2 ---------- */
.cr-dos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cr-campo{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.cr-campo>span{font-size:13.5px;font-weight:700}.cr-campo>small{font-size:12px;color:var(--texto-2)}
.cr-campo .input,.cr-campo select{width:100%;min-width:0}
.cr-tema{font-family:var(--font);font-size:17px;line-height:1.6;resize:vertical;min-height:84px;border-width:2px}
.cr-tema:focus{border-color:var(--cr-verde)}
.cr-disciplina{display:flex;align-items:center;gap:8px;min-height:0;margin:-6px 0 12px;font-size:13px;color:var(--cr-verde)}.cr-disciplina:empty{display:none}.cr-disciplina .ico{width:16px;height:16px}
.cr-ejemplos{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 20px}.cr-ejemplos>span{font-size:12.5px;color:var(--texto-2)}
.cr-ejemplos button{display:flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;padding:7px 11px;background:var(--surface-2);color:var(--texto);border:1px solid var(--borde);border-radius:20px;cursor:pointer}
.cr-ejemplos button:hover{border-color:var(--cr-verde);color:var(--cr-verde)}.cr-ejemplos svg{width:14px;height:14px}

/* ---------- Paso 3 (plegable) ---------- */
.cr-conexiones{background:linear-gradient(135deg,color-mix(in srgb,var(--cr-verde) 5%,var(--surface-solid)),var(--surface-solid))}
.cr-conexiones>summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.cr-conexiones>summary::-webkit-details-marker{display:none}
.cr-conexiones>summary b{display:block;font-size:17px}.cr-conexiones>summary small{font-size:13px;color:var(--texto-2)}
.cr-conexiones:not([open]) .cr-numero{background:var(--surface-2);color:var(--cr-verde);border:1px solid var(--borde)}
.cr-red-detalle{font-size:13.5px;line-height:1.7;color:var(--texto-2);margin:18px 0 12px}

/* ---------- Resumen lateral ---------- */
.cr-resumen{position:sticky;top:85px;padding:18px;border:1px solid var(--borde);border-radius:22px;background:var(--surface-2);min-width:0}
.cr-hoja{background:var(--surface-solid);padding:20px;border-radius:6px 16px 16px 6px;border:1px solid var(--borde);border-left:5px solid var(--cr-verde);box-shadow:5px 7px 0 color-mix(in srgb,var(--surface-solid) 70%,var(--borde));overflow-wrap:anywhere}
.cr-preview-tipo{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cr-verde);font-weight:800;text-transform:uppercase;letter-spacing:.6px}.cr-preview-tipo .ico{width:15px;height:15px}
.cr-hoja h3{font-family:var(--font-display);font-size:22px;line-height:1.2;margin:8px 0 8px}
.cr-preview-meta{font-size:13px;color:var(--texto-2);line-height:1.5;margin:0}
.cr-hoja-linea{height:1px;background:var(--borde);margin:16px 0 12px}
.cr-mini-tit{display:block;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--texto-2);margin-bottom:8px}
.cr-equipo-mini{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.cr-equipo-mini li{display:flex;align-items:center;gap:9px}
.cr-equipo-mini li>svg,.cr-equipo-mini li>.ico{flex:0 0 28px;width:28px;height:28px;padding:6px;border-radius:9px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.cr-equipo-mini b{display:block;font-size:12.5px;line-height:1.3}.cr-equipo-mini small{display:block;font-size:11.5px;color:var(--texto-2);line-height:1.3}
.cr-crear-ia,.cr-crear-local{width:100%;justify-content:center;margin-top:12px;min-height:50px;font-size:15px;white-space:normal}
.cr-crear-ia{background:linear-gradient(135deg,#14796b,#0f5f73);color:#fff;border:0;box-shadow:0 8px 20px #14796b40;font-weight:700}
.cr-crear-ia:hover:not(:disabled){filter:brightness(1.08);color:#fff}.cr-crear-ia:disabled{opacity:.55;box-shadow:none}
.cr-ia-estado{font-size:12.5px;line-height:1.5}.cr-ia-estado .ico{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.cr-dos-b{grid-template-columns:150px minmax(0,1fr)}
.cr-discreto{font-size:12px;line-height:1.6;color:var(--texto-2);margin:14px 0 0}
.cr-estudio :is(button,input,textarea,select,summary):focus-visible{outline:3px solid var(--marca-2);outline-offset:3px}

/* ======================= Sala del equipo ======================= */
body.sala-abierta{overflow:hidden}
.sala{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:#0b1f24b3;backdrop-filter:blur(6px);animation:sala-entra .25s ease}
@keyframes sala-entra{from{opacity:0}}
.sala-panel{display:flex;flex-direction:column;width:min(1400px,100%);height:min(920px,100%);border-radius:24px;overflow:hidden;background:var(--bg);box-shadow:0 30px 80px #00000055}
.sala-cab{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;background:radial-gradient(120% 160% at 100% 0%,#1d4a50,#122f34 60%);color:#f4f9ed}
.sala-eyebrow{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:1.4px;color:#c5dfce}.sala-eyebrow .ico{width:15px;height:15px}
.sala-cab h2{margin:6px 0 2px;font-family:var(--font-display);font-size:24px;line-height:1.2}.sala-cab h2 em{font-style:normal;color:#dcf79b}
.sala-cab p{margin:0;font-size:13px;color:#cfe1dc}
.sala-cerrar{color:#fff;background:#ffffff14;border:1px solid #ffffff33}.sala-cerrar:hover{background:#ffffff2b;color:#fff}
.sala-cab .btn-peligro{background:#ffffff14;color:#fecaca;border-color:#fca5a566}
.sala-cuerpo{flex:1;display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0}
.sala-lado{display:flex;flex-direction:column;gap:12px;padding:18px;overflow:auto;border-right:1px solid var(--borde);background:var(--surface-solid)}
.sala-barra{height:8px;border-radius:8px;background:var(--surface-2);overflow:hidden;border:1px solid var(--borde)}
.sala-barra>span{display:block;height:100%;width:3%;border-radius:8px;background:linear-gradient(90deg,#14796b,#7c3aed);transition:width .6s ease}
.sala-estado{display:flex;gap:7px;align-items:flex-start;margin:0;font-size:13.5px;line-height:1.5;color:var(--texto);min-height:40px}.sala-estado .ico{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.sala-equipo{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sala-equipo li{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:14px;border:1px solid var(--borde);background:var(--surface-2);transition:border-color .3s,background .3s,opacity .3s}
.sala-equipo li[data-estado=espera]{opacity:.62}
.sala-equipo li[data-estado=pensando],.sala-equipo li[data-estado=escribiendo]{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--surface-solid));box-shadow:0 4px 14px color-mix(in srgb,var(--c) 22%,transparent)}
.sala-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;color:#fff;background:var(--c);position:relative}
.sala-avatar .ico,.sala-avatar svg{width:19px;height:19px}
.sala-equipo li[data-estado=pensando] .sala-avatar:after,.sala-equipo li[data-estado=escribiendo] .sala-avatar:after{content:'';position:absolute;inset:-4px;border-radius:15px;border:2px solid var(--c);animation:sala-pulso 1.2s ease-out infinite}
@keyframes sala-pulso{from{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.15)}}
.sala-quien{flex:1;min-width:0}.sala-quien b{display:block;font-size:13.5px;line-height:1.3}.sala-quien small{display:block;font-size:12px;color:var(--texto-2);line-height:1.3}
.sala-chip{flex-shrink:0;font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:20px;background:var(--surface-solid);border:1px solid var(--borde);color:var(--texto-2)}
.sala-equipo li[data-estado=listo] .sala-chip{background:#16a34a;color:#fff;border-color:#16a34a}
.sala-equipo li[data-estado=error] .sala-chip{background:#dc2626;color:#fff;border-color:#dc2626}
.sala-equipo li[data-estado=escribiendo] .sala-chip,.sala-equipo li[data-estado=pensando] .sala-chip{color:var(--c);border-color:var(--c)}
.sala-avisos{font-size:13px;line-height:1.5}.sala-avisos:empty{display:none}.sala-avisos b{display:flex;align-items:center;gap:6px}.sala-avisos .ico{width:16px;height:16px}.sala-avisos ul{margin:6px 0 0;padding-left:18px;color:var(--texto-2)}
.sala-acciones{display:grid;gap:8px;margin-top:auto}.sala-acciones:empty{display:none}.sala-acciones>.btn{width:100%;justify-content:center}
.sala-hoja{overflow:auto;padding:28px;background:var(--bg-2)}
.sala-doc{max-width:860px;margin:auto;background:var(--surface-solid);padding:44px 52px;border-radius:6px;box-shadow:0 10px 30px #0f172a14;min-height:100%}

/* ---------- El equipo dentro del chat de Rizo ---------- */
.eq-chat-cab{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#14796b 9%,var(--surface-solid));border:1px solid color-mix(in srgb,#14796b 30%,var(--borde));font-size:13.5px;line-height:1.45}
.eq-chat-cab .ico{flex-shrink:0;width:18px;height:18px;color:#14796b;margin-top:1px}
.eq-chat-estado{margin:9px 2px;font-size:13px;color:var(--texto-2)}
.eq-chat-doc{max-height:420px;overflow:auto;border-left:3px solid #14796b55;padding-left:12px;margin-bottom:10px}.eq-chat-doc:empty{display:none}

/* ---------- Adaptación ---------- */
@media(min-width:1450px){.cr-layout{grid-template-columns:minmax(0,1fr) 370px}}
@media(max-width:1100px){.cr-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.cr-seccion{padding:20px}.cr-orbita{display:none}.cr-hero{padding:28px}}
@media(max-width:860px){.sala-cuerpo{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sala-lado{border-right:0;border-bottom:1px solid var(--borde);max-height:42vh}.sala-doc{padding:24px 20px}.sala-hoja{padding:12px}}
@media(max-width:800px){.cr-layout{grid-template-columns:1fr}.cr-resumen{position:static}.cr-hero{padding:24px 20px;border-radius:20px}}
@media(max-width:520px){.cr-dos{grid-template-columns:1fr;gap:0}.cr-seccion{padding:16px}.cr-tarjetas,.cr-materiales{grid-template-columns:1fr}.cr-hero h1{font-size:32px}.sala{padding:0}.sala-panel{border-radius:0;height:100%}.sala-cab{padding:14px 16px}.sala-cab h2{font-size:19px}.sala-equipo{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cr-material,.sala-barra>span{transition:none}.cr-material:hover{transform:none}.cr-orbita,.cr-orbita-centro,.cr-satelite,.sala-avatar:after{animation:none!important}}