:root{--papel:#f7f6f2;--blanco:#fff;--tinta:#233c34;--gris:#6d7b74;--verde:#2e7259;--borde:#e3e7df;--suave:#edf3ee;--amarillo:#f6e9c8;font-family:Segoe UI,system-ui,sans-serif;color:var(--tinta);background:var(--papel);font-size:15px}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;transition:background .15s}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #96bcaa;outline-offset:3px}.principal{background:var(--verde);color:white;font-weight:600}.principal:hover:enabled{background:#215b44}.secundario{background:var(--suave);color:var(--verde);border:1px solid #d0e1d4;font-weight:600}.discreto{background:transparent;color:var(--gris)}.discreto:hover{background:var(--suave)}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.7px;font-weight:600}h2{font-size:19px;font-weight:600}h3{font-size:15px}p{line-height:1.6}.suave,.ayuda{color:var(--gris)}.ayuda{font-size:13px;line-height:1.6}.sobre{font-size:10px;letter-spacing:2px;color:var(--gris);font-weight:700;margin-bottom:13px}.marca{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:700;letter-spacing:-1px}.simbolo{color:var(--verde);font-size:34px}.marca-oficina{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;border-left:1px solid #d1d8cf;margin-left:12px;padding-left:18px;font-weight:600;color:var(--gris)}
.acceso{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:36px 20px;gap:32px}.tarjeta-acceso{max-width:460px;width:100%;background:white;border:1px solid var(--borde);padding:40px;border-radius:20px;box-shadow:0 18px 60px #233c3407}.tarjeta-acceso h1{font-size:30px}.tarjeta-acceso .principal{width:100%}label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}input{width:100%;background:#fcfcfa;padding:12px 13px;border:1px solid #d6ddd4;border-radius:9px;color:var(--tinta)}.error{color:#a33d32;font-size:13px;min-height:20px;margin:16px 0}.etiqueta-prueba{font-size:12px;color:var(--gris);text-align:center}.oficina{max-width:1640px;margin:auto;height:100dvh;display:flex;flex-direction:column}.cabecera{display:flex;align-items:center;justify-content:space-between;padding:17px 28px;background:var(--papel);border-bottom:1px solid var(--borde);gap:20px}.cuenta{display:flex;align-items:center;gap:5px;font-size:12px}.cuenta>span{margin-right:10px}.aviso-prueba{font-size:12px;background:#eeeae0;padding:9px 28px;line-height:1.5;color:#726852}.punto{display:inline-block;background:#b18e3e;height:6px;width:6px;border-radius:50%;margin-right:6px}.espacio{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;flex:1;min-height:0}.conversaciones,.revisiones{padding:28px 22px;overflow:auto}.conversaciones{border-right:1px solid var(--borde)}.revisiones{border-left:1px solid var(--borde);background:#fafaf7}.titulo-lateral{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.titulo-lateral h2{font-size:15px;margin:0}.nuevo{background:var(--suave);color:var(--verde);font-size:22px;padding:1px 10px}.lista{display:flex;flex-direction:column;gap:6px}.item-conversacion{background:transparent;text-align:left;width:100%;padding:14px 12px;color:var(--tinta);border:1px solid transparent;overflow-wrap:anywhere}.item-conversacion small{display:block;color:var(--gris);margin-top:6px;font-size:11px}.item-conversacion.activo{background:white;border-color:var(--borde)}.nota-lateral{font-size:11px;color:var(--gris);margin-top:32px;line-height:1.7}.conversacion{display:flex;flex-direction:column;background:var(--blanco);min-width:0;min-height:0}.titulo-chat{padding:30px 35px 18px;border-bottom:1px solid #f0f1ec}.titulo-chat .sobre{margin-bottom:9px}.titulo-chat h1{font-size:23px;margin:0;overflow-wrap:anywhere}.mensajes{padding:30px 35px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:22px}.vacio{text-align:center;max-width:340px;margin:auto;color:var(--gris);font-size:14px}.vacio strong{display:block;color:var(--tinta);font-size:20px;font-weight:500;margin-bottom:12px}.mensaje{max-width:90%;line-height:1.7;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.mensaje small{font-size:10px;display:block;color:var(--gris);margin-bottom:6px;white-space:normal}.mensaje.usuario{align-self:flex-end;background:var(--suave);border-radius:14px 14px 3px 14px;padding:15px 18px}.mensaje.asistente{align-self:flex-start;padding:8px 0}.compositor{padding:18px 24px 24px;border-top:1px solid #f0f1ec}.compositor textarea{resize:vertical;max-height:200px;width:100%;padding:13px;border:1px solid var(--borde);border-radius:12px;background:#fbfcf9;color:var(--tinta);line-height:1.5}.compositor-pie{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.compositor-pie span{font-size:10px;color:var(--gris)}.contador{background:var(--amarillo);color:#8c692b;padding:4px 9px;border-radius:20px;font-size:11px}.revisiones>.suave{font-size:12px}.revisiones>.secundario{width:100%;font-size:12px;line-height:1.4}.lista-acciones{margin-top:22px;display:flex;flex-direction:column;gap:13px}.accion{background:white;border:1px solid var(--borde);border-radius:12px;padding:17px}.accion h3{font-size:13px;margin:14px 0 7px}.accion p{font-size:12px;color:var(--gris);margin-bottom:15px}.accion .secundario{font-size:12px;width:100%}.estado{font-size:9px;letter-spacing:.7px;text-transform:uppercase;display:inline-block;border-radius:4px;padding:4px 6px;background:var(--amarillo);color:#8c692b}.estado.terminada{background:var(--suave);color:var(--verde)}.tabs{display:none}.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{border:1px solid var(--borde);border-radius:18px;padding:30px;max-width:550px;width:calc(100% - 30px);color:var(--tinta);max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #233c3430}dialog::backdrop{background:#153b2c55}dialog .sobre{margin-top:4px}dialog h2{font-size:24px}.botones{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:24px;flex-wrap:wrap}dl{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;font-size:13px;margin:22px 0}dt{color:var(--gris)}dd{margin:0;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--papel);padding:16px;border-radius:10px;font:13px/1.6 Segoe UI,system-ui,sans-serif}#notificacion{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--tinta);color:white;z-index:5;padding:13px 20px;border-radius:10px;box-shadow:0 8px 28px #0002;width:max-content;max-width:calc(100% - 30px);font-size:13px}
@media(max-width:1150px){.espacio{grid-template-columns:190px minmax(0,1fr) 270px}.conversaciones,.revisiones{padding:24px 16px}.titulo-chat,.mensajes{padding-left:24px;padding-right:24px}.marca-oficina{margin-left:5px;padding-left:12px}}
@media(max-width:850px){input,textarea{font-size:16px}.cabecera{padding:12px 16px}.marca{font-size:24px}.marca-oficina{display:none}.cuenta>span{display:none}.cuenta button{padding:8px 10px}.aviso-prueba{padding:8px 16px;font-size:11px}.tabs{display:flex;padding:8px 12px;gap:6px;border-bottom:1px solid var(--borde)}.tabs button{background:transparent;font-size:12px;flex:1}.tabs button.activo{background:white;border:1px solid var(--borde);color:var(--verde)}.tabs span{margin-left:5px}.espacio{display:flex;flex-wrap:wrap;overflow:hidden}.conversaciones{padding:10px 12px;width:100%;border-right:0;border-bottom:1px solid var(--borde);background:var(--papel);display:flex;align-items:center;gap:10px;overflow:auto;flex-shrink:0;height:60px}.conversaciones .titulo-lateral{margin:0;flex-shrink:0}.conversaciones h2{display:none}.lista{flex-direction:row}.item-conversacion{width:auto;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;font-size:12px}.item-conversacion small,.nota-lateral{display:none}.conversacion{width:100%;height:calc(100% - 60px)}.titulo-chat{padding:16px 20px}.titulo-chat .sobre{display:none}.titulo-chat h1{font-size:19px}.mensajes{padding:20px;gap:16px}.mensaje{max-width:96%;font-size:13px}.compositor{padding:12px 14px 16px}.revisiones{display:none;width:100%;height:100%;border-left:0;padding:24px}.vista-revisar .conversaciones,.vista-revisar .conversacion{display:none}.vista-revisar .revisiones{display:block}.tarjeta-acceso{padding:28px}.acceso{padding:28px 18px}.botones button{padding:11px 12px}dialog{padding:24px}}