/* panels.css */
#centerWrapper {
  display:flex;
  flex:1;
  width:100%;
  overflow:visible;
  min-height:0;
}
.panel-sala {
  flex:1;
  display:flex;
  flex-direction:column;
  background:var(--grad-panel);
  border:var(--border-grafito);
  backdrop-filter:blur(6px);
  border-radius:10px;
  margin:10px 16px;
  overflow:visible;
  min-width:0;
  color:var(--text-color);
}
.panel-idioma {
  flex:1;
  display:flex;
  flex-direction:column;
  background:var(--grad-panel);
  border:var(--border-grafito);
  backdrop-filter:blur(6px);
  border-radius:10px;
  margin:10px 16px;
  overflow:visible;
  min-width:0;
  color:var(--text-color);
}
.color-idioma { display:flex; gap:6px; }
.panel-texto {
  width:100%;
  display:flex;
  flex-direction:column;
  background:var(--grad-panel);
  border:var(--border-grafito);
  backdrop-filter:blur(6px);
  border-radius:10px;
  padding:4px;
  box-sizing:border-box;
  min-height:120px;
  max-height:200px;
  overflow:hidden;
  flex-shrink:0;
  margin-top:12px; /* separa paneles */
  margin-bottom:70px;
  color:var(--text-color);
}
.panel-header {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  background:rgba(0,0,0,0.25);
  border-bottom:1px solid rgba(255,255,255,0.12);
}
.color-sala { display:flex; gap:6px; }
.panel-spacer { flex:1; }
.content {
  flex:1;
  overflow-y:auto;
  padding:12px;
}
.panel-sala.iridiscente::before,
.panel-idioma.iridiscente::before,
.panel-texto.iridiscente::before {
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:inherit;
  background:linear-gradient(120deg,#2c79dd,#f5d2c8,#a18cd1,#fcca25);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.panel-sala.iridiscente,
.panel-idioma.iridiscente,
.panel-texto.iridiscente { position:relative; }
.divider-vertical {
  width:3px;   /* grosor del divisor vertical */
  background:rgba(109, 135, 255, 0.5); /* color y transparencia divisor*/
  cursor:col-resize;
}
#panelTexto .panel-header { margin-bottom:1px; }
#panelTexto .content { padding:4px; }
#panelTexto textarea {
  flex:1;
  width:100%;
  resize:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:8px;
  padding:12px;
  color:#fff;
  font-size:16px;
  outline:none;
}
.color-texto { display:flex; gap:6px; }
.panel-title {
  font-weight:600;
  font-size:14px;
  margin-right:12px;
  opacity:0.85;
  user-select:none;
}
.panel-sala.theme-grafito-azul,
.panel-idioma.theme-grafito-azul,
.panel-texto.theme-grafito-azul {
  background:linear-gradient(135deg,#2a2a3a,#3a3a5a,#2a2a3a);
  border:1px solid rgba(255,255,255,0.08);
  color:#cfd4ff;
}
.panel-sala.theme-grafito-neon,
.panel-idioma.theme-grafito-neon,
.panel-texto.theme-grafito-neon {
  background:linear-gradient(135deg,#1f1f1f,#223322,#1f1f1f);
  border:1px solid rgba(255,255,255,0.08);
  color:#c8ffc8;
}
.panel-sala.theme-grafito-rosa,
.panel-idioma.theme-grafito-rosa,
.panel-texto.theme-grafito-rosa {
  background:linear-gradient(135deg,#2a1f2a,#3a2a3a,#2a1f2a);
  border:1px solid rgba(255,255,255,0.08);
  color:#ffd6f7;
}
#panelTexto.font-small #input { font-size:18px; }
#panelTexto.font-medium #input { font-size:22px; }
#panelTexto.font-large #input { font-size:28px; }
#panelTexto.fontfamily-arial #input { font-family:Arial,sans-serif; }
#panelTexto.fontfamily-msdos #input { font-family:"Courier New",monospace; }
#panelTexto.fontfamily-handwrite #input { font-family:"Comic Sans MS","Segoe Script",cursive; }