:root{--acento: #F5DD27;--sobre-acento: #1C1917;--acento-fuerte: #C9AE00;--acento-suave: #FCF6CC;--acento-tinta: #6B5A00;--fondo: #FAFAF7;--superficie: #FFFFFF;--texto: #1C1917;--gris: #57534E;--borde: #E7E5E4;--verde: #15803D;--verde-suave: #DCFCE7;--rojo: #B91C1C;--rojo-suave: #FEE2E2;--ambar: #92400E;--ambar-suave: #FEF3C7;--azul: #1D4ED8;--azul-suave: #DBEAFE;--sombra: 0 2px 10px rgba(28, 25, 23, .08);--radio: 20px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--acento: #F5DD27;--sobre-acento: #1C1917;--acento-fuerte: #F5DD27;--acento-suave: #36310D;--acento-tinta: #F5DD27;--fondo: #12100F;--superficie: #1F1C1A;--texto: #FAFAF9;--gris: #C4BDB7;--borde: #3A3532;--verde: #4ADE80;--verde-suave: #14321F;--rojo: #F87171;--rojo-suave: #3B1717;--ambar: #FCD34D;--ambar-suave: #3A2D0D;--azul: #93C5FD;--azul-suave: #172554;--sombra: 0 2px 10px rgba(0, 0, 0, .4);color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--fondo);color:var(--texto)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;min-height:49px;padding:12px 14px;border-radius:14px;border:2px solid var(--borde);background:var(--superficie);font-size:17px}textarea{min-height:94px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acento-fuerte)}.app{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.pagina{padding:10px 14px 20px}.cabecera{position:sticky;top:0;z-index:10;background:var(--fondo);padding:calc(8px + env(safe-area-inset-top)) 14px 8px;display:flex;align-items:center;gap:10px}.cabecera h1{font-size:26px;margin:0;flex:1;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icono-btn{min-width:48px;height:48px;border-radius:15px;border:none;background:var(--superficie);box-shadow:var(--sombra);font-size:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0 10px}.globo{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;border-radius:10px;padding:0 5px;background:var(--rojo);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.boton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:12px 17px;border-radius:17px;border:none;cursor:pointer;font-size:19px;font-weight:700;background:var(--acento);color:var(--sobre-acento);box-shadow:var(--sombra);transition:transform .08s ease}.boton:active{transform:scale(.98)}.boton[disabled]{opacity:.5}.boton.secundario{background:var(--superficie);color:var(--texto);border:2px solid var(--borde);box-shadow:none}.boton.peligro{background:var(--rojo-suave);color:var(--rojo);box-shadow:none}.boton.verde{background:#15803d;color:#fff}.boton.gigante{min-height:92px;font-size:30px;border-radius:26px}.boton.chico{min-height:48px;font-size:16px;width:auto}.fila{display:flex;gap:10px;align-items:center}.fila>*{flex:1}.pila{display:flex;flex-direction:column;gap:10px}.envolver{display:flex;flex-wrap:wrap;gap:8px}.tarjeta{background:var(--superficie);border-radius:var(--radio);padding:15px;box-shadow:var(--sombra);border:2px solid transparent}.tarjeta.tocable{cursor:pointer}.tarjeta.tocable:active{transform:scale(.99)}.tarjeta.activa{border-color:var(--acento-fuerte)}.tarjeta-fila{display:flex;align-items:center;gap:12px}.emoji-grande{font-size:34px;line-height:1;width:44px;text-align:center;flex:none}.titulo{font-size:20px;font-weight:700;line-height:1.2}.sub{color:var(--gris);font-size:15px}.seccion{font-size:15px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.04em;margin:19px 3px 8px}.vacio{text-align:center;color:var(--gris);padding:24px 10px;font-size:17px}.chip{min-height:48px;padding:8px 15px;border-radius:24px;border:2px solid var(--borde);background:var(--superficie);font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.chip.si{background:var(--acento);border-color:var(--acento-fuerte);color:var(--sobre-acento)}.segmentos{display:flex;background:var(--superficie);border-radius:17px;padding:4px;gap:4px;box-shadow:var(--sombra)}.segmentos button{flex:1;min-height:48px;border:none;border-radius:14px;background:transparent;font-size:16px;font-weight:700;cursor:pointer}.segmentos button.si{background:var(--acento);color:var(--sobre-acento)}.casilla{display:flex;align-items:center;gap:14px;min-height:54px;padding:8px 12px;border-radius:15px;background:var(--superficie);border:2px solid var(--borde);cursor:pointer;font-size:18px;width:100%;text-align:left}.casilla .caja{width:34px;height:34px;border-radius:10px;border:3px solid var(--gris);flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff}.casilla.si{background:var(--verde-suave);border-color:transparent}.casilla.si .caja{background:var(--verde);border-color:var(--verde)}.casilla.si .texto{text-decoration:line-through;color:var(--gris)}.casilla .texto{flex:1}.insignia{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:14px;font-weight:700}.insignia.ambar{background:var(--ambar-suave);color:var(--ambar)}.insignia.azul{background:var(--azul-suave);color:var(--azul)}.insignia.verde{background:var(--verde-suave);color:var(--verde)}.insignia.rojo{background:var(--rojo-suave);color:var(--rojo)}.insignia.gris{background:var(--borde);color:var(--gris)}.alerta{border-radius:var(--radio);padding:14px 15px;font-size:17px}.alerta.ambar{background:var(--ambar-suave);color:var(--ambar)}.alerta.rojo{background:var(--rojo-suave);color:var(--rojo)}.alerta.verde{background:var(--verde-suave);color:var(--verde)}.alerta.azul{background:var(--azul-suave);color:var(--azul)}.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--superficie);border-top:1px solid var(--borde);padding:7px 7px calc(7px + env(safe-area-inset-bottom))}.barra-in{max-width:640px;margin:0 auto;display:flex;gap:3px;align-items:stretch}.barra a,.barra button.mic{flex:1;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--gris);font-size:13px;font-weight:700;border-radius:15px;position:relative}.barra a svg{flex:none}.barra a.activo{color:var(--acento-tinta);background:var(--acento-suave)}.barra button.mic{border:none;background:var(--acento);color:var(--sobre-acento);max-width:84px;cursor:pointer}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:640px;max-height:92dvh;overflow:auto;background:var(--fondo);border-radius:24px 24px 0 0;padding:19px 14px calc(19px + env(safe-area-inset-bottom))}.modal h2{margin:0 0 12px;font-size:23px}.progreso{display:flex;gap:5px;margin:3px 0 12px}.progreso span{flex:1;height:8px;border-radius:4px;background:var(--borde)}.progreso span.hecho{background:var(--verde)}.progreso span.actual{background:var(--acento-fuerte)}.paso-actual{padding:19px 15px;border-color:var(--acento-fuerte)}.paso-actual .titulo{font-size:26px}.paso-mini{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:51px}.paso-mini.hecho{opacity:.6}.paso-mini.hecho .t{text-decoration:line-through}.fotos img{width:78px;height:78px;object-fit:cover;border-radius:12px}.festejo{text-align:center;padding:34px 8px}.festejo .e{font-size:82px}.chat{display:flex;flex-direction:column;gap:8px}.burbuja{max-width:86%;padding:12px 14px;border-radius:19px;font-size:17px;white-space:pre-wrap}.burbuja.user{align-self:flex-end;background:var(--acento);color:var(--sobre-acento);border-bottom-right-radius:5px}.burbuja.assistant{align-self:flex-start;background:var(--superficie);box-shadow:var(--sombra);border-bottom-left-radius:5px}.mic-grande{width:102px;height:102px;border-radius:51px;border:none;background:var(--acento);color:var(--sobre-acento);box-shadow:var(--sombra);cursor:pointer;margin:0 auto;display:flex;align-items:center;justify-content:center}.mic-grande.escuchando{background:var(--rojo);color:#fff;animation:pulso 1s infinite}@keyframes pulso{50%{transform:scale(1.06)}}.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cifra{background:var(--superficie);border-radius:15px;padding:12px 8px;text-align:center;box-shadow:var(--sombra)}.cifra b{display:block;font-size:27px;line-height:1.1}.cifra span{color:var(--gris);font-size:14px}.barras{display:flex;align-items:flex-end;gap:2px;height:60px}.barras div{flex:1;background:var(--acento-fuerte);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.barras-eje{display:flex;justify-content:space-between;color:var(--gris);font-size:12px}.qr{background:#fff;padding:12px;border-radius:17px;width:100%;max-width:340px;margin:0 auto;display:block}.centro{text-align:center}.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:20px 14px;max-width:480px;margin:0 auto;gap:12px}.logo{width:82px;height:82px;margin:0 auto 5px;display:block}.error{color:var(--rojo);font-weight:700;font-size:16px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px;word-break:break-all;background:var(--superficie);padding:10px;border-radius:10px}a{color:var(--acento-tinta)}.icono-btn.acento{background:var(--acento);color:var(--sobre-acento)}.icono-btn.verde{background:#15803d;color:#fff}.icono-rutina{width:48px;height:48px;border-radius:14px;background:var(--acento-suave);color:var(--texto);display:flex;align-items:center;justify-content:center;flex:none}.en-linea{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}.boton svg,.chip svg,.segmentos svg{flex:none}.buscador{position:relative}.buscador svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gris);pointer-events:none}.buscador input{padding-left:44px}.estado-pago{width:37px;height:37px;border-radius:19px;display:flex;align-items:center;justify-content:center;flex:none}.estado-pago.si{background:var(--verde-suave);color:var(--verde)}.estado-pago.no{background:var(--ambar-suave);color:var(--ambar)}.seg-ico{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:1.1}.segmentos button:has(.seg-ico){min-height:54px;padding:5px 2px}.campo{position:relative;width:100%}.campo .dictar{position:absolute;right:6px;top:6px;width:40px;height:40px;border-radius:12px;border:none;background:var(--acento-suave);color:var(--texto);display:flex;align-items:center;justify-content:center;cursor:pointer}.campo .dictar.oyendo{background:var(--rojo);color:#fff;animation:pulso 1s infinite}.campo .pista{margin-top:6px;font-size:15px;color:var(--acento-tinta);font-weight:700}.agarradera{flex:none;width:38px;min-height:44px;border:none;background:transparent;color:var(--gris);display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;border-radius:10px}.agarradera:active{cursor:grabbing;background:var(--acento-suave)}.fotos{display:flex;gap:8px;flex-wrap:wrap}.fotos img{width:78px;height:78px;object-fit:cover;border-radius:12px;cursor:pointer}.portada{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:none}.estrellas{display:flex;gap:4px}.estrellas button{border:none;background:transparent;padding:4px;color:var(--borde);cursor:pointer}.estrellas button.si{color:var(--acento-fuerte)}.estrellas button.si svg{fill:var(--acento)}.dia-sel{display:flex;align-items:center;gap:8px}.dia-sel .fecha{flex:1;text-align:center;font-weight:700;font-size:18px;text-transform:capitalize;position:relative}.dia-sel .fecha input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.medidor{height:12px;border-radius:6px;background:var(--borde);overflow:hidden;display:flex}.medidor span{background:var(--verde)}.medidor span.no{background:var(--ambar)}.tour-hueco{position:fixed;z-index:90;border-radius:16px;box-shadow:0 0 0 9999px #0000009e;pointer-events:none;transition:all .25s ease;outline:3px solid var(--acento)}.tour-globo{position:fixed;z-index:91;left:12px;right:12px;max-width:520px;margin:0 auto;background:var(--fondo);color:var(--texto);border-radius:18px;padding:16px;box-shadow:0 10px 40px #00000059}.tour-globo .titulo{font-size:20px}.tour-globo p{margin:6px 0 12px;font-size:17px}.tour-bloqueo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89}.linea{display:flex;gap:10px;align-items:center}.linea>*{flex:none}.fila>.agarradera,.fila>.chip{flex:none}.fila>.icono-btn{flex:none}.pct{flex:none;font-variant-numeric:tabular-nums;font-size:17px;color:var(--acento-tinta)}.progreso span.fallo{background:var(--rojo);opacity:.55}.porcentaje-grande{margin-top:14px;font-size:41px;font-weight:800}.porcentaje-grande span{display:block;font-size:15px;font-weight:500;color:var(--gris)}.notif-ejemplo{background:var(--tarjeta);border:1px solid var(--borde);border-radius:15px;padding:10px 12px;font-size:15px;display:flex;flex-direction:column;gap:2px}.resumen-ejemplo{max-height:34vh;overflow-y:auto}.tour-globo{max-height:82vh;overflow-y:auto}.lector{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:flex-end}.lector>.sub{margin-right:2px}.casilla.leyendo{outline:3px solid var(--acento);outline-offset:2px}.casilla:disabled{opacity:.75}.deshacer{position:fixed;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;width:min(560px,calc(100% - 24px));display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 10px 10px 14px;background:var(--tarjeta);border:1px solid var(--acento);border-radius:15px;box-shadow:0 8px 28px #00000059}.deshacer .t{flex:1 1 140px;font-size:16px}.deshacer .icono-btn{width:37px;height:37px;min-width:37px}.ejecucion-sin-barra .deshacer,.deshacer.abajo{bottom:calc(16px + env(safe-area-inset-bottom))}.deshacer-ancla .deshacer{bottom:auto;top:calc(64px + env(safe-area-inset-top))}.quitar-item{flex:none!important;width:41px;min-width:41px;height:41px;color:var(--gris)}.que-falto{text-align:left}.fila-falto{display:flex;gap:10px;align-items:flex-start}.fila-falto .ic{flex:none;display:flex;margin-top:2px;color:var(--ambar, #d99a00)}.fila-falto .ic.no_pudo,.fila-falto .ic.cancelada{color:var(--rojo)}:root{--eliminar: #E33312}.ico-eliminar,button[aria-label^=Quitar] svg,button[aria-label^=Borrar] svg,button[aria-label^=Eliminar] svg,button[aria-label^=Cancelar] svg,button[aria-label^=Revocar] svg,.boton.peligro svg{color:var(--eliminar)!important}.termometro{flex:none!important;width:15px;height:15px;border-radius:4px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.termometro.sin-tiempo{box-shadow:inset 0 0 0 1.5px var(--borde)}.casilla.opcion.si .texto{text-decoration:none;color:inherit}
