/* Cleopatra Interacciones — siempre en modo claro (beige / marrón chocolate / dorado) */
.cleo-int { color-scheme: light; --oro:#C9A227; --beige:#F5EFE0; --choc:#4A2E23; --choc2:#6B4A3A; --linea:#E4D9BD;
  font-family: inherit; color: var(--choc); background: #fff; }
.cleo-int * { box-sizing: border-box; }
.cleo-int-barra { display:flex; align-items:center; gap:6px; padding:8px 0; flex-wrap:wrap; }
.cleo-int-btn { background:var(--beige); color:var(--choc); border:1px solid var(--linea); border-radius:999px;
  padding:6px 12px; font-size:14px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; line-height:1; }
.cleo-int-btn:hover { border-color:var(--oro); }
.cleo-int-btn.activo { background:var(--oro); color:#fff; border-color:var(--oro); }
.cleo-int-btn[disabled] { opacity:.55; cursor:default; }
.cleo-int-espacio { flex:1; }
.cleo-int-aviso { font-size:13px; color:var(--choc2); padding:4px 0; }
.cleo-int-error { font-size:13px; color:#9B2C2C; padding:4px 0; }
.cleo-int-coments { border-top:1px solid var(--linea); padding-top:10px; }
.cleo-int-coment { display:flex; gap:10px; margin:10px 0; }
.cleo-int-avatar { width:32px; height:32px; border-radius:50%; object-fit:cover; flex:none; background:var(--beige); }
.cleo-int-cuerpo { flex:1; min-width:0; }
.cleo-int-burbuja { background:var(--beige); border-radius:12px; padding:8px 12px; overflow-wrap:anywhere; }
.cleo-int-autor { font-weight:600; font-size:14px; }
.cleo-int-texto { font-size:14px; white-space:pre-wrap; margin-top:2px; }
.cleo-int-eliminado { font-style:italic; color:var(--choc2); font-size:13px; }
.cleo-int-meta { font-size:12px; color:var(--choc2); margin-top:4px; display:flex; gap:12px; flex-wrap:wrap; }
.cleo-int-meta button { background:none; border:0; padding:0; color:var(--choc2); cursor:pointer; font-size:12px; text-decoration:underline; }
.cleo-int-hijos { margin-left:18px; border-left:2px solid var(--linea); padding-left:10px; }
.cleo-int-form { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.cleo-int-form textarea { width:100%; min-height:60px; resize:vertical; border:1px solid var(--linea); border-radius:10px;
  padding:8px 10px; font:inherit; font-size:14px; color:var(--choc); background:#fff; }
.cleo-int-form textarea:focus { outline:2px solid var(--oro); border-color:var(--oro); }
.cleo-int-form-pie { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.cleo-int-contador { font-size:12px; color:var(--choc2); }
.cleo-int-contador.limite { color:#9B2C2C; }
.cleo-int-enviar { background:var(--oro); color:#fff; border:0; border-radius:999px; padding:7px 16px; cursor:pointer; font-size:14px; }
.cleo-int-enviar[disabled] { opacity:.55; cursor:default; }
.cleo-int-cancelar { background:none; border:0; color:var(--choc2); cursor:pointer; font-size:13px; text-decoration:underline; }
.cleo-int-toast { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:var(--choc); color:#fff;
  padding:8px 16px; border-radius:999px; font-size:13px; z-index:99999; }