.hm-button{--hm-bar-gap: 7px;position:relative;width:44px;height:44px;margin-left:auto;margin-right:-10px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--m-ink);cursor:pointer}.hm-bars{position:relative;width:24px;height:calc(var(--hm-bar-gap) * 2 + 2px)}.hm-bars>span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s ease}.hm-bars>span:nth-child(1){top:0}.hm-bars>span:nth-child(2){top:var(--hm-bar-gap)}.hm-bars>span:nth-child(3){top:calc(var(--hm-bar-gap) * 2)}.hm-button[aria-expanded=true] .hm-bars>span:nth-child(1){transform:translateY(var(--hm-bar-gap)) rotate(45deg)}.hm-button[aria-expanded=true] .hm-bars>span:nth-child(2){opacity:0;transform:scaleX(0)}.hm-button[aria-expanded=true] .hm-bars>span:nth-child(3){transform:translateY(calc(var(--hm-bar-gap) * -1)) rotate(-45deg)}.hm-backdrop{position:fixed;inset:var(--m-header-total) 0 0 0;z-index:20;background:#040a0f99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.hm-backdrop[data-open]{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.hm-drawer{position:fixed;top:var(--m-header-total);right:0;bottom:0;z-index:21;width:min(86vw,360px);display:flex;flex-direction:column;padding:12px 0 calc(24px + env(safe-area-inset-bottom));background:var(--secondary-color);border-left:1px solid var(--m-rule);overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}.hm-drawer[data-open]{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}.hm-list{list-style:none;margin:0;padding:0}.hm-item{position:relative;width:100%;min-height:56px;display:flex;align-items:center;gap:16px;padding:12px 24px;border:0;border-bottom:1px solid var(--m-rule);background:transparent;color:var(--m-ink);font-family:inherit;font-size:17px;text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.hm-item:not(:disabled):active{background:color-mix(in srgb,var(--main-color) 14%,transparent)}@media (hover: hover){.hm-item:not(:disabled):hover{background:color-mix(in srgb,var(--main-color) 10%,transparent)}}.hm-number{flex:none;min-width:2ch;color:var(--main-color);font-size:13px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.hm-label{flex:1;min-width:0}.hm-item[aria-current=page]{color:var(--main-color)}.hm-item[aria-current=page]:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--main-color)}.hm-item:disabled{color:var(--m-ink-muted);cursor:default}.hm-item:disabled .hm-number{color:inherit}.hm-soon{flex:none;padding:3px 8px;border:1px solid currentColor;border-radius:999px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.hm-exit{margin:24px 24px 0;padding:12px 20px;border-radius:var(--round);background:var(--main-color);color:var(--secondary-color);text-align:center;text-decoration:none;letter-spacing:.08em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){.hm-bars>span,.hm-backdrop,.hm-backdrop[data-open],.hm-drawer,.hm-drawer[data-open]{transition-duration:0s;transition-delay:0s}}:root{--icon-button-bg-active: var(--main-color)}.icon-button{display:inline-flex;align-items:center;gap:10px;width:var(--icon-button-w, auto);padding:9px 18px 9px 8px;border:0;border-radius:var(--round);background:var(--icon-button-bg, var(--main-color));color:var(--icon-button-text, #ffffff);font-family:inherit;font-size:var(--icon-button-font-size, 14px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .18s ease,transform .12s ease}.icon-button.is-active,.icon-button.is-hovered{filter:var(--icon-button-filter)}.icon-button:active{transform:scale(.98)}.icon-button-mark{position:relative;width:24px;height:24px;flex:none;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center}.icon-button-mark:before,.icon-button-mark:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--icon-button-pulse-color, currentColor);pointer-events:none;animation:construct-ping var(--icon-button-pulse, 1.8s) cubic-bezier(0,0,.2,1) infinite;animation-delay:var(--icon-button-pulse-delay, 0s)}.icon-button-mark:after{animation-delay:calc(var(--icon-button-pulse-delay, 0s) - var(--icon-button-pulse, 1.8s) / 2)}.icon-button.is-active .icon-button-mark:before,.icon-button.is-active .icon-button-mark:after,.icon-button:disabled .icon-button-mark:before,.icon-button:disabled .icon-button-mark:after{visibility:hidden}.icon-button-mark svg{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;width:auto;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.7}.icon-button-mark img{width:14px;height:14px;object-fit:contain}.icon-button-image-tinted{width:14px;height:14px;background:var(--icon-button-image-color, var(--icon-button-pulse-color, currentColor));-webkit-mask:var(--icon-button-image) center / contain no-repeat;mask:var(--icon-button-image) center / contain no-repeat}.icon-button-mark img.icon-button-image-probe{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.msp{position:relative;height:100%;--m-subnav-space: 0px}.msp[data-subnav]{--m-subnav-space: calc(64px + env(safe-area-inset-bottom)) }.msp-screen{height:100%;animation:msp-in .3s ease}@keyframes msp-in{0%{opacity:0}}.msp-nav{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-between;padding:0 max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none}.m-shell .msp-button.m-icon-button{--icon-button-font-size: 12px;pointer-events:auto;max-width:calc(50% - 6px);min-height:40px;padding:5px 16px 5px 6px;box-shadow:0 4px 14px #00000040}.m-shell .msp-button--next.m-icon-button{flex-direction:row-reverse;margin-left:auto;padding:5px 6px 5px 16px}@media (prefers-reduced-motion: reduce){.msp-screen{animation:none}}:root{--main-color: #16324f;--secondary-color: #e8a13d;--background-color: #FFFFFF;--text-color: #000000;--muted-text-color: #a8b4bd;--menu-height: 84px;--font-family: "Segoe UI", system-ui, sans-serif;--round: "4%";--bm-bg: #4f4f9e;--dialog-font-color: "#FFFFFF";--dialog-bg: unset;--dialog-border: "1px solid white";--gl-notice-x: 20px;--gl-notice-y: 20px}html{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}:focus,:focus-visible{outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}[data-pinch]{touch-action:none}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);background-color:var(--background-color, #ffffff);color:var(--text-color, #17171b);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}.stage-responsive{width:100vw;height:100vh;height:100svh}.stage-letterbox{width:100vw;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--letterbox-color, transparent);overflow:hidden}.stage-fixed{transform-origin:center center;flex:none;background-color:transparent}.app-shell{height:100%;display:flex;flex-direction:column}.app-content{flex:1;min-height:0;background-color:var(--page-background, var(--background-color));overflow:hidden;position:relative}.page-wrapper{min-height:100%}.page{padding:clamp(24px,4vw,64px);max-width:1400px;margin:0 auto;display:grid;grid-template-columns:16fr 1fr;column-gap:24px;align-items:start}.page>*{grid-column:1 / -1}.page>.page-title{grid-column:1;grid-row:1}.page>.page-sun{grid-column:2;grid-row:1}.page h1{font-size:clamp(1.8rem,4vw,3rem);color:var(--secondary-color);margin-bottom:.5rem}.page .lead{color:var(--muted-text-color);font-size:clamp(1rem,1.6vw,1.25rem);margin-bottom:2rem}.animate-stage{width:min(100%,1100px);margin:0 auto;border-radius:16px;overflow:hidden;background:var(--surface-color)}.animate-stage canvas,.lab-stage canvas{display:block;width:100%;height:auto}.page-title,.page-sun{position:relative;min-width:0}.page-title{overflow:hidden}.page-title canvas,.page-sun canvas{display:block;width:100%;height:auto}.animate-overlay{justify-self:start;align-self:start;width:calc(var(--overlay-w) / var(--design-w) * 100%);margin-left:calc(var(--overlay-x) / var(--design-w) * 100%);margin-top:calc(var(--overlay-y) / var(--design-w) * 100%)}.animate-overlay[data-anchor=center]{transform:translate(-50%,-50%)}.animate-overlay canvas{display:block;width:100%;height:auto}.plantas-page{padding:0;max-width:none}.plantas-stage{position:relative;display:grid;width:100%}.plantas-stage>*{grid-area:1 / 1;min-width:0}.plantas-plan canvas{display:block;width:100%;height:auto}[data-loading]:after{content:"";position:absolute;top:50%;left:50%;box-sizing:border-box;width:var(--loader-size, 56px);height:var(--loader-size, 56px);margin:calc(var(--loader-size, 56px) / -2) 0 0 calc(var(--loader-size, 56px) / -2);border-radius:50%;border:var(--loader-thickness, 5px) solid var(--loader-track-color, rgba(0, 0, 0, .12));border-top-color:var(--loader-color, #16324f);animation:app-loader-spin var(--loader-speed, 1.1s) linear infinite;z-index:-1;pointer-events:none}@keyframes app-loader-spin{to{transform:rotate(360deg)}}@keyframes construct-ping{0%{transform:scale(1);opacity:.7}to{transform:scale(2.1);opacity:0}}.m-shell{--m-header-h: 56px;--m-header-total: calc(var(--m-header-h) + env(safe-area-inset-top));--m-ink: #ffffff;--m-ink-muted: color-mix(in srgb, #ffffff 42%, transparent);--m-rule: color-mix(in srgb, #ffffff 10%, transparent);--m-gutter: 20px;--loader-color: var(--main-color);--loader-track-color: rgba(255, 255, 255, .14);height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--background-color);color:var(--m-ink);font-family:var(--font-family)}.m-shell :focus-visible{outline:2px solid var(--main-color);outline-offset:2px}.m-header{position:relative;z-index:30;flex:none;height:var(--m-header-total);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:env(safe-area-inset-top) calc(var(--m-gutter) + env(safe-area-inset-right)) 0 calc(var(--m-gutter) + env(safe-area-inset-left));background:var(--secondary-color);border-bottom:1px solid var(--m-rule)}.m-logo{display:block;height:34px;width:auto}.m-logo-text{font-size:15px;letter-spacing:.12em;text-transform:uppercase}.m-content{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--page-background, var(--background-color));padding-bottom:env(safe-area-inset-bottom)}.m-page{height:100%;animation:m-page-in .3s ease}@keyframes m-page-in{0%{opacity:0}}.m-page-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.m-page-loading:after{z-index:0}.m-empty{padding:48px var(--m-gutter);color:var(--m-ink-muted);text-align:center}.m-paper{background:#f2e9e1 url(/img/mobile/guia-papel.webp) center / cover no-repeat;color:var(--secondary-color)}.m-band{flex:none;height:3.5rem;display:flex}.m-band--sand{background:#f0d8b7 url(/img/mobile/guia-areia.webp) center / cover no-repeat}.page .m-band-title{margin:0;display:flex;align-items:center;padding:0 40px 0 max(20px,env(safe-area-inset-left));background:var(--main-color);color:var(--secondary-color);font-family:"JUST Sans Regular",var(--font-family);font-size:19px;font-weight:400;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.m-chip{flex:none;min-height:34px;padding:7px 14px;border:1px solid transparent;border-radius:var(--round, 999px);background:var(--icon-button-bg, var(--main-color));color:var(--icon-button-text, var(--secondary-color));font-family:var(--font-family);font-size:12px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:filter .18s ease,transform .12s ease}.m-chip[aria-pressed=true]{background:var(--icon-button-bg-active, var(--icon-button-bg, var(--main-color)));filter:var(--icon-button-filter, brightness(.6))}.m-chip:active{transform:scale(.96)}.m-chip:disabled{opacity:.4;cursor:default}.m-chip--outline{border-color:var(--main-color);background:transparent;color:var(--main-color)}.m-chip--outline[aria-pressed=true]{background:var(--main-color);color:var(--secondary-color);filter:none}.m-shell .gl-zoom{flex:none;gap:8px;padding:5px 5px 5px 14px;font-size:11px;background:var(--main-color);color:var(--secondary-color)}.m-shell .gl-zoom-glyph{width:28px;height:28px;background:var(--secondary-color);color:var(--main-color)}.m-shell .gl-zoom-glyph svg{width:16px;height:16px}.m-shell .m-icon-button{--icon-button-font-size: 11px;min-height:34px;min-width:0;gap:7px;padding:5px 12px 5px 5px;letter-spacing:.05em;line-height:1.2;box-sizing:border-box}.m-shell .m-icon-button .icon-button-mark{width:22px;height:22px}.m-shell .m-icon-button .icon-button-mark img,.m-shell .m-icon-button .icon-button-image-tinted{width:12px;height:12px}.m-icon-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-shell .m-icon-button:disabled{opacity:.4;cursor:default}.m-label{margin:0;color:var(--main-color);font-size:13px;line-height:1.2}@media (orientation: landscape) and (max-height: 540px){.m-shell{--m-header-h: 44px}.m-logo{height:26px}}@media (prefers-reduced-motion: reduce){.m-page{animation:none}}