:root{--violeta: #532c78;--violeta-oscuro: #3c2056;--violeta-noche: #21123a;--violeta-claro: #683b96;--violeta-suave: #8a5bb4;--violeta-palido: #c2a7df;--fondo: #f5f2fa;--tarjeta: #ffffff;--texto: #241733;--texto-suave: #786a89;--borde: #ebe5f4;--rojo: #c23a3a;--ok: #2e8b3a;--radio: 16px;--sombra-sm: 0 1px 3px rgba(33, 18, 58, .07), 0 1px 2px rgba(33, 18, 58, .04);--sombra-md: 0 4px 16px rgba(60, 32, 86, .1);--sombra-lg: 0 12px 40px rgba(33, 18, 58, .18);--grad-violeta: linear-gradient(135deg, #5d3384 0%, #532c78 55%, #45256a 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100%;height:100dvh}.encabezado{background:var(--grad-violeta);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 12px #21123a38;z-index:3}.encabezado .marca-fila{display:flex;align-items:center;gap:10px}.marca{font-size:23px;font-weight:800;letter-spacing:.2px}.encabezado .sub{font-size:11.5px;opacity:.72;font-weight:500;letter-spacing:.3px;margin-top:1px}.logo-punto{width:34px;height:34px;border-radius:10px;flex-shrink:0;background:#ffffff29;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:#fff}.usuario-caja{display:flex;align-items:center;gap:10px}.usuario-datos{text-align:right;line-height:1.15}.usuario-nombre{color:#fff;font-size:14px;font-weight:700}.usuario-rol{color:var(--violeta-palido);font-size:11px;font-weight:500}.btn-salir{color:#fff;opacity:.92;font-size:13px;font-weight:600;padding:8px 13px;border-radius:10px;background:#ffffff26}.btn-salir:active{background:#ffffff47}@media(max-width:360px){.usuario-datos{display:none}}.contenido{flex:1;overflow-y:auto;padding:16px 16px 26px}.nav-inferior{flex-shrink:0;display:flex;background:#fffffff0;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom,0px)}.nav-inferior button{flex:1;padding:9px 4px 11px;text-align:center;color:var(--texto-suave);font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;transition:color .15s}.nav-inferior button.activo{color:var(--violeta)}.nav-inferior .icono-nav{font-size:27px;line-height:1;width:58px;height:34px;border-radius:17px;display:flex;align-items:center;justify-content:center;transition:background .18s}.nav-inferior button.activo .icono-nav{background:#efe6f8}.punto-nuevo{position:absolute;top:5px;right:calc(50% - 20px);width:9px;height:9px;border-radius:50%;background:var(--rojo);border:2px solid #fff}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra-sm);padding:15px 16px;margin-bottom:12px;border:1px solid rgba(235,229,244,.7);transition:transform .12s,box-shadow .12s}.tarjeta.tocable{cursor:pointer}.tarjeta.tocable:active{transform:scale(.988);box-shadow:var(--sombra-md)}.titulo-seccion{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--texto-suave);margin:22px 2px 11px;display:flex;align-items:center;gap:8px}.titulo-seccion:before{content:"";width:3px;height:13px;border-radius:2px;background:var(--violeta-suave)}.titulo-seccion:first-child{margin-top:4px}.fila{display:flex;align-items:center;gap:10px}.fila .crece{flex:1;min-width:0}.avatar{border-radius:50%;flex-shrink:0;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;box-shadow:inset 0 -2px 6px #0000001f}.barra-avance{height:11px;border-radius:7px;background:#ece4f5;overflow:hidden}.barra-avance>div{height:100%;border-radius:7px;transition:width .45s ease,background .45s}.avance-num{font-size:13px;font-weight:800;min-width:42px;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad-violeta);color:#fff;font-weight:700;padding:14px 18px;border-radius:13px;width:100%;font-size:16px;box-shadow:0 4px 14px #532c7847;transition:transform .1s,box-shadow .1s,opacity .1s}.btn:active{transform:translateY(1px);box-shadow:0 2px 8px #532c7847}.btn:disabled{opacity:.45;box-shadow:none}.btn.secundario{background:#f0e8f8;color:var(--violeta);box-shadow:none}.btn.secundario:active{background:#e6d8f4}.btn.peligro{background:#fbeaea;color:var(--rojo);box-shadow:none}.btn.chico{width:auto;padding:10px 15px;font-size:14px;border-radius:11px}.btn-flotante{position:fixed;right:18px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:var(--grad-violeta);color:#fff;font-size:30px;font-weight:300;box-shadow:0 6px 20px #3c20567a;display:flex;align-items:center;justify-content:center;z-index:5;transition:transform .12s}.btn-flotante:active{transform:scale(.92)}.campo{margin-bottom:15px}.campo label{display:block;font-size:13px;font-weight:600;color:var(--texto-suave);margin-bottom:7px}.campo input,.campo textarea,.campo select{width:100%;padding:13px 14px;border:1.5px solid var(--borde);border-radius:11px;background:#faf8fd;font-size:16px;transition:border-color .15s,background .15s}.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--violeta-suave);background:#fff;box-shadow:0 0 0 3px #8a5bb424}.campo textarea{min-height:84px;resize:vertical}.error-texto{color:var(--rojo);font-size:14px;margin:8px 0}.aviso-ok{color:var(--ok);font-size:14px;margin:8px 0;font-weight:600}.pantalla-login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--violeta-noche) 0%,var(--violeta) 55%,var(--violeta-claro) 100%);padding:24px;position:relative;overflow:hidden}.pantalla-login:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);top:-120px;right:-120px}.pantalla-login .marca{font-size:44px;color:#fff;margin-bottom:4px;z-index:1}.pantalla-login .lema{color:var(--violeta-palido);font-size:15px;margin-bottom:34px;z-index:1;letter-spacing:.3px}.caja-login{background:#fff;border-radius:20px;padding:24px 22px;width:100%;max-width:380px;box-shadow:var(--sombra-lg);z-index:1}.enlace{background:none;color:var(--violeta);font-size:14px;font-weight:600;padding:12px;width:100%;text-align:center}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.chip.pendiente{background:#f0edf5;color:#7a7088}.chip.encurso{background:#e9ddf7;color:var(--violeta-claro)}.chip.trabado{background:#fbe6e6;color:var(--rojo)}.chip.hecho{background:#e2f3e5;color:var(--ok)}.pantalla-chat{display:flex;flex-direction:column;flex:1;min-height:0;background:#f0ebf6;position:relative}.mensajes{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:3px}.grupo-msjs{display:flex;align-items:flex-end;gap:7px;margin-top:7px}.grupo-msjs.mio{flex-direction:row-reverse}.grupo-msjs .avatar{margin-bottom:2px}.burbuja{max-width:80%;padding:9px 13px;border-radius:17px;font-size:15px;line-height:1.38;word-wrap:break-word;white-space:pre-wrap}.burbuja .autor{font-size:12px;font-weight:700;color:var(--violeta);margin-bottom:2px}.burbuja .hora{font-size:10px;opacity:.55;text-align:right;margin-top:3px}.burbuja.mia{align-self:flex-end;background:var(--grad-violeta);color:#fff;border-bottom-right-radius:5px;box-shadow:0 1px 4px #532c7840}.burbuja.mia .autor{color:var(--violeta-palido)}.burbuja.otro{align-self:flex-start;background:#fff;box-shadow:var(--sombra-sm);border-bottom-left-radius:5px}.marca-voz{font-size:10px;opacity:.6}.foto-chat{display:block;max-width:min(240px,60vw);border-radius:12px;margin-bottom:4px;cursor:pointer}.archivo-chat{display:flex;align-items:center;gap:9px;cursor:pointer;background:#ffffff29;border-radius:11px;padding:9px 11px;margin-bottom:4px}.burbuja.otro .archivo-chat{background:#f2ecfa}.archivo-icono{font-size:24px;flex-shrink:0}.archivo-nombre{flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.burbuja.mia .archivo-nombre{color:#fff}.archivo-baja{font-size:10.5px;opacity:.75;white-space:nowrap;flex-shrink:0}.tapa-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8}.menu-adjuntar{position:absolute;left:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:14px;box-shadow:var(--sombra-lg);padding:6px;z-index:9;min-width:220px;animation:subir .16s ease}.menu-adjuntar button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:10px;font-size:15px;font-weight:600;color:var(--texto);text-align:left}.menu-adjuntar button span{font-size:20px;width:24px;text-align:center}.menu-adjuntar button:active{background:#f0e8f8}.btn-redondo.activo{background:var(--violeta);color:#fff}.adjunto-pendiente{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#eadff7;border-top:1px solid var(--borde)}.adjunto-pendiente img{height:52px;border-radius:9px}.visor-foto{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#140a23ed;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.visor-foto img{max-width:96vw;max-height:92vh;border-radius:10px}.barra-envio{flex-shrink:0;display:flex;gap:7px;align-items:flex-end;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--borde)}.barra-envio textarea{flex:1;border:1.5px solid var(--borde);border-radius:21px;padding:10px 15px;font-size:16px;max-height:110px;min-height:43px;resize:none;background:#f7f4fc}.barra-envio textarea:focus{outline:none;border-color:var(--violeta-suave);background:#fff}.btn-redondo{width:43px;height:43px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:19px;background:#f0e8f8;color:var(--violeta);transition:transform .1s}.btn-redondo:active{transform:scale(.9)}.btn-redondo.enviar{background:var(--grad-violeta);color:#fff}.btn-redondo.grabando{background:var(--rojo);color:#fff;animation:pulso 1.1s infinite}@keyframes pulso{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.barra-vista{display:flex;align-items:center;gap:10px;margin-bottom:14px}.btn-volver{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:14.5px;color:#fff;font-weight:700;padding:9px 15px 9px 12px;border-radius:22px;background:var(--grad-violeta);box-shadow:0 2px 8px #532c7852}.btn-volver .flecha-volver{font-size:18px;line-height:1;margin-top:-1px}.btn-volver:active{transform:translateY(1px);box-shadow:0 1px 4px #532c7852}.barra-vista h2{font-size:18px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-borrar-chat{flex-shrink:0;color:var(--rojo);font-weight:700;font-size:13.5px;padding:8px 13px;border-radius:18px;background:#fbeaea}.btn-borrar-chat:active{background:#f6dada}.pantalla-chat .barra-vista{background:#fff;box-shadow:var(--sombra-sm);padding-bottom:10px;margin-bottom:0}.fondo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#21123a8c;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:aparecer .18s ease}@keyframes aparecer{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:520px;max-height:88dvh;overflow-y:auto;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));animation:subir .24s cubic-bezier(.2,.8,.2,1)}@keyframes subir{0%{transform:translateY(30px)}to{transform:translateY(0)}}.modal h3{margin-bottom:15px;font-size:19px}.opcion-check{display:flex;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid var(--borde);font-size:15px}.opcion-check input{width:20px;height:20px;accent-color:var(--violeta);flex-shrink:0}.grupo-destacado{display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--grad-violeta);color:#fff;border-radius:16px;padding:14px 16px;margin-bottom:6px;box-shadow:var(--sombra-md);transition:transform .12s}.grupo-destacado:active{transform:scale(.988)}.grupo-destacado .g-nombre{font-weight:800;font-size:16px}.grupo-destacado .g-prev{font-size:12.5px;opacity:.85;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-chats{background:#fff;border-radius:16px;box-shadow:var(--sombra-sm);overflow:hidden;margin-bottom:6px}.chat-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--borde)}.chat-item:last-child{border-bottom:none}.chat-item:active{background:#faf7fd}.chat-icono{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:var(--grad-violeta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.chat-icono.claro{background:#fff3}.chat-item-cuerpo{flex:1;min-width:0}.chat-item-top{display:flex;align-items:baseline;gap:8px}.chat-item-nombre{font-weight:700;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-hora{font-size:11.5px;color:var(--texto-suave);flex-shrink:0}.chat-item-bottom{display:flex;align-items:center;gap:8px;margin-top:3px}.chat-item-prev{flex:1;min-width:0;font-size:13px;color:var(--texto-suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.no-leido .chat-item-nombre{color:var(--violeta)}.chat-item.no-leido .chat-item-prev{color:var(--texto);font-weight:600}.chat-punto{width:10px;height:10px;border-radius:50%;background:var(--violeta);flex-shrink:0}.chat-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--violeta);background:#efe6f8;padding:1px 6px;border-radius:5px;margin-left:7px;vertical-align:middle}.chat-flecha{color:var(--violeta-palido);font-size:24px;flex-shrink:0;font-weight:300}.titulo-hoja{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--texto-suave);padding:2px 6px 8px}.barra-hoja{display:flex;align-items:center;gap:8px;margin-bottom:10px}.opcion-accion{display:flex;align-items:center;gap:14px;width:100%;padding:13px 6px;border:none;background:none;text-align:left;border-radius:12px;cursor:pointer}.opcion-accion:active{background:#f3eefa}.opcion-accion .ic{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:#efe6f8;color:var(--violeta);display:flex;align-items:center;justify-content:center;font-size:22px}.opcion-accion .tit{display:block;font-size:15px;font-weight:700;color:var(--texto)}.opcion-accion .sub{display:block;font-size:12.5px;color:var(--texto-suave);margin-top:1px}.texto-suave{color:var(--texto-suave);font-size:14px}.texto-chico{color:var(--texto-suave);font-size:12.5px}.vacio{text-align:center;color:var(--texto-suave);padding:44px 20px;font-size:15px;background:#fff;border-radius:var(--radio);box-shadow:var(--sombra-sm)}.vacio .emoji-vacio{font-size:34px;display:block;margin-bottom:10px;opacity:.5}input[type=range]{width:100%;accent-color:var(--violeta);height:34px}@media(min-width:700px){.contenido{max-width:720px;margin:0 auto;width:100%}.fondo-modal{align-items:center}.modal{border-radius:22px}}