:root{--fondo:#f4f1ec;--tarjeta:#fff;--texto:#1d2430;--suave:#6b7280;--borde:#e4ded4;--acento:#1f3a5f;--acento-2:#2f6fed;--verde:#16a37f;--ambar:#d98a00;--rojo:#c2410c;color:var(--texto);background:var(--fondo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#14171c;--tarjeta:#1d2128;--texto:#e8e6e3;--suave:#9aa1ab;--borde:#2c323b;--acento:#9cc0ff;--acento-2:#6b9cff}}*{box-sizing:border-box}body{background:var(--fondo);margin:0}h1,h2,h3,h4{margin:0 0 .5rem}h4{text-transform:capitalize;color:var(--suave);margin-top:1rem;font-size:.95rem}a{color:var(--acento-2)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--fondo);border:1px solid var(--borde);border-radius:8px;width:100%;padding:.5rem .6rem}textarea{resize:vertical}.barra{background:var(--tarjeta);border-bottom:1px solid var(--borde);z-index:2;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.marca{color:var(--acento);font-weight:700}.barra nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.barra nav a{color:var(--texto);border-radius:999px;padding:.35rem .7rem;text-decoration:none}.barra nav a.active{background:var(--acento);color:var(--tarjeta)}main{max-width:1100px;margin:0 auto;padding:1rem}.rejilla{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;min-width:0;padding:1rem 1.1rem}.ancha{grid-column:1/-1}.suave{color:var(--suave)}.aviso{color:var(--rojo)}.fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.fila>input,.fila>select{width:auto;min-width:200px}.lista{gap:.35rem;margin:.25rem 0 .75rem;padding:0;list-style:none;display:grid}.punto{vertical-align:middle;border-radius:50%;width:.6rem;height:.6rem;margin-right:.35rem;display:inline-block}.estado{text-align:center;border-radius:999px;min-width:7.5rem;padding:.1rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.estado.libre{background:color-mix(in srgb, var(--verde) 18%, transparent);color:var(--verde)}.estado.medio{background:color-mix(in srgb, var(--ambar) 18%, transparent);color:var(--ambar)}.estado.ocupado{background:color-mix(in srgb, var(--suave) 18%, transparent);color:var(--suave)}.formulario{gap:.5rem;display:grid}.formulario label{color:var(--suave);gap:.2rem;font-size:.9rem;display:grid}.formulario label:has(input[type=checkbox]){align-items:center;gap:.4rem;display:flex}.formulario input[type=checkbox]{width:auto}.boton{background:var(--acento);color:var(--tarjeta);cursor:pointer;text-align:center;border:0;border-radius:10px;padding:.6rem 1rem;font-weight:600}.boton:disabled{opacity:.6;cursor:default}.boton.secundario{color:var(--acento);border:1px solid var(--acento);background:0 0}.enlace{color:var(--acento-2);cursor:pointer;background:0 0;border:0;padding:0}.centro{place-items:center;min-height:100vh;padding:1rem;display:grid}.entrar{text-align:center;gap:.75rem;max-width:360px;display:grid}.centro-texto{text-align:center;padding:2rem 0}.clara{height:calc(100dvh - var(--alto-barra,64px) - 2rem);flex-direction:column;gap:.6rem;min-height:420px;display:flex}.clara>*{flex-shrink:0}.clara .chat{flex:auto;height:auto;min-height:140px}.herramientas{justify-content:flex-start;gap:.6rem}.chat{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.burbuja{white-space:pre-wrap;border-radius:14px;max-width:80%;padding:.6rem .85rem;line-height:1.45}.burbuja.user{background:var(--acento);color:var(--tarjeta);border-bottom-right-radius:4px;align-self:flex-end}.burbuja.assistant{background:var(--fondo);border-bottom-left-radius:4px;align-self:flex-start}.escribir{align-items:stretch;gap:.5rem;display:flex}.escribir textarea{flex:1}.fotos{gap:.5rem;display:flex}.fotos img{cursor:pointer;border:1px solid var(--borde);border-radius:8px;height:64px}.restaurante{border-top:1px solid var(--borde);cursor:pointer;padding:.6rem 0}.restaurante .fila{justify-content:flex-start}.nota{color:var(--acento);margin-left:auto;font-weight:700}.visita{background:var(--fondo);border-radius:10px;margin:.4rem 0;padding:.5rem .7rem;font-size:.92rem}.miembro{margin-bottom:.6rem}@media (width<=600px){.burbuja{max-width:92%}.escribir{flex-wrap:wrap}.escribir textarea{flex-basis:100%}}.modos{background:var(--fondo);border:1px solid var(--borde);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.modos button{cursor:pointer;color:var(--texto);background:0 0;border:0;border-radius:999px;padding:.35rem .8rem}.modos button.activo{background:var(--acento);color:var(--tarjeta)}.burbuja .oir{margin-top:.35rem;font-size:.8rem;display:block}.boton.rojo{background:var(--rojo)}.boton.grande{border-radius:999px;padding:.9rem 1.6rem;font-size:1.05rem}.boton.micro{min-width:5.5rem}.conversacion{text-align:center;justify-items:center;gap:.75rem;padding:.5rem 0 1rem;display:grid}.onda{align-items:center;gap:6px;height:36px;display:flex}.onda span{background:var(--acento-2);border-radius:4px;width:8px;height:12px}.onda.escuchando span{animation:.9s ease-in-out infinite onda}.onda.hablando span{background:var(--verde);animation:.6s ease-in-out infinite onda}.onda.pensando span{background:var(--ambar);animation:1.4s ease-in-out infinite onda}.onda span:nth-child(2){animation-delay:.15s}.onda span:nth-child(3){animation-delay:.3s}@keyframes onda{0%,to{height:10px}50%{height:34px}}@media (prefers-reduced-motion:reduce){.onda span{height:20px;animation:none!important}}.quien{justify-content:flex-start;gap:1rem}.quien label{color:var(--suave);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.quien select{width:auto}.quien .suave{font-size:.85rem}.pin{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pin input{width:8rem}.grabar{gap:.5rem;display:grid}.grabar blockquote{background:var(--fondo);border-left:4px solid var(--acento-2);border-radius:8px;margin:0;padding:.75rem 1rem;font-size:1.1rem;line-height:1.55}.nivel{background:var(--fondo);border-radius:4px;height:8px;overflow:hidden}.nivel span{background:var(--verde);height:100%;transition:width .1s linear;display:block}.oido{font-size:.85rem;font-style:italic}.voz{border-top:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.voz .estado{min-width:0;margin-left:.4rem}.voz .acciones{align-items:center;gap:.6rem;display:flex}.archivos{gap:.75rem;display:grid}.archivos .buscar{flex:1;width:auto;min-width:260px;max-width:420px}.soltar{border:2px dashed var(--borde);gap:.5rem;display:grid}.soltar.encima{border-color:var(--acento-2);background:color-mix(in srgb, var(--acento-2) 8%, var(--tarjeta))}.soltar p{margin:0}.subidas li.hecho b{color:var(--verde)}.subidas li.error b{color:var(--rojo)}.carpetas{gap:.6rem;display:grid}.carpeta{padding:.6rem .9rem}.carpeta .cabeza{cursor:pointer;width:100%;color:var(--texto);text-align:left;background:0 0;border:0;justify-content:space-between;padding:.2rem 0;font-weight:600;display:flex}.archivo{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.45rem;display:flex}.archivo .estado{min-width:0;margin-left:.4rem}.archivo .suave{font-size:.85rem}.pantalla{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.4rem 0}.pantalla .activo{background:var(--acento,#2f7d4f);color:#fff}html[data-tema=adulto] body{font-family:Inter,system-ui,sans-serif}html[data-tema=adulto] .barra{color:#fff;background:#1f3a5f;border-bottom:0;box-shadow:0 2px 10px #0000001f}html[data-tema=adulto] .barra .marca{color:#fff;letter-spacing:.02em}html[data-tema=adulto] .barra nav a{color:#ffffffd1}html[data-tema=adulto] .barra nav a:hover{color:#fff;background:#ffffff14}html[data-tema=adulto] .barra nav a.active{color:#1f3a5f;background:#fff}html[data-tema=adulto] .barra .enlace{color:#ffffffd9}html[data-tema=adulto] .tarjeta,html[data-tema=adulto] .chat{box-shadow:0 1px 2px #1018280d}@media (prefers-color-scheme:dark){html[data-tema=adulto] .barra{border-bottom:1px solid var(--borde);background:#101722}html[data-tema=adulto] .barra nav a.active{background:var(--acento);color:#101722}}html[data-tema=sara],html[data-tema=merida],html[data-tema=nina]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tarjeta:#fff;--texto:#2a2140;--suave:#6f6787;--borde:#ebe3fb}html[data-tema=sara] body,html[data-tema=merida] body,html[data-tema=nina] body{background:var(--fondo-ninas);color:var(--texto);background-attachment:fixed}html[data-tema=sara] main,html[data-tema=merida] main,html[data-tema=nina] main{position:relative}html[data-tema=sara] .barra,html[data-tema=merida] .barra,html[data-tema=nina] .barra{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 24px -12px var(--sombra-ninas);background:#ffffffbf;border-bottom:0}html[data-tema=sara] .marca,html[data-tema=merida] .marca,html[data-tema=nina] .marca{background:var(--degradado);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}html[data-tema=sara] .barra nav a,html[data-tema=merida] .barra nav a,html[data-tema=nina] .barra nav a{font-weight:700;transition:transform .15s}html[data-tema=sara] .barra nav a:hover,html[data-tema=merida] .barra nav a:hover,html[data-tema=nina] .barra nav a:hover{background:color-mix(in srgb, var(--acento) 10%, transparent);transform:translateY(-2px)}html[data-tema=sara] .barra nav a.active,html[data-tema=merida] .barra nav a.active,html[data-tema=nina] .barra nav a.active{background:var(--degradado);color:#fff;box-shadow:0 4px 12px -4px var(--sombra-ninas)}html[data-tema=sara] .tarjeta,html[data-tema=merida] .tarjeta,html[data-tema=nina] .tarjeta,html[data-tema=sara] .chat,html[data-tema=merida] .chat,html[data-tema=nina] .chat{box-shadow:0 10px 30px -14px var(--sombra-ninas);border:0;border-radius:22px}html[data-tema=sara] .boton,html[data-tema=merida] .boton,html[data-tema=nina] .boton{background:var(--degradado);box-shadow:0 6px 16px -8px var(--sombra-ninas);border-radius:999px;font-weight:800;transition:transform .12s}html[data-tema=sara] .boton:hover:not(:disabled),html[data-tema=merida] .boton:hover:not(:disabled),html[data-tema=nina] .boton:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}html[data-tema=sara] .boton.secundario,html[data-tema=merida] .boton.secundario,html[data-tema=nina] .boton.secundario{color:var(--acento);border:2px solid color-mix(in srgb, var(--acento) 35%, #fff);box-shadow:none;background:#fff}html[data-tema=sara] .boton.rojo,html[data-tema=merida] .boton.rojo,html[data-tema=nina] .boton.rojo{background:#ef4444}html[data-tema=sara] input,html[data-tema=sara] textarea,html[data-tema=sara] select,html[data-tema=merida] input,html[data-tema=merida] textarea,html[data-tema=merida] select,html[data-tema=nina] input,html[data-tema=nina] textarea,html[data-tema=nina] select{border:2px solid var(--borde);background:#fff;border-radius:14px}html[data-tema=sara] textarea:focus,html[data-tema=merida] textarea:focus,html[data-tema=nina] textarea:focus{border-color:var(--acento);outline:none}html[data-tema=sara] .burbuja,html[data-tema=merida] .burbuja,html[data-tema=nina] .burbuja{border-radius:20px;padding:.7rem 1rem}html[data-tema=sara] .burbuja.user,html[data-tema=merida] .burbuja.user,html[data-tema=nina] .burbuja.user{background:var(--degradado);color:#fff;border-bottom-right-radius:6px}html[data-tema=sara] .burbuja.assistant,html[data-tema=merida] .burbuja.assistant,html[data-tema=nina] .burbuja.assistant{background:var(--burbuja-clara);border-bottom-left-radius:6px;margin-left:2.4rem;position:relative}html[data-tema=sara] .burbuja.assistant:before,html[data-tema=merida] .burbuja.assistant:before,html[data-tema=nina] .burbuja.assistant:before{content:"C";color:#fff;background:var(--degradado);width:1.9rem;height:1.9rem;box-shadow:0 3px 8px -3px var(--sombra-ninas);border-radius:50%;place-items:center;font-size:.95rem;font-weight:900;display:grid;position:absolute;bottom:0;left:-2.4rem}html[data-tema=sara] .modos button.activo,html[data-tema=merida] .modos button.activo,html[data-tema=nina] .modos button.activo{background:var(--degradado);color:#fff}html[data-tema=sara] .modos,html[data-tema=merida] .modos,html[data-tema=nina] .modos{border:2px solid var(--borde);background:#fff}html[data-tema=sara] .onda span,html[data-tema=merida] .onda span,html[data-tema=nina] .onda span{background:var(--acento);border-radius:6px;width:10px}html[data-tema=sara] .onda span:nth-child(2),html[data-tema=merida] .onda span:nth-child(2),html[data-tema=nina] .onda span:nth-child(2){background:var(--acento-2)}html[data-tema=sara] .onda span:nth-child(3),html[data-tema=merida] .onda span:nth-child(3),html[data-tema=nina] .onda span:nth-child(3){background:var(--acento-3)}html[data-tema=sara] h2,html[data-tema=merida] h2,html[data-tema=nina] h2{font-weight:900}html[data-tema=sara],html[data-tema=nina]{--fondo:#f6f2ff;--acento:#7c3aed;--acento-2:#14b8a6;--acento-3:#ec4899;--degradado:linear-gradient(135deg, #7c3aed 0%, #c026d3 55%, #ec4899 100%);--burbuja-clara:#effcf9;--sombra-ninas:#7c3aed73;--fondo-ninas:radial-gradient(circle at 8% 12%, #ec489929 0 140px, transparent 141px), radial-gradient(circle at 92% 30%, #14b8a629 0 180px, transparent 181px), radial-gradient(circle at 20% 92%, #7c3aed1f 0 160px, transparent 161px), radial-gradient(#7c3aed1f 1.2px, transparent 1.3px) 0 0 / 22px 22px, #f6f2ff}html[data-tema=sara] body,html[data-tema=nina] body{font-family:Nunito,system-ui,sans-serif}html[data-tema=merida]{--fondo:#fff8e6;--acento:#f97316;--acento-2:#0ea5e9;--acento-3:#22c55e;--borde:#fde7b0;--degradado:linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #ef4444 100%);--burbuja-clara:#e0f4ff;--sombra-ninas:#f9731673;--fondo-ninas:radial-gradient(circle at 90% 8%, #facc1573 0 90px, #facc152e 91px 150px, transparent 151px), radial-gradient(circle at 6% 70%, #0ea5e929 0 170px, transparent 171px), radial-gradient(circle at 70% 95%, #22c55e24 0 150px, transparent 151px), radial-gradient(#f9731624 1.5px, transparent 1.6px) 0 0 / 26px 26px, #fff8e6}html[data-tema=merida] body{font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:1.08rem}html[data-tema=merida] .burbuja{font-size:1.12rem}@media (prefers-reduced-motion:reduce){html[data-tema] .boton,html[data-tema] .barra nav a{transition:none}}.entrar .codigo{border-top:1px solid var(--borde);margin-top:.25rem;padding-top:.75rem}.entrar .codigo p{margin:0;font-size:.9rem}.entrar .codigo input{text-align:center;letter-spacing:.3em;font-size:1.3rem;font-weight:700}.codigo-grande{background:var(--fondo);border:2px solid var(--acento-2);border-radius:12px;margin-bottom:.75rem;padding:.75rem 1rem}.codigo-grande p{margin:.2rem 0}.codigo-grande .cifras{letter-spacing:.35em;text-align:center;color:var(--acento);font-size:2rem;font-weight:800}
