:root{--bg:#f6f4ec;--card:#fff;--ink:#1f2a22;--muted:#5d6b61;--line:#e4e1d3;--green:#1f5a3f;--green-d:#16422e;--green-l:#e6f0e4;--earth:#8a5a2b;--earth-l:#f4ebdd;--water:#1f6f9c;--water-l:#e3f0f7;--ok:#237a4b;--ok-l:#e3f3ea;--warn:#9a6a00;--warn-l:#fdf1d3;--bad:#b03a26;--bad-l:#fbe6e1;--none:#6b746e;--none-l:#eceee9;--r:18px;--nav-h:68px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:18px}html[data-size="1"]{font-size:21px}html[data-size="2"]{font-size:25px}html[data-size="3"]{font-size:29px}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}:focus-visible{outline:3px solid #f2b53b;outline-offset:2px}.app{display:flex;flex-direction:column;height:100dvh}.content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.page{max-width:780px;margin:0 auto;padding:18px 16px 28px;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--green);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.brand-mark{width:38px;height:38px;border-radius:12px;background:#fff2;display:grid;place-items:center}.brand small{display:block;font-weight:500;font-size:.7rem;opacity:.85;margin-top:-2px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.chip-net{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;background:#fff2;border-radius:99px;padding:5px 10px}.chip-net.off{background:#ffd9cf33;color:#ffe4dd}.icon-btn{width:44px;height:44px;border-radius:12px;border:0;background:#fff2;color:#fff;display:grid;place-items:center;font-weight:800}.nav{display:flex;background:#fff;border-top:1px solid var(--line);height:var(--nav-h);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.66rem;font-weight:700;color:var(--muted);padding:4px 0;min-width:0}.nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav button.on{color:var(--green)}.nav button.on .nav-ic{background:var(--green-l)}.nav button.ask-btn .nav-ic{background:var(--green);color:#fff}.nav-ic{width:46px;height:28px;border-radius:99px;display:grid;place-items:center}@media(min-width:900px){.app{flex-direction:row}.shell-side{display:flex;flex-direction:column;width:250px;background:#fff;border-right:1px solid var(--line)}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.nav{flex-direction:column;height:auto;border:0;padding:10px;gap:4px;order:2}.nav button{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;font-size:.95rem;padding:10px 12px;border-radius:14px}.nav button.on{background:var(--green-l)}.nav-ic{width:auto;height:auto;background:none!important;color:inherit!important}.topbar .brand{display:none}}@media(max-width:899px){.shell-side,.shell-main{display:contents}}.side-brand{display:none}@media(min-width:900px){.side-brand{display:flex;align-items:center;gap:10px;padding:18px 16px;color:var(--green);font-weight:800;font-size:1.15rem}.side-brand .brand-mark{background:var(--green);color:#fff}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card h2{font-size:1.15rem;margin-bottom:6px}.card h3{font-size:1.02rem;margin-bottom:4px}.muted{color:var(--muted);font-size:.9rem}.sec-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px}.sec-title h2{font-size:1.2rem}.btn{min-height:52px;border-radius:14px;border:2px solid transparent;padding:10px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-d)}.btn.outline{background:#fff;border-color:var(--green);color:var(--green)}.btn.soft{background:var(--green-l);color:var(--green-d)}.btn.water{background:var(--water);color:#fff}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.link-btn{border:0;background:none;color:var(--green);font-weight:800;padding:8px 0;display:inline-flex;align-items:center;gap:4px}.listen{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:.85rem;font-weight:700;color:var(--green)}.listen.on{background:var(--green);color:#fff;border-color:var(--green)}.hello{background:linear-gradient(135deg,var(--green),#2c7a55);color:#fff;border-radius:22px;padding:20px 18px;display:flex;flex-direction:column;gap:12px}.hello h1{font-size:1.5rem}.hello p{opacity:.92}.ask-cta{background:#fff;color:var(--green-d);border:0;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:800;font-size:1.05rem;min-height:64px}.ask-cta .mic{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex-shrink:0}.ask-cta small{display:block;font-weight:500;color:var(--muted);font-size:.8rem}.quick{display:flex;flex-wrap:wrap;gap:8px}.quick button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;font-weight:700;font-size:.88rem;color:var(--green-d)}.hello .quick button{background:#ffffff1f;border-color:#fff5;color:#fff}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 14px;display:flex;flex-direction:column;gap:6px;text-align:left;min-height:110px}.tile .em{font-size:1.9rem;line-height:1}.tile b{font-size:1.02rem}.tile small{color:var(--muted);font-size:.8rem;line-height:1.3}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status{border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:3px;border:1.5px solid}.status .w{display:flex;align-items:center;gap:6px;font-weight:800;font-size:1rem}.status small{font-size:.8rem;line-height:1.3;color:var(--ink);opacity:.85}.status .nm{font-size:.78rem;font-weight:700;opacity:.8}.status.ok{background:var(--ok-l);border-color:#b9e0c9;color:var(--ok)}.status.warn{background:var(--warn-l);border-color:#efd68a;color:var(--warn)}.status.bad{background:var(--bad-l);border-color:#f0bdb2;color:var(--bad)}.status.none{background:var(--none-l);border-color:#d6dad5;color:var(--none)}.tip{background:var(--green-l);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.tip+.tip{margin-top:8px}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-weight:700}.field input,.field select,.field textarea{min-height:52px;border:2px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:none}.field .hint{font-weight:500;color:var(--muted);font-size:.82rem}.opts{display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:center;gap:12px;border:2px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;text-align:left;font-weight:600;min-height:54px}.opt .box{width:26px;height:26px;border-radius:8px;border:2.5px solid #b7bdb3;display:grid;place-items:center;flex-shrink:0;color:#fff}.opt.on{border-color:var(--green);background:var(--green-l)}.opt.on .box{background:var(--green);border-color:var(--green)}.opt.round .box{border-radius:50%}.finger{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.finger button{border:2px solid var(--line);background:#fff;border-radius:16px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800;min-height:112px}.finger button .em{font-size:1.9rem}.finger button small{font-weight:500;color:var(--muted);font-size:.74rem;line-height:1.2;text-align:center}.finger button.on{border-color:var(--green);background:var(--green-l)}details.more{border:1.5px dashed var(--line);border-radius:14px;padding:10px 14px;background:#fffdf7}details.more summary{font-weight:800;cursor:pointer;min-height:36px;display:flex;align-items:center;color:var(--earth)}details.more .form{margin-top:12px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.record{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.record:first-of-type{border-top:0}.pill{font-size:.75rem;font-weight:800;border-radius:99px;padding:4px 10px;white-space:nowrap}.pill.ok{background:var(--ok-l);color:var(--ok)}.pill.pend{background:var(--warn-l);color:var(--warn)}.verdict{border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px;border:2px solid}.verdict .big{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:10px}.verdict.ok{background:var(--ok-l);border-color:#b9e0c9;color:var(--ok)}.verdict.warn{background:var(--warn-l);border-color:#efd68a;color:var(--warn)}.verdict.bad{background:var(--bad-l);border-color:#f0bdb2;color:var(--bad)}.verdict p{color:var(--ink)}.steps{margin:6px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.search{position:relative}.search input{width:100%;min-height:54px;border:2px solid var(--line);border-radius:16px;padding:10px 14px 10px 46px;background:#fff}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.guide-list{display:flex;flex-direction:column;gap:10px}.guide-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.guide-item>button{width:100%;border:0;background:none;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;font-weight:800;font-size:1.05rem;min-height:64px}.guide-item .em{font-size:1.7rem}.guide-item .chev{margin-left:auto;transition:transform .15s}.guide-item.open .chev{transform:rotate(180deg)}.guide-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.guide-body h4{margin:0 0 2px;font-size:.92rem;color:var(--earth)}.guide-body p{font-size:.98rem}.guide-actions{display:flex;flex-wrap:wrap;gap:8px}.ask{display:flex;flex-direction:column;height:100%;max-width:780px;margin:0 auto;width:100%}.ask-head{padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:#fff}.ask-head b{font-size:1.02rem}.ask-head small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem}.dot{width:9px;height:9px;border-radius:50%;background:#9aa39c;display:inline-block}.dot.on{background:#2e9b5d}.dot.off{background:#d05a3f}.ask-head .link-btn{margin-left:auto;font-size:.85rem}.ask-ctx{padding:8px 16px;background:var(--green-l);color:var(--green-d);font-size:.82rem;font-weight:600}.msgs{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.welcome{margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px}.welcome .big-em{font-size:3rem}.welcome h2{font-size:1.35rem}.suggest{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}.suggest button{border:2px solid var(--line);background:#fff;border-radius:16px;padding:14px;text-align:left;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px}.msg{display:flex;flex-direction:column;gap:6px;max-width:92%}.msg.me{align-self:flex-end;align-items:flex-end}.bubble{border-radius:18px;padding:12px 14px;font-size:1rem;line-height:1.55;overflow-wrap:anywhere}.msg.me .bubble{background:var(--green);color:#fff;border-bottom-right-radius:6px}.msg.ai .bubble{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}.msg.err .bubble{background:var(--bad-l);border-color:#f0bdb2;color:#7d2a1b}.bubble p{margin:0 0 6px;white-space:pre-wrap}.bubble p:last-child{margin:0}.bubble ul{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:5px}.bubble img{display:block;max-width:220px;max-height:200px;border-radius:12px;margin-bottom:8px}.caret{display:inline-block;width:8px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--green);border-radius:2px;animation:blink 1s infinite}.typing span{animation:blink 1s infinite;font-weight:800}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.15}}.composer{border-top:1px solid var(--line);background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;min-height:52px;max-height:130px;resize:none;border:2px solid var(--line);border-radius:16px;padding:12px 14px}.composer textarea:focus{border-color:var(--green);outline:none}.round{width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;flex-shrink:0;background:var(--green-l);color:var(--green-d)}.round.send{background:var(--green);color:#fff}.round.rec{background:#d3402b;color:#fff;animation:pulse 1.2s infinite}.round.stop{background:#8a3b2d;color:#fff}.round:disabled{opacity:.4}@keyframes pulse{50%{box-shadow:0 0 0 8px #d3402b33}}.photo-chip{display:flex;align-items:center;gap:10px;background:var(--green-l);border-radius:14px;padding:6px 10px 6px 6px;font-size:.85rem;font-weight:700}.photo-chip img{width:48px;height:48px;object-fit:cover;border-radius:10px}.photo-chip button{margin-left:auto;border:0;background:none;font-size:1.4rem;color:var(--muted);width:40px;height:40px}.disc{font-size:.72rem;color:var(--muted);text-align:center}.diag{background:#fff8e6;border:1.5px solid #efd68a;border-radius:14px;padding:12px 14px;margin:0 16px;font-size:.9rem;display:flex;flex-direction:column;gap:8px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 16px);background:#1f2a22;color:#fff;padding:12px 18px;border-radius:14px;font-weight:700;z-index:50;max-width:92vw;text-align:center}@media(min-width:900px){.toast{bottom:24px}}.foot{text-align:center;color:var(--muted);font-size:.75rem;padding:6px 0 0}.topbar{order:0}.content{order:1}.nav{order:2}.msg .listen{align-self:flex-start}.toast{bottom:auto;top:84px}@media(min-width:900px){.toast{bottom:auto;top:84px}}.lang-btn{border:2px solid #fff;background:#fff;color:var(--green);font-weight:700;border-radius:999px;padding:8px 12px;font-size:.8rem;min-height:40px;cursor:pointer;white-space:nowrap}.lang-btn:active{background:#e8f5e9}@media(max-width:480px){.chip-net:not(.off){display:none}.top-actions{gap:6px}.lang-btn{font-size:.72rem;padding:6px 10px}.brand{min-width:0}.brand small{white-space:nowrap}}:root{--earth-d:#6b4420;--water-d:#175877;--amber:#a86b00;--amber-l:#fbefd0;--ease:cubic-bezier(.22,.8,.3,1)}.ico{flex-shrink:0;display:inline-block;vertical-align:middle}.ico .f{fill:currentColor;fill-opacity:.14}.badge{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;flex-shrink:0;position:relative}.badge:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -3px #0000001a}.b-green{background:var(--green-l);color:var(--green)}.b-blue{background:var(--water-l);color:var(--water-d)}.b-earth{background:var(--earth-l);color:var(--earth-d)}.b-amber{background:var(--amber-l);color:var(--amber)}.b-red{background:var(--bad-l);color:var(--bad)}.pagehead{display:flex;gap:14px;align-items:center}.pagehead h2{margin:0 0 2px}.card-t{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin-bottom:10px;color:var(--water-d)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}.page>*{animation:rise .42s var(--ease) both}.page>*:nth-child(2){animation-delay:.05s}.page>*:nth-child(3){animation-delay:.1s}.page>*:nth-child(4){animation-delay:.15s}.page>*:nth-child(5){animation-delay:.2s}.page>*:nth-child(n+6){animation-delay:.25s}.btn,.tile,.opt,.finger button,.listen,.chipb,.conn-opt,.suggest button,.quick button{transition:transform .12s var(--ease),box-shadow .2s,background-color .2s,border-color .2s}.btn:active,.tile:active,.opt:active,.finger button:active,.chipb:active,.conn-opt:active,.suggest button:active,.ask-cta:active{transform:scale(.97)}.tile:hover,.conn-opt:hover{box-shadow:0 6px 18px #1f2a2214;transform:translateY(-2px)}.tile{position:relative;overflow:hidden}.tile b{margin-top:6px}.tile.wide{width:100%;flex-direction:row;align-items:center;gap:14px;min-height:0}.tile.wide small{display:block}.finger button.on{animation:pop .3s var(--ease);box-shadow:0 0 0 3px #1f5a3f22}.finger button .fi{color:var(--earth-d)}.finger button:nth-child(2) .fi{color:var(--green)}.finger button:nth-child(3) .fi{color:var(--water-d)}.opt.on .box{animation:pop .25s var(--ease)}.nav-ic{transition:background-color .25s,transform .25s var(--ease)}.nav button.on .nav-ic{transform:translateY(-2px)}.nav button:active .nav-ic{transform:scale(.9)}.nav button.ask-btn .nav-ic{box-shadow:0 4px 12px #1f5a3f55}.guide-item .chev{transition:transform .25s var(--ease)}.guide-body{animation:rise .3s var(--ease) both}.hello{position:relative;overflow:hidden}.hello:after{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#fff2,#fff0 70%);pointer-events:none}.ask-cta .mic{animation:glow 2.8s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 9px #1f5a3f22}}.welcome .big-em .badge{width:84px;height:84px;border-radius:26px}.msg{animation:rise .3s var(--ease) both}.verdict .vi{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fffa;flex-shrink:0}.verdict .big{gap:12px;font-size:1.45rem}.verdict-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:4px}.riego-card.compact .big{font-size:1.25rem}.riego-card.compact .vi{width:46px;height:46px}.chip-time{display:inline-flex;align-items:center;gap:6px;background:#fffa;border-radius:99px;padding:4px 12px;font-weight:700;font-size:.9rem;align-self:flex-start}.avisos{display:flex;flex-direction:column;gap:8px;margin-top:6px}.aviso{display:flex;gap:10px;align-items:flex-start;background:#fffc;border-radius:14px;padding:10px 12px;font-size:.92rem;color:var(--ink)}.aviso svg{margin-top:2px}.a-helada svg{color:#2a6fb0}.a-calor svg{color:#c4701a}.a-agua svg{color:var(--water-d)}.sensor-main{display:flex;flex-direction:column;gap:14px}.live-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.live{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.85rem;border-radius:99px;padding:4px 12px}.live i{width:9px;height:9px;border-radius:50%;background:currentColor}.live.on{background:var(--ok-l);color:var(--ok)}.live.on i{animation:glow2 1.6s infinite}.live.old{background:var(--warn-l);color:var(--warn)}@keyframes glow2{0%{box-shadow:0 0 #237a4b66}to{box-shadow:0 0 0 9px #237a4b00}}.gauge-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.gauge{width:230px;max-width:100%;flex-shrink:0}.gauge svg{width:100%;height:auto;display:block;overflow:visible}.gwater{transition:transform 1.1s var(--ease)}.gwave{animation:wave 3.2s linear infinite}@keyframes wave{to{transform:translate(-80px)}}.gnum{font-size:46px;font-weight:800;paint-order:stroke;stroke:#0000004d;stroke-width:5px;stroke-linejoin:round}.gpct{font-size:22px}.glabel text{font-size:10px;fill:var(--muted);font-weight:700}.stats{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.stat{display:flex;gap:10px;align-items:center;background:var(--bg);border-radius:14px;padding:10px 12px}.stat svg{color:var(--green)}.stat small{display:block;color:var(--muted);font-size:.74rem;line-height:1.1}.stat b{font-size:1.05rem}.sub{margin:4px 0 -4px;font-size:1rem}.note{font-size:.82rem}.trend{width:100%;height:auto;touch-action:pan-y;cursor:crosshair}.tr-band{fill:#2c8a5a1f}.tr-grid{stroke:var(--line);stroke-width:1}.tr-ax{font-size:11px;fill:var(--muted)}.tr-line{fill:none;stroke:var(--water-d);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1200;animation:draw 1.2s var(--ease) both}@keyframes draw{0%{stroke-dashoffset:1200}to{stroke-dashoffset:0}}.tr-area{fill:#1f6f9c1a}.tr-pred{stroke:var(--water-d);stroke-width:2.4;stroke-dasharray:3 5;stroke-linecap:round;fill:none}.tr-dot{fill:var(--water-d);stroke:#fff;stroke-width:2}.tr-dot2{fill:#fff;stroke:var(--water-d);stroke-width:2.5}.tr-cur{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.tr-tip{fill:#1f2a22}.tr-tt{font-size:12px;fill:#fff;font-weight:700}.tr-ts{font-size:11px;fill:#cfd6d0}.gauge.pouring{position:relative}.gauge.pouring:before{content:"";position:absolute;left:50%;top:-4px;width:6px;height:26px;margin-left:-3px;border-radius:6px;background:linear-gradient(#4aa3d6,#4aa3d600);animation:pour .8s linear infinite}@keyframes pour{0%{opacity:.2;transform:translateY(-6px)}50%{opacity:1}to{opacity:.2;transform:translateY(18px)}}.valve{display:flex;flex-direction:column;gap:12px}.valve-head{display:flex;gap:12px;align-items:flex-start}.valve-head h2{margin-bottom:2px}.chips{display:flex;gap:8px}.chipb{flex:1;min-height:48px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.chipb.on{border-color:var(--water);background:var(--water-l);color:var(--water-d)}.btn.danger{background:var(--bad);color:#fff}.valve-on{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--water-l);border-radius:18px;padding:14px}.valve-on>div{flex:1;min-width:120px}.vtitle{font-size:1.2rem;color:var(--water-d)}.vopen{color:var(--water-d);animation:pop 1s infinite}.ring{width:96px;height:96px;flex-shrink:0}.ring-bg{fill:none;stroke:#fff;stroke-width:9}.ring-fg{fill:none;stroke:var(--water);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.ring-t{font-size:20px;font-weight:800;fill:var(--water-d)}.conn-head{display:flex;justify-content:space-between;align-items:center}.conn-head h2{margin:0}.conn-opt{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:2px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px;min-height:68px}.conn-opt b{display:block}.conn-opt small{display:block;color:var(--muted);font-size:.8rem;font-weight:500;line-height:1.25;margin-bottom:6px}.conn-opt:disabled{opacity:.5}.conn-opt.wife,.conn-opt.wifi{align-items:flex-start;cursor:default}.conn-opt.wifi:hover{transform:none;box-shadow:none}.conn-opt input{width:100%;min-height:48px;border:2px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:8px;font-weight:500}.waiting{display:flex;align-items:center;gap:10px;background:var(--water-l);border-radius:14px;padding:12px;color:var(--water-d);font-weight:700}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--water);animation:glow2 1.2s infinite;box-shadow:0 0 #1f6f9c88}.save h3{display:flex;align-items:center;gap:8px;color:var(--green-d)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;flex:none;min-width:0}.stat{min-width:0}.gnum{transform:translateY(-6px)}@media(min-width:1000px){.page{max-width:1360px;padding:26px 32px 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;grid-auto-flow:row dense}.page>:is(.pagehead,.hello,.tiles,.search,.sec-title,.sensor-main,.tile.wide,.guide-list.full,.verdict){grid-column:1/-1}.topbar{padding-left:32px;padding-right:32px}.shell-side{width:260px}.hello{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:28px 32px}.hello>div:first-child,.hello>h1{flex:1 1 100%}.hello .ask-cta{flex:1 1 380px;max-width:460px}.hello .quick{flex:2 1 420px;flex-direction:row}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tile{min-height:150px;padding:20px}.tile.wide{min-height:0}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.page>.guide-list{grid-column:1/-1}.sm-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:28px;align-items:start}.sm-left,.sm-right{display:flex;flex-direction:column;gap:14px}.gauge{width:min(280px,100%)}.gauge-row{flex-direction:column}.stats{max-width:380px}.ask{max-width:1100px}.msgs{padding:22px 28px}.msg{max-width:78%}.suggest{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ask-head,.ask-ctx,.composer{padding-left:28px;padding-right:28px}.status-grid{grid-template-columns:repeat(2,1fr)}.finger{flex-direction:row}}@media(min-width:1500px){.page{max-width:1560px;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.page>.guide-list{grid-column:1/-1}.suggest{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px)and (max-width:1499px){.page .status-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.page>.span-all{grid-column:1/-1}.page>.wideform{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 48px;align-items:start}.wideform>h2,.wideform>.btn.full,.wideform>button[type=submit],.wideform>details,.wideform>.msg-ok{grid-column:1/-1}.page>.card:has(.status-grid){grid-column:1/-1}.page .tip{max-width:none}}@media(min-width:1500px){.page>.wideform{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.shell-side{width:96px}.side-brand{justify-content:center;padding:14px 0 6px}.side-brand{font-size:0;gap:0}.nav{padding:8px 6px;gap:6px}.nav button{flex-direction:column;justify-content:center;gap:4px;font-size:.72rem;padding:10px 2px;border-radius:14px;text-align:center}.nav button span:last-child{white-space:normal;line-height:1.1}.content{overflow-x:hidden}.page{max-width:none;width:100%;margin:0;padding:22px clamp(16px,2vw,36px) 40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px}.topbar{padding-left:clamp(16px,2vw,36px);padding-right:clamp(16px,2vw,36px)}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))}.page>.guide-list{grid-column:1/-1}.page>.wideform{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.page>.card:has(.status-grid){grid-column:auto}.ask{max-width:none;width:100%}.suggest{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.msg{max-width:70%}.welcome{max-width:1200px;margin:0 auto;width:100%}.sm-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}}@media(min-width:1500px){.sm-grid{grid-template-columns:minmax(280px,340px) minmax(300px,.8fr) minmax(420px,1.2fr)}.sm-right{display:contents}.sm-right>.riego-card,.sm-right>.verdict{grid-column:2;grid-row:1}.sm-right>.sub{grid-column:3;grid-row:1;align-self:start;margin:0}.sm-right>.trend-box{grid-column:3;grid-row:1;margin-top:34px}.sm-right>.note{grid-column:2/-1}}.trend-box{width:100%}.page>.foot{grid-column:1/-1;text-align:center}.mini-g{margin:6px 0 10px}.mini-g b{display:block;margin-bottom:2px}.mini-g p{color:var(--ink);line-height:1.45}.badge.mini{width:34px;height:34px;border-radius:11px}.bar{height:10px;background:var(--line);border-radius:99px;overflow:hidden;margin:2px 0 12px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#4fae7d);border-radius:inherit;transition:width .5s var(--ease)}.checklist{display:flex;flex-direction:column;gap:8px}.checklist .opt{min-height:52px;gap:10px;font-weight:600}.checklist .opt.on{background:var(--green-l)}.hist{list-style:none;margin:6px 0 8px;padding:0;display:flex;flex-direction:column;gap:2px}.hist li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}.hist li:last-child{border:0}.hist .dot{width:12px;height:12px;border-radius:50%;background:var(--green);margin-top:6px;flex-shrink:0;box-shadow:0 0 0 4px var(--green-l)}.hist small{display:block;color:var(--muted)}.masonry{display:flex;flex-direction:column;gap:16px}@media(min-width:900px){.page>.masonry{grid-column:1/-1;display:block;column-width:380px;column-gap:18px}.masonry>.card{break-inside:avoid;margin:0 0 18px;display:block}}html[data-font=clara] body,html[data-font=clara] button,html[data-font=clara] input,html[data-font=clara] select,html[data-font=clara] textarea{font-family:Verdana,Tahoma,DejaVu Sans,Arial,sans-serif;letter-spacing:.02em;word-spacing:.08em}html[data-font=redonda] body,html[data-font=redonda] button,html[data-font=redonda] input,html[data-font=redonda] select,html[data-font=redonda] textarea{font-family:Comic Sans MS,Comic Neue,Trebuchet MS,Nunito,Segoe UI,sans-serif;letter-spacing:.03em;word-spacing:.1em}html[data-bold="1"] body,html[data-bold="1"] .muted,html[data-bold="1"] small{font-weight:600}html[data-space="1"] body,html[data-space="1"] p,html[data-space="1"] li{line-height:1.8}html[data-contrast="1"]{--bg:#fff;--card:#fff;--ink:#000;--muted:#1a1a1a;--line:#555;--green:#0a3a24;--green-d:#04261a;--green-l:#d5ead9;--earth:#5a3410;--water:#0b4a70;--ok:#0b5a30;--warn:#6b4600;--bad:#8a1c0c;--none:#333}html[data-contrast="1"] .card,html[data-contrast="1"] .tile,html[data-contrast="1"] .opt,html[data-contrast="1"] .status{border:2px solid #000}html[data-contrast="1"] a,html[data-contrast="1"] .link-btn{text-decoration:underline}html[data-contrast="1"] :focus-visible{outline:4px solid #ff9d00;outline-offset:2px}:focus-visible{outline:3px solid #ff9d00;outline-offset:2px}.ver-back{position:fixed;inset:0;background:#0009;z-index:200;display:grid;place-items:center;padding:12px;animation:fade .2s both}@keyframes fade{0%{opacity:0}to{opacity:1}}.ver{background:#fff;color:var(--ink);border-radius:22px;width:min(560px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:18px 18px 16px;animation:rise .25s var(--ease) both;box-shadow:0 20px 60px #0006}.ver-head{display:flex;justify-content:space-between;align-items:center}.ver-head h2{font-size:1.3rem}.icon-btn.dark{background:var(--none-l);color:var(--ink)}.ver h3{margin:16px 0 8px;font-size:1rem}.ver-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.ver-step{min-height:56px;border-radius:14px;border:2px solid var(--green);background:#fff;color:var(--green);font-weight:800;display:flex;gap:8px;align-items:center;justify-content:center;font-size:1.1rem}.ver-step:disabled{opacity:.35}.ver-step:active:not(:disabled){background:var(--green-l)}.ver-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.ver-opts button{min-height:50px;border-radius:12px;border:2px solid var(--line);background:#fff;font-weight:700}.ver-opts button.on,.ver-sw button.on{border-color:var(--green);background:var(--green-l);color:var(--green-d)}.ver-opts.big button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px}.ver-opts.big b{font-size:1.8rem;line-height:1.1}.ver-opts.big span{font-size:.85rem}.ver-opts .f-clara{font-family:Verdana,Tahoma,DejaVu Sans,Arial,sans-serif}.ver-opts .f-redonda{font-family:Comic Sans MS,Comic Neue,Trebuchet MS,Nunito,sans-serif}.ver-sw{display:flex;flex-direction:column;gap:8px}.ver-sw button{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:700;text-align:left}.ver-sw i{width:44px;height:26px;border-radius:99px;background:#c9cdc7;position:relative;flex-shrink:0;transition:background .2s}.ver-sw i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}.ver-sw .on i{background:var(--green)}.ver-sw .on i:after{transform:translate(18px)}.ver-prev{margin:14px 0;padding:12px 14px;background:var(--earth-l);border-radius:12px;font-size:1.05rem}.ver-foot{display:flex;gap:10px;flex-wrap:wrap}.ver-foot .btn{flex:1 1 180px}@media(prefers-reduced-motion:reduce){.ver-back,.ver{animation:none}}@media(max-width:899px){html[data-size="2"] .nav button,html[data-size="3"] .nav button{font-size:11px}html[data-size="2"] .brand,html[data-size="3"] .brand{font-size:16px}html[data-size="2"] .brand small,html[data-size="3"] .brand small{font-size:11px}html[data-size="2"] .lang-btn,html[data-size="3"] .lang-btn{font-size:12px}html[data-size="3"] .brand small{display:none}}@media(max-width:899px)and (max-width:400px){html[data-size="3"] .brand>div{display:none}}@media(min-width:900px){html[data-size="2"] .nav button,html[data-size="3"] .nav button{font-size:13px}html[data-size="3"] .nav button span{white-space:normal}}