:root{--fondo:#f5f5f7;--superficie:#fff;--superficie-2:#f2f2f7;--texto:#1d1d1f;--texto-2:#6e6e73;--texto-3:#8e8e93;--linea:#3c3c4324;--azul:#007aff;--azul-hover:#0066d6;--verde:#34c759;--rojo:#ff3b30;--naranja:#ff9500;--burbuja-yo:#007aff;--burbuja-yo-texto:#fff;--cristal:#f5f5f7b8;--sombra:0 1px 2px #0000000a, 0 4px 16px #0000000f;--radio:14px;--seguro-arriba:env(safe-area-inset-top,0px);--seguro-abajo:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fondo:#000;--superficie:#1c1c1e;--superficie-2:#2c2c2e;--texto:#f5f5f7;--texto-2:#a1a1a6;--texto-3:#8e8e93;--linea:#54545880;--azul:#0a84ff;--azul-hover:#409cff;--verde:#30d158;--rojo:#ff453a;--naranja:#ff9f0a;--burbuja-yo:#0a84ff;--cristal:#161618b8;--sombra:0 1px 2px #0000004d, 0 4px 16px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font:17px/1.47 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Helvetica Neue,Helvetica,Arial,sans-serif}#root{flex-direction:column;height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}input,textarea{font:inherit;color:inherit;letter-spacing:inherit}a{color:var(--azul);text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--azul) 45%, transparent);outline-offset:2px;border-radius:8px}.barra{z-index:10;padding:calc(var(--seguro-arriba) + 8px) 16px 8px;background:var(--cristal);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid #0000;align-items:center;gap:8px;min-height:52px;transition:border-color .2s;display:flex;position:sticky;top:0}.barra.con-borde{border-bottom-color:var(--linea)}.barra .titulo-pequeno{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:600;overflow:hidden}.boton-barra{color:var(--azul);justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;font-size:17px;display:inline-flex}.boton-barra svg{width:22px;height:22px}.titulo-grande{letter-spacing:-.03em;margin:4px 16px 12px;font-size:34px;font-weight:700;line-height:1.12}.login{padding:32px 24px calc(32px + var(--seguro-abajo));text-align:center;flex:1;place-items:center;display:grid}.login .icono-app{border-radius:22px;width:96px;height:96px;box-shadow:0 10px 30px #0a84ff59}.login h1{letter-spacing:-.035em;margin:24px 0 6px;font-size:40px;font-weight:700}.login p{color:var(--texto-2);max-width:320px;margin:0 auto 32px;font-size:19px;line-height:1.4}.login .error{color:var(--rojo);margin-top:16px;font-size:15px}.boton-google{justify-content:center;min-height:44px;display:flex}.contenido{-webkit-overflow-scrolling:touch;padding-bottom:calc(96px + var(--seguro-abajo));flex:1;overflow-y:auto}.lista{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);margin:0 16px;overflow:hidden}.fila{text-align:left;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px;display:flex;position:relative}.fila+.fila:before{content:"";border-top:.5px solid var(--linea);position:absolute;top:0;left:72px;right:0}.fila:active{background:var(--superficie-2)}.avatar-proy{color:#fff;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;font-size:19px;font-weight:600;display:grid}.fila .cuerpo{flex:1;min-width:0}.fila .nombre{align-items:center;gap:8px;font-weight:600;display:flex}.fila .sub{color:var(--texto-2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.fila .hora{color:var(--texto-3);align-self:flex-start;margin-top:2px;font-size:15px}.chevron{color:var(--texto-3);flex:none;width:14px}.vacio{text-align:center;color:var(--texto-2);padding:64px 24px}.vacio h2{color:var(--texto);letter-spacing:-.02em;margin:16px 0 6px;font-size:22px}.pastilla{background:var(--superficie-2);color:var(--texto-2);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.pastilla.ok{background:color-mix(in srgb, var(--verde) 16%, transparent);color:var(--verde)}.pastilla.creando{background:color-mix(in srgb, var(--naranja) 18%, transparent);color:var(--naranja)}.pastilla.error{background:color-mix(in srgb, var(--rojo) 16%, transparent);color:var(--rojo)}.pastilla.trabajando{background:color-mix(in srgb, var(--azul) 16%, transparent);color:var(--azul)}.flotante{right:20px;bottom:calc(20px + var(--seguro-abajo));z-index:20;background:var(--azul);color:#fff;border-radius:99px;align-items:center;gap:8px;height:56px;padding:0 22px 0 18px;font-weight:600;display:inline-flex;position:fixed;box-shadow:0 8px 24px #007aff59}.flotante:active{transform:scale(.97)}.flotante svg{width:22px;height:22px}.velo{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;animation:.2s aparecer;display:flex;position:fixed;inset:0}.hoja{background:var(--superficie);width:100%;max-width:560px;padding:8px 16px calc(20px + var(--seguro-abajo));border-radius:14px 14px 0 0;animation:.32s cubic-bezier(.2,.9,.3,1) subir}@media (min-width:700px){.velo{align-items:center}.hoja{border-radius:16px;padding-bottom:20px}}.asa{background:var(--linea);border-radius:3px;width:36px;height:5px;margin:0 auto 8px}.hoja-cabecera{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:8px;display:flex}.hoja-cabecera h3{margin:0;font-size:17px;font-weight:600}.campo{background:var(--superficie-2);resize:none;border:0;border-radius:10px;outline:none;width:100%;margin-bottom:10px;padding:12px 14px;font-size:17px;display:block}.campo::placeholder{color:var(--texto-3)}.ayuda{color:var(--texto-2);margin:2px 4px 14px;font-size:13px}.boton-primario{background:var(--azul);color:#fff;border-radius:12px;width:100%;min-height:50px;font-size:17px;font-weight:600}.boton-primario:active{background:var(--azul-hover)}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(100%)}}.proyecto{flex-direction:column;flex:1;min-height:0;display:flex}.segmentos{background:var(--superficie-2);border-radius:9px;margin:0 16px 8px;padding:2px;display:flex}.segmentos button{min-height:32px;color:var(--texto);border-radius:7px;flex:1;font-size:14px;font-weight:500}.segmentos button.activo{background:var(--superficie);font-weight:600;box-shadow:0 1px 4px #0000001f}.paneles{flex:1;min-height:0;display:flex}.panel-chat,.panel-vista{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}@media (max-width:1023px){.paneles[data-ver=chat] .panel-vista,.paneles[data-ver=vista] .panel-chat{display:none}}@media (min-width:1024px){.segmentos{display:none}.panel-chat{border-right:.5px solid var(--linea);flex:0 0 min(480px,40%)}}.mensajes{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:12px 16px 16px;display:flex;overflow-y:auto}.msg-yo{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:82%;display:flex}.burbuja{background:var(--burbuja-yo);color:var(--burbuja-yo-texto);white-space:pre-wrap;word-wrap:break-word;border-radius:19px 19px 6px;padding:9px 14px}.msg-ia{align-self:stretch;max-width:100%}.msg-ia .autor{color:var(--texto-3);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.msg-ia .autor img{border-radius:6px;width:20px;height:20px}.md{word-wrap:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 10px}.md ul,.md ol{margin:0 0 10px;padding-left:22px}.md li{margin:3px 0}.md code{background:var(--superficie-2);border-radius:5px;padding:1px 5px;font:14px ui-monospace,SF Mono,Menlo,monospace}.md pre{background:var(--superficie-2);border-radius:10px;padding:12px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md h1,.md h2,.md h3{margin:14px 0 6px;font-size:17px}.md a{word-break:break-all}.md table{border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.md td,.md th{border:.5px solid var(--linea);padding:4px 8px}.error-msg{color:var(--rojo);margin-top:6px;font-size:15px}.meta{color:var(--texto-3);margin-top:6px;font-size:12px}.acciones{background:var(--superficie);box-shadow:var(--sombra);border-radius:12px;margin:6px 0 8px;overflow:hidden}.acciones>button{width:100%;color:var(--texto-2);text-align:left;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:15px;display:flex}.acciones>button .txt{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.acciones ul{margin:0;padding:0 12px 8px;list-style:none}.acciones li{color:var(--texto-2);border-top:.5px solid var(--linea);align-items:center;gap:8px;padding:5px 0;font-size:14px;display:flex}.acciones li span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marca{flex:none;place-items:center;width:16px;height:16px;display:grid}.marca.ok{color:var(--verde)}.marca.mal{color:var(--rojo)}.girando{border:2px solid color-mix(in srgb, var(--azul) 25%, transparent);border-top-color:var(--azul);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.escribiendo{gap:4px;padding:6px 0;display:inline-flex}.escribiendo i{background:var(--texto-3);border-radius:50%;width:7px;height:7px;animation:1.2s infinite puntos}.escribiendo i:nth-child(2){animation-delay:.15s}.escribiendo i:nth-child(3){animation-delay:.3s}@keyframes puntos{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.adj-lista{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.adj{background:var(--superficie);color:var(--texto-2);max-width:220px;box-shadow:var(--sombra);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.adj span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adj img{object-fit:cover;border-radius:6px;width:28px;height:28px}.compositor{padding:8px 12px calc(8px + var(--seguro-abajo));background:var(--cristal);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--linea)}.compositor .pendientes{gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.pendiente{background:var(--superficie);max-width:200px;box-shadow:var(--sombra);border-radius:12px;flex:none;align-items:center;gap:8px;padding:8px 30px 8px 10px;font-size:13px;display:flex;position:relative}.pendiente img{object-fit:cover;border-radius:8px;width:36px;height:36px}.pendiente span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pendiente .quitar{background:var(--superficie-2);width:22px;height:22px;color:var(--texto-2);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:4px;right:4px}.pendiente .progreso{background:var(--azul);border-radius:0 0 0 12px;height:3px;transition:width .2s;position:absolute;bottom:0;left:0}.fila-compositor{align-items:flex-end;gap:8px;display:flex}.redondo{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;margin-bottom:4px;display:grid}.redondo svg{width:20px;height:20px}.redondo.gris{background:var(--superficie-2);color:var(--texto-2)}.redondo.azul{background:var(--azul);color:#fff}.redondo.parar{background:var(--texto);color:var(--fondo)}.caja-texto{background:var(--superficie);border:.5px solid var(--linea);resize:none;border-radius:20px;outline:none;flex:1;width:100%;min-height:40px;max-height:40vh;padding:8px 14px;font-size:17px;line-height:1.35;display:block;overflow-y:auto}.estado-ia{color:var(--texto-2);align-items:center;gap:8px;padding:0 6px 6px;font-size:13px;display:flex}.creando-tarjeta{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);margin:24px 16px;padding:20px}.creando-tarjeta h2{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}.creando-tarjeta p{color:var(--texto-2);margin:0 0 16px;font-size:15px}.pasos{margin:0;padding:0;list-style:none}.pasos li{color:var(--texto-3);align-items:center;gap:12px;padding:10px 0;font-size:16px;display:flex}.pasos li.hecho{color:var(--texto)}.pasos li.actual{color:var(--texto);font-weight:600}.punto{border:2px solid var(--linea);border-radius:50%;flex:none;width:16px;height:16px}.vista-barra{border-bottom:.5px solid var(--linea);background:var(--superficie);align-items:center;gap:6px;padding:8px 12px;display:flex}.url{background:var(--superficie-2);color:var(--texto-2);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:10px;flex:1;padding:7px 12px;font-size:14px;overflow:hidden}.vista-marco{background:var(--superficie-2);flex:1;justify-content:center;align-items:stretch;min-height:0;padding:0;display:flex}.vista-marco iframe{background:#fff;border:0;width:100%;height:100%}.vista-marco.movil{padding:16px}.vista-marco.movil iframe{border-radius:28px;width:390px;max-width:100%;box-shadow:0 0 0 10px #1d1d1f,0 20px 50px #00000040}.boton-icono{width:36px;height:36px;color:var(--azul);border-radius:10px;place-items:center;display:grid}.boton-icono svg{width:20px;height:20px}.boton-icono.activo{background:var(--superficie-2)}.solo-escritorio{display:none}@media (min-width:1024px){.solo-escritorio{display:grid}}.menu{right:12px;top:calc(var(--seguro-arriba) + 52px);background:var(--superficie);z-index:30;border-radius:12px;min-width:220px;position:absolute;overflow:hidden;box-shadow:0 10px 40px #0003}.menu .quien{color:var(--texto-2);border-bottom:.5px solid var(--linea);padding:12px 16px;font-size:13px}.menu button{text-align:left;width:100%;min-height:44px;padding:12px 16px;display:block}.menu button.peligro{color:var(--rojo)}.foto{object-fit:cover;background:var(--superficie-2);border-radius:50%;width:32px;height:32px}