:root{--fondo:#f4f8f9;--superficie:#fff;--texto:#1d2a30;--texto-suave:#55686f;--borde:#d5e2e6;--acento:#2f6d80;--acento-texto:#fff;--acento-suave:#e2eff2;--marca:#5c93a5;--peligro:#a8473a;--toque-min:48px;--radio:14px;--sombra:0 1px 3px #1d2a3014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--acento)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--texto);background:var(--fondo);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px;line-height:1.4}#root{min-height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100dvh;display:flex}.contenido{padding:16px 16px calc(96px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:560px;margin:0 auto}.titulo{margin:8px 0 16px;font-size:22px;font-weight:700}.subtitulo{color:var(--texto);margin:24px 0 10px;font-size:17px;font-weight:600}.ayuda{color:var(--texto-suave);margin:4px 0 8px;font-size:15px}.tarjeta{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);border:1px solid var(--borde);margin-bottom:12px;padding:14px}.nav{background:var(--superficie);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{min-height:60px;color:var(--texto-suave);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:13px;display:flex}.nav button svg{width:24px;height:24px}.nav button.activo{color:var(--acento);font-weight:600}.boton{min-height:var(--toque-min);border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-weight:600;display:inline-flex}.boton.primario{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.boton.peligro{color:var(--peligro);border-color:var(--peligro)}.boton.secundario{background:0 0}.boton:disabled{opacity:.5;cursor:default}.boton-enorme{border-radius:24px;min-height:120px;font-size:28px}.fila-botones{gap:10px;display:flex}.fila-botones>*{flex:1}.pie-fijo{left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--fondo) 70%, transparent);z-index:9;padding:10px 16px;position:fixed}.pie-fijo>*{max-width:560px;margin:0 auto}.circulos{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.circulo{border:3px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;font-weight:700;display:inline-flex}.circulo.pequeno{border-width:2px;width:40px;height:40px;font-size:18px}.circulo.seleccionado{outline:3px solid var(--texto);outline-offset:3px}.variable{margin-bottom:18px}.variable-cabecera{align-items:center;gap:10px;margin-bottom:8px;display:flex}.codigo{letter-spacing:.5px;border-radius:8px;justify-content:center;align-items:center;min-width:44px;height:32px;padding:0 8px;font-size:15px;font-weight:700;display:inline-flex}.punto-color{border:1px solid #1d2a301f;border-radius:50%;flex-shrink:0;width:22px;height:22px}.muestras{gap:6px;display:flex}.muestra{border:2px solid #0000;border-radius:10px;flex:1;min-height:52px;padding:0}.muestra.seleccionada{border-color:var(--texto);box-shadow:0 0 0 2px var(--fondo) inset}.deslizador-color{-webkit-appearance:none;appearance:none;border:1px solid var(--borde);border-radius:22px;outline:none;width:100%;height:44px}.deslizador-color::-webkit-slider-thumb{-webkit-appearance:none;background:var(--superficie);border:3px solid var(--texto);border-radius:50%;width:44px;height:44px;box-shadow:0 1px 4px #1d2a3040}.deslizador-color::-moz-range-thumb{background:var(--superficie);border:3px solid var(--texto);border-radius:50%;width:44px;height:44px}.deslizador-simple{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:44px}.deslizador-simple::-webkit-slider-runnable-track{background:var(--borde);border-radius:5px;height:10px}.deslizador-simple::-webkit-slider-thumb{-webkit-appearance:none;background:var(--acento);border:3px solid var(--superficie);border-radius:50%;width:40px;height:40px;margin-top:-15px;box-shadow:0 1px 4px #1d2a3040}.deslizador-simple::-moz-range-track{background:var(--borde);border-radius:5px;height:10px}.deslizador-simple::-moz-range-thumb{background:var(--acento);border:3px solid var(--superficie);border-radius:50%;width:40px;height:40px}.extremos{color:var(--texto-suave);justify-content:space-between;margin-top:4px;font-size:14px;display:flex}.rejilla{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--toque-min);border:1.5px solid var(--borde);background:var(--superficie);border-radius:24px;padding:8px 14px;font-size:16px}.chip.seleccionado{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.chip.pequeno{min-height:36px;padding:4px 10px;font-size:14px}.campo{width:100%;min-height:var(--toque-min);border:1px solid var(--borde);background:var(--superficie);border-radius:10px;margin-top:8px;padding:10px 12px}textarea.campo{resize:vertical;min-height:64px}.sugerencias{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.dia{color:var(--texto-suave);margin:18px 0 8px;font-size:15px;font-weight:700}.fila-registro{text-align:left;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);align-items:center;gap:12px;width:100%;min-height:64px;margin-bottom:8px;padding:10px 12px;display:flex}.fila-registro.ping{opacity:.9;min-height:48px;padding:6px 12px}.fila-registro.sin-respuesta{opacity:.55}.fila-texto{flex:1;min-width:0}.fila-hora{font-weight:600}.fila-detalle{color:var(--texto-suave);font-size:14px}.puntos{align-items:center;gap:4px;display:flex}.flecha{color:var(--texto-suave);font-size:14px}.lista-ajustes>.tarjeta{align-items:center;gap:12px;display:flex}.lista-ajustes .crece{flex:1;min-width:0}.interruptor{min-height:var(--toque-min);justify-content:space-between;align-items:center;gap:12px;display:flex}.interruptor input{width:28px;height:28px}label.etiqueta-campo{color:var(--texto-suave);margin-top:10px;font-size:15px;display:block}select.campo{-webkit-appearance:auto;appearance:auto}.selector-colores{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.selector-colores button{border:3px solid #0000;border-radius:50%;width:44px;height:44px}.selector-colores button.seleccionado{border-color:var(--texto)}.casillas{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.casillas label{border:1px solid var(--borde);border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:4px 10px;display:inline-flex}.aviso{background:color-mix(in srgb, var(--acento) 12%, var(--superficie));border:1px solid var(--acento);border-radius:var(--radio);margin-bottom:12px;padding:12px 14px}.oculto-visual{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cronometro{font-variant-numeric:tabular-nums;text-align:center;margin:12px 0;font-size:40px;font-weight:700}.centrado{text-align:center}.pasos{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.pasos span{background:var(--borde);border-radius:50%;width:10px;height:10px}.pasos span.activo{background:var(--acento)}@media (prefers-reduced-motion:no-preference){.chip,.muestra,.circulo{transition:none}}.app.sin-nav .pie-fijo{padding-bottom:calc(12px + env(safe-area-inset-bottom));bottom:0}.app.sin-nav .contenido{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.pregunta{text-wrap:balance;margin:12px 0 20px;font-size:26px;font-weight:700;line-height:1.2}.paleta{grid-template-columns:1fr 1fr;gap:12px;display:grid}.paleta-boton{letter-spacing:1px;border:3px solid #0000;border-radius:18px;min-height:84px;font-size:22px;font-weight:700}.paleta-boton:last-child:nth-child(odd){grid-column:1/-1}.paleta-boton.seleccionado{border-color:var(--texto);outline:3px solid var(--fondo);outline-offset:-6px}.lista-opciones{gap:10px;display:grid}.lista-opciones.col-2{grid-template-columns:1fr 1fr}.lista-opciones.col-1{grid-template-columns:1fr}.opcion{border:1.5px solid var(--borde);background:var(--superficie);text-align:center;border-radius:16px;min-height:72px;padding:10px 12px;font-size:18px;font-weight:600;line-height:1.2}.opcion.seleccionado{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.ganas-valor{text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:56px;font-weight:800}.codigo.pequeno{min-width:34px;height:24px;padding:0 6px;font-size:12px}.resumen{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.resumen-fila{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;display:flex}.resumen-fila .clave{color:var(--texto-suave);min-width:88px;font-size:14px}.resumen-fila .valor{flex:1;align-items:center;gap:8px;font-weight:600;display:flex}.resumen-fila .lapiz{color:var(--texto-suave);font-size:14px}.inicio-dos{flex-direction:column;gap:14px;display:flex}.rotulo-lo-hice{text-align:center;color:var(--texto-suave);margin-top:6px;font-weight:600}.bloque{border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);margin-bottom:10px;overflow:hidden}.bloque>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding:12px 14px;font-weight:600;list-style:none;display:flex}.bloque>summary::-webkit-details-marker{display:none}.bloque>summary .fase{color:var(--texto-suave);letter-spacing:1px;font-size:12px}.bloque>.cuerpo{border-top:1px solid var(--borde);padding:4px 14px 14px}.bloque .subtitulo{margin-top:14px}.lista-editable{flex-direction:column;gap:6px;display:flex}.lista-editable>div{align-items:center;gap:6px;display:flex}.lista-editable input.campo{margin-top:0}.boton.chico{width:auto;min-width:48px;padding:8px}.aviso-tarde{color:var(--texto-suave);font-size:13px}.contenido.abajo{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex}.contenido.abajo .pasos{margin-top:auto}.contenido.abajo .pregunta{margin-top:24px}.fase-titulo{letter-spacing:1px;text-transform:uppercase;color:var(--texto-suave);margin:22px 0 8px;font-size:13px;font-weight:700}.pregunta-ext{margin-bottom:10px;font-weight:600}.fila-categoria{text-align:left;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);align-items:center;gap:10px;width:100%;min-height:56px;margin-bottom:8px;padding:10px 12px;display:flex}.fila-categoria .crece{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.etiquetas-mini{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.etiquetas-mini span{border:1px solid var(--borde);color:var(--texto-suave);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:11px}.archivadas{margin-top:8px}.archivadas>summary{cursor:pointer;min-height:44px;color:var(--texto-suave);align-items:center;font-size:15px;display:flex}.fila-archivada{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.fila-archivada>span{flex:1;min-width:0}.tarjeta.editor{border:2px solid var(--acento)}.saludo,.bienvenida{--fondo:#fff}.saludo{z-index:100;padding:32px 28px calc(32px + env(safe-area-inset-bottom));background:var(--fondo);width:100%;color:var(--texto);text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.saludo-logo{width:min(78vw,340px)}.logo-serapia{aspect-ratio:2;position:relative}.logo-serapia-arco,.logo-serapia-texto{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.logo-serapia-arco{overflow:visible}.logo-serapia-trazo{fill:none;stroke:url(#serapia-degradado);stroke-width:8px;stroke-linecap:butt}.logo-serapia-respira{transform-origin:100.4px 101.4px;transform-box:view-box}.saludo-frase{max-width:22em;color:var(--texto-suave);margin:0;font-size:1.25rem;line-height:1.45}.bienvenida{background:var(--fondo);min-height:100dvh;color:var(--texto);padding:40px max(20px, calc((100% - 560px) / 2)) calc(120px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.bienvenida .titulo{margin:8px 0 0}.bienvenida-pasos{text-align:left;gap:12px;margin:0;padding-left:1.3em;display:grid}.bienvenida .pie-fijo{padding-bottom:calc(12px + env(safe-area-inset-bottom));bottom:0}@media (prefers-reduced-motion:no-preference){.saludo,.bienvenida{animation:.6s ease-out both saludo-entra}.logo-serapia-trazo{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s cubic-bezier(.45,0,.2,1) .2s forwards serapia-traza}.logo-serapia-texto{clip-path:inset(0 100% 0 0);opacity:0;animation:1.1s cubic-bezier(.3,0,.2,1) .9s forwards serapia-texto}.logo-serapia-respira{animation:4s ease-in-out 1.8s infinite serapia-respira}.saludo-frase{animation:.9s ease-out 1.8s both saludo-entra}.saludo.saliendo{opacity:0;transition:opacity .3s ease-in}}@keyframes saludo-entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes serapia-traza{to{stroke-dashoffset:0}}@keyframes serapia-texto{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translate(-6px)}30%{opacity:1}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes serapia-respira{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.025)}}.boton.boton-anadir{border:2px solid var(--acento);min-height:64px;color:var(--acento);background:var(--acento-suave);margin-top:16px;font-size:20px}.boton.boton-valiosa{background:var(--acento-suave);color:var(--acento);border:2px solid var(--marca)}.inicio-dos .boton-enorme{min-height:104px;padding:12px 18px;font-size:25px;line-height:1.2}.vista-previa-pack{gap:8px;margin:6px 0 12px;display:grid}.vista-previa-pack .boton{pointer-events:none;min-height:44px;font-size:16px}details.avanzadas{border-top:1px solid var(--borde);margin-top:18px;padding-top:6px}details.avanzadas>summary{cursor:pointer;min-height:48px;color:var(--texto-suave);letter-spacing:.5px;text-transform:uppercase;align-items:center;font-size:13px;font-weight:700;display:flex}.aviso-guardado{z-index:20;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));border-radius:var(--radio);background:var(--superficie);border:1px solid var(--borde);flex-direction:column;gap:8px;max-width:536px;margin:0 auto;padding:12px;display:flex;position:fixed;box-shadow:0 4px 16px #1d2a3026}.aviso-guardado>span{color:var(--texto-suave);font-weight:600}.aviso-guardado .boton{min-height:52px}@media (prefers-reduced-motion:no-preference){.aviso-guardado{animation:.3s ease-out both saludo-entra}}.deslizador-sentir{-webkit-appearance:none;appearance:none;border-radius:11px;outline:none;width:100%;height:22px;margin:12px 0}.deslizador-sentir::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pulgar,var(--acento));border:4px solid var(--superficie);border-radius:50%;width:44px;height:44px;box-shadow:0 1px 4px #1d2a304d}.deslizador-sentir::-moz-range-thumb{background:var(--pulgar,var(--acento));border:4px solid var(--superficie);border-radius:50%;width:44px;height:44px}.deslizador-sentir:focus-visible{outline:3px solid var(--acento);outline-offset:4px}.numero-sentir{border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:30px;padding:0 8px;font-weight:700;display:inline-flex}