diff --git a/frontend/src/pages/Cobranza.jsx b/frontend/src/pages/Cobranza.jsx
index 46a1e78..113c0ba 100644
--- a/frontend/src/pages/Cobranza.jsx
+++ b/frontend/src/pages/Cobranza.jsx
@@ -823,8 +823,8 @@ function GraficoVencimientos({ alumnos, porRetirar, ano, mes }) {
   const SERIES = [
     { k: "cta", label: "CTA x COB en curso", color: "#64748b" },  // gris azulado
     { k: "cob", label: "Cobrado en curso",   color: "#5b8a72" },  // verde apagado
-    { k: "dif", label: "Retiros",            color: "#e08989" },  // 3ª barra · Retiros · rojo suave
-    { k: "ret", label: "Diferencia",         color: "#a594c9" },  // 4ª barra · Diferencia · morado suave
+    { k: "ret", label: "Retiros",            color: "rgba(224,137,137,0.6)" },  // 3ª barra · rojo transparente
+    { k: "dif", label: "Diferencia",         color: "rgba(165,148,201,0.6)" },  // 4ª barra · morado transparente
   ];
 
   const MESES_N = ["ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"];
@@ -1014,9 +1014,9 @@ function GraficoVencimientos({ alumnos, porRetirar, ano, mes }) {
                   const cta = data[gi].cta;
                   if (cta <= 0) return null;
                   const pcts = [
-                    { v: data[gi].cob, color: "#5b8a72" },  // Cobrado/CTA
-                    { v: data[gi].dif, color: "#e08989" },  // Retiros/CTA (key dif = retiros)
-                    { v: data[gi].ret, color: "#a594c9" },  // Diferencia/CTA (key ret = diferencia)
+                    { v: data[gi].cob, color: "#5b8a72" },  // Cobrado/CTA (verde)
+                    { v: data[gi].ret, color: "#e08989" },  // Retiros/CTA (rojo, key ret)
+                    { v: data[gi].dif, color: "#a594c9" },  // Diferencia/CTA (morado, key dif)
                   ];
                   const cxg = padL + gi * gW + gW / 2;
                   return (
@@ -1816,7 +1816,7 @@ function ModalInfoAlumno({ alumno, ano, mes, onClose, onGuardado }) {
           Observaciones
         </label>
         <div style={{display:"flex",gap:8}}>
-          <input value={nuevaObs} onChange={(e)=>setNuevaObs(e.target.value)}
+          <input value={nuevaObs} onChange={(e)=>setNuevaObs(e.target.value.toUpperCase())}
             onKeyDown={(e)=>{ if(e.key==="Enter") agregarObs(); }}
             placeholder="Escribe una observación…"
             style={{flex:1,padding:"8px 10px",fontSize:13,borderRadius:8,border:"1px solid #cbd5e1"}} />