:root{--verde:#2f9e6d;--verde-suave:#e7f6ee;--ambar:#d98324;--ambar-suave:#fdf3e3;--rojo:#c8452f;--rojo-suave:#fdecea;--fondo:#f6f7f9;--tarjeta:#fff;--borde:#e3e6ea;--texto:#1c2128;--texto-suave:#616b76;--radio:14px;--sombra:0 1px 2px #1018280f, 0 4px 12px #1018280a;--safe-b:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--verde:#4cc38a;--verde-suave:#14301f;--ambar:#e8a13c;--ambar-suave:#33260f;--rojo:#f0705a;--rojo-suave:#3a1712;--fondo:#14171b;--tarjeta:#1c2025;--borde:#2c323a;--texto:#e8eaed;--texto-suave:#9aa4b0;--sombra:0 1px 2px #0006}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);margin:0;padding-bottom:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.espacio-barra{height:calc(72px + var(--safe-b))}h1,h2,h3{margin:0;line-height:1.2}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}.envoltura{max-width:620px;margin:0 auto;padding:0 16px}.encabezado{justify-content:space-between;align-items:center;gap:12px;padding:18px 0 10px;display:flex}.encabezado h1{letter-spacing:-.01em;font-size:1.15rem;font-weight:650}.encabezado .etapa{color:var(--texto-suave);margin-top:2px;font-size:.78rem;font-weight:450;display:block}.icono-boton{border:1px solid var(--borde);background:var(--tarjeta);width:42px;height:42px;color:var(--texto-suave);border-radius:50%;flex:0 0 42px;place-items:center;text-decoration:none;transition:color .15s,border-color .15s;display:grid}.icono-boton:hover{color:var(--texto);border-color:var(--texto-suave)}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:14px;padding:16px}.medidor{align-items:center;gap:18px;display:flex}.anillo{flex:0 0 132px;width:132px;height:132px;position:relative}.anillo svg{width:100%;height:100%;transform:rotate(-90deg)}.anillo circle{fill:none;stroke-width:11px;stroke-linecap:round}.anillo .pista{stroke:var(--borde)}.anillo .avance{stroke:var(--verde);transition:stroke-dashoffset .35s,stroke .25s}.anillo[data-estado=cerca] .avance{stroke:var(--ambar)}.anillo[data-estado=excedido] .avance{stroke:var(--rojo)}.anillo .centro{text-align:center;place-content:center;gap:1px;display:grid;position:absolute;inset:0}.anillo .cifra{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:680}.anillo .rotulo{text-transform:uppercase;letter-spacing:.07em;color:var(--texto-suave);font-size:.68rem}.medidor .detalle{min-width:0}.medidor .detalle p{color:var(--texto-suave);margin:0 0 4px;font-size:.9rem}.medidor .detalle .fecha{text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.76rem;font-weight:600}.cabecera-consumo{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.medidor .detalle strong{color:var(--texto);font-variant-numeric:tabular-nums}.aviso{background:var(--ambar-suave);color:var(--ambar);border-radius:9px;margin-top:10px;padding:8px 11px;font-size:.85rem}.aviso[data-tono=excedido]{background:var(--rojo-suave);color:var(--rojo)}.titulo-seccion{text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave);margin-bottom:9px;font-size:.72rem;font-weight:600}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--borde);background:var(--fondo);border-radius:999px;align-items:baseline;gap:6px;padding:6px 11px;font-size:.84rem;display:inline-flex}.chip b{font-variant-numeric:tabular-nums;font-weight:620}.chip[data-estado=agotado]{background:var(--ambar-suave);color:var(--ambar);border-color:#0000}.chip[data-estado=excedido]{background:var(--rojo-suave);color:var(--rojo);border-color:#0000}.buscador{position:relative}.buscador input{border:1px solid var(--borde);background:var(--fondo);border-radius:11px;width:100%;padding:12px 14px}.buscador input:focus-visible{outline:2px solid var(--verde);outline-offset:1px}.resultados{margin:10px 0 0;padding:0;list-style:none}.mas-resultados{color:var(--texto-suave);text-align:center;padding:10px 4px 2px;font-size:.82rem}.resultados li+li{border-top:1px solid var(--borde)}.resultado{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:11px 4px;display:flex}.resultado:hover{background:var(--fondo)}.resultado .nombre{font-weight:520}.resultado .meta{color:var(--texto-suave);font-size:.8rem}.resultado .puntos{font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:.9rem;font-weight:620}.resultado .puntos.libre{color:var(--verde);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.vacio{color:var(--texto-suave);text-align:center;padding:18px 4px;font-size:.9rem}.porciones{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.porciones .opciones{gap:6px;display:flex}.porcion{border:1px solid var(--borde);background:var(--tarjeta);font-variant-numeric:tabular-nums;border-radius:9px;min-width:46px;padding:8px 10px}.porcion[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:#fff;font-weight:600}.consumo{margin:0;padding:0;list-style:none}.consumo li{align-items:center;gap:10px;padding:10px 0;display:flex}.consumo li+li{border-top:1px solid var(--borde)}.consumo .nombre{font-weight:520}.consumo .meta{color:var(--texto-suave);font-size:.8rem}.consumo .puntos{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.quitar{border:1px solid var(--borde);width:32px;height:32px;color:var(--texto-suave);background:0 0;border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.quitar:hover{color:var(--rojo);border-color:var(--rojo)}.barra{padding:10px 16px calc(10px + var(--safe-b));background:color-mix(in srgb, var(--tarjeta) 88%, transparent);backdrop-filter:blur(10px);border-top:1px solid var(--borde);position:fixed;bottom:0;left:0;right:0}.barra .envoltura{padding:0}.boton-principal{background:var(--verde);color:#fff;border:0;border-radius:11px;width:100%;padding:14px;font-size:1rem;font-weight:620}.boton-principal:disabled{opacity:.45;cursor:not-allowed}.boton-secundario{border:1px solid var(--borde);background:var(--tarjeta);border-radius:9px;padding:9px 14px;font-size:.88rem}.campo{margin-bottom:14px;display:block}.campo:last-child{margin-bottom:0}.campo>span{margin-bottom:5px;font-size:.82rem;font-weight:550;display:block}.campo .ayuda{color:var(--texto-suave);margin-top:4px;font-size:.78rem;font-weight:400;display:block}.campo input,.campo select{border:1px solid var(--borde);background:var(--fondo);border-radius:10px;width:100%;padding:10px 12px}.campo input:focus-visible,.campo select:focus-visible{outline:2px solid var(--verde);outline-offset:1px}.limite{align-items:center;gap:12px;padding:9px 0;display:flex}.limite+.limite{border-top:1px solid var(--borde)}.limite .nombre{flex:auto;min-width:0;font-size:.92rem}.limite .nombre small{color:var(--texto-suave);font-size:.76rem;display:block}.limite input{border:1px solid var(--borde);background:var(--fondo);text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;flex:0 0 84px;width:84px;padding:8px 10px}.grupo-alimentos{border:1px solid var(--borde);background:var(--fondo);border-radius:11px;margin-bottom:9px;overflow:hidden}.grupo-alimentos>summary{cursor:pointer;align-items:center;gap:9px;padding:12px 13px;font-size:.93rem;font-weight:560;list-style:none;display:flex}.grupo-alimentos>summary::-webkit-details-marker{display:none}.grupo-alimentos>summary:after{content:"▾";color:var(--texto-suave);margin-left:auto;font-size:.8rem}.grupo-alimentos[open]>summary:after{content:"▴"}.grupo-alimentos>summary .conteo{color:var(--texto-suave);font-size:.8rem;font-weight:450}.cuerpo-grupo{background:var(--tarjeta);border-top:1px solid var(--borde);padding:4px 13px 12px}.acciones-grupo{gap:7px;padding:9px 0;display:flex}.enlace-accion{border:1px solid var(--borde);background:var(--fondo);color:var(--texto-suave);border-radius:8px;padding:5px 10px;font-size:.79rem}.enlace-accion:hover{color:var(--texto)}.fila-alimento{align-items:center;gap:10px;padding:8px 0;display:flex}.fila-alimento+.fila-alimento{border-top:1px solid var(--borde)}.fila-alimento input[type=checkbox]{width:20px;height:20px;accent-color:var(--verde);flex:0 0 20px}.fila-alimento .etiqueta{cursor:pointer;flex:auto;min-width:0}.fila-alimento .etiqueta .nombre{font-size:.9rem;display:block}.fila-alimento .etiqueta .medida{color:var(--texto-suave);font-size:.77rem;display:block}.fila-alimento .puntos-editables{flex:none;align-items:center;gap:5px;display:flex}.fila-alimento .puntos-editables input{border:1px solid var(--borde);background:var(--fondo);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;width:62px;padding:6px 7px;font-size:1rem}.fila-alimento .puntos-editables input[data-modificado=true]{border-color:var(--ambar);background:var(--ambar-suave);color:var(--ambar);font-weight:600}.fila-alimento .puntos-editables span{color:var(--texto-suave);font-size:.76rem}.fila-alimento.deshabilitado .etiqueta{opacity:.5}.rejilla-propio{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rejilla-propio .ancho-total{grid-column:1/-1}.acciones{flex-wrap:wrap;gap:8px;display:flex}.peligro{border-color:color-mix(in srgb, var(--rojo) 45%, var(--borde));color:var(--rojo)}.estado-guardado{color:var(--verde);font-size:.8rem;font-weight:550}.nota-pie{color:var(--texto-suave);margin:0;font-size:.8rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.solo-lectores{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}