:root{--guibis-fondo:#f4f7f8;--guibis-superficie:#fff;--guibis-navy:#1e2a31;--guibis-navy-suave:#33444d;--guibis-borde:#d7e0e5;--guibis-texto:#263238;--guibis-texto-2:#687881;--guibis-error:#b3261e;--guibis-radio:12px;--guibis-radio-sm:8px;--guibis-sombra:0 8px 24px #14202614;color:var(--guibis-texto);font-family:Arial,sans-serif}*{box-sizing:border-box}body{background:var(--guibis-fondo);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.guibis-login{border:1px solid var(--guibis-borde);border-radius:var(--guibis-radio);background:var(--guibis-superficie);width:min(26rem,100% - 2rem);box-shadow:var(--guibis-sombra);margin:12vh auto 0;padding:1.5rem}.guibis-login h1,.guibis-conversacion h2{margin:0;font-size:1.5rem;font-weight:600}.guibis-login p,.guibis-conversacion p{color:var(--guibis-texto-2);font-size:.8rem}.guibis-login form{gap:.8rem;display:grid}.guibis-login label,.guibis-lateral label{gap:.35rem;font-size:.8rem;display:grid}.guibis-login input,.guibis-lateral select,.guibis-respuesta textarea{border:1px solid var(--guibis-borde);border-radius:var(--guibis-radio-sm);background:var(--guibis-superficie);width:100%;color:var(--guibis-texto);padding:.7rem;font-size:.8rem}.guibis-login button,.guibis-respuesta button,.guibis-llamada button,.guibis-controles button{border:1px solid var(--guibis-navy);border-radius:var(--guibis-radio-sm);background:var(--guibis-navy);color:var(--guibis-superficie);padding:.65rem .9rem;font-size:.8rem;font-weight:500}.guibis-app{grid-template-columns:19rem minmax(0,1fr);min-height:100vh;display:grid}.guibis-lateral{background:var(--guibis-navy);color:var(--guibis-superficie);padding:1rem}.guibis-lateral-cabecera{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.guibis-lateral h1{margin:0;font-size:1.5rem;font-weight:600}.guibis-lateral-cabecera button{color:var(--guibis-superficie);background:0 0;border:0;font-size:.8rem}.guibis-lateral label{margin-top:1rem}.guibis-rotulo{margin:1rem 0 .5rem;font-size:.8rem;font-weight:600}.guibis-casos{gap:.5rem;display:grid}.guibis-caso{text-align:left;border:1px solid var(--guibis-navy-suave);border-radius:var(--guibis-radio-sm);width:100%;color:var(--guibis-superficie);background:0 0;gap:.25rem;padding:.7rem;font-size:.8rem;display:grid}.guibis-caso small{color:#c7d0d5;font-size:.8rem}.guibis-conversacion{flex-direction:column;min-width:0;padding:1rem;display:flex}.guibis-conversacion header{margin-bottom:.75rem}.guibis-conversacion header p{margin:.3rem 0 0}.guibis-error,.guibis-llamada{border:1px solid var(--guibis-borde);border-radius:var(--guibis-radio-sm);background:var(--guibis-superficie);color:var(--guibis-error);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;font-size:.8rem;display:flex}.guibis-error button{color:var(--guibis-error);background:0 0;border:0}.guibis-llamada{color:var(--guibis-texto);justify-content:flex-start}.guibis-llamada span{flex:1}.guibis-mensajes{border:1px solid var(--guibis-borde);border-radius:var(--guibis-radio);background:var(--guibis-superficie);flex:1;min-height:45vh;max-height:calc(100vh - 230px);padding:1rem;overflow-y:auto}.guibis-mensaje{border-radius:var(--guibis-radio-sm);background:var(--guibis-fondo);width:fit-content;max-width:75%;margin-bottom:.6rem;padding:.65rem .75rem;font-size:.8rem}.guibis-mensaje--agente{background:#e8eef1;margin-left:auto}.guibis-mensaje--nota{background:#f7f1df}.guibis-mensaje small{color:var(--guibis-texto-2);margin-top:.3rem;font-size:.8rem;display:block}.guibis-respuesta{gap:.65rem;margin-top:.75rem;display:flex}.guibis-respuesta textarea{resize:vertical;min-height:3.2rem}.guibis-vacio{margin:auto}.guibis-sala{border:1px solid var(--guibis-borde);border-radius:var(--guibis-radio);background:var(--guibis-superficie);margin-bottom:.75rem;padding:.75rem}.guibis-videos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;display:grid}.guibis-videos video{object-fit:contain;border-radius:var(--guibis-radio-sm);background:var(--guibis-navy);width:100%;min-height:160px;max-height:340px}.guibis-sala p{margin:.6rem 0}.guibis-controles{flex-wrap:wrap;gap:.5rem;display:flex}.guibis-controles .guibis-colgar{border-color:var(--guibis-error);background:var(--guibis-superficie);color:var(--guibis-error)}@media (width<=760px){.guibis-app{grid-template-columns:1fr}.guibis-lateral{min-height:auto}.guibis-mensajes{min-height:35vh;max-height:none}}