:root{--top-safe: 72px;--brand: #3c6e52;--brand-dark: #2a4f3b;--brand-light: #eaf3ec;--accent: #c99a3b;--ink: #23271f;--ink-muted: #6b7268;--surface: #ffffff;--surface-border: rgba(35, 39, 31, .08)}*{font-family:Plus Jakarta Sans,Segoe UI,sans-serif}body{background:radial-gradient(circle at 18% -10%,#eef6ef,#f7f5ee 42%,#eef1e8);color:var(--ink);padding:0;margin:0;overflow:hidden}.group-province{fill:#6b9477;stroke:#fff;stroke-width:1px;transition:fill .2s ease,stroke-width .2s ease;cursor:pointer}.group-province:hover{fill:#ffe75b;stroke-width:1.5px}.host-control{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.6rem;z-index:30}.host-control .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 16px #23271f1a}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover,.btn-brand:active,.btn-brand:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.btn-outline-brand{background:transparent;border:1px solid var(--surface-border);color:var(--ink)}.btn-outline-brand:hover,.btn-outline-brand:active,.btn-outline-brand:focus{background:var(--brand-light);border-color:var(--brand);color:var(--brand-dark)}.modal-content{border:none;border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #23271f2e}.modal-header{border-bottom:1px solid var(--surface-border);border-top:3px solid var(--brand)}.modal-title{font-weight:700}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem #3c6e522e}.bottom-pop-up{width:100vw;max-height:35vh;max-height:35dvh;position:fixed;left:0;bottom:0;transform:translateY(100%);transition:transform .4s ease;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--surface-border);border-top:3px solid var(--brand);border-radius:18px 18px 0 0;pointer-events:none;display:flex;align-items:flex-start;gap:1.5rem;box-sizing:border-box;z-index:5}.bottom-pop-up.is-open{transform:translateY(0)}.bottom-pop-up .image{width:200px;height:200px;object-fit:cover;border-radius:12px;flex-shrink:0;box-shadow:0 8px 20px #23271f26}.bottom-pop-up .bottom-pop-up-text{flex:1;min-width:0;max-height:calc(35vh - 2rem);max-height:calc(35dvh - 2rem);overflow-y:auto}.bottom-pop-up .title{font-weight:800;font-size:1.4rem;margin-bottom:.1rem}.bottom-pop-up .subtitle{color:var(--accent);font-weight:600;font-size:1rem}.bottom-pop-up .content{color:var(--ink-muted);font-size:.92rem;line-height:1.55;font-weight:400}.map-stage{min-height:100vh;min-height:100dvh;height:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;gap:1.75rem}.hero-text{max-width:640px}.hero-text h1{font-weight:800;font-size:clamp(1.6rem,3.4vw,2.35rem);letter-spacing:-.01em;margin-bottom:.5rem}.hero-text p{color:var(--ink-muted);font-size:clamp(.92rem,1.6vw,1.05rem);margin-bottom:0}#logo-container{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 10px 30px #23271f0f}#logo-container .card-body{padding:1.1rem 1.5rem}.logo-row-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);text-align:center;margin-bottom:.75rem}.logo-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem}.logo-row img{height:46px;width:auto;object-fit:contain;filter:grayscale(55%);opacity:.8;transition:filter .2s ease,opacity .2s ease}.logo-row img:hover{filter:grayscale(0%);opacity:1}.map-svg-wrap{width:100%;display:flex;justify-content:center}#province-map{width:min(94vw,960px);max-width:960px;height:auto;display:block;filter:drop-shadow(0 14px 26px rgba(35,39,31,.12))}.map-hint{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--surface-border);color:var(--ink-muted);font-size:.85rem;font-weight:500;padding:.55rem 1.1rem;border-radius:999px;box-shadow:0 6px 16px #23271f0f}.map-hint svg{flex-shrink:0;color:var(--brand)}@media(max-width:576px){.host-control{top:.6rem;right:.6rem;gap:.4rem}.host-control .btn{padding:.3rem .6rem;font-size:.78rem}.bottom-pop-up{flex-direction:column;max-height:55vh;max-height:55dvh;overflow-y:auto;padding-bottom:1.5rem!important}.bottom-pop-up .image{width:100%;height:150px}.bottom-pop-up .bottom-pop-up-text{max-height:none;overflow-y:visible}.logo-row{gap:1.1rem}.logo-row img{height:34px}}@media(orientation:landscape)and (max-height:500px){:root{--top-safe: 48px}.host-control .btn{padding:.3rem .6rem;font-size:.78rem}.hero-text p{display:none}.hero-text h1{font-size:1.1rem;margin-bottom:0}#logo-container .card-body{padding:.5rem 1rem}.logo-row-label{font-size:.58rem;margin-bottom:.35rem}.logo-row{gap:.9rem}.logo-row img{height:24px}.map-stage{gap:.6rem}#province-map{width:min(88vw,620px)}.map-hint{padding:.4rem .85rem;font-size:.78rem}.fullscreen-toggle{width:36px;height:36px;right:.75rem;bottom:.75rem}}.fullscreen-toggle{position:fixed;right:1rem;bottom:1rem;width:42px;height:42px;border-radius:50%;border:1px solid var(--surface-border);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #23271f1f;z-index:20;cursor:pointer}.fullscreen-toggle:hover{color:var(--brand)}.orientation-cover{display:none;position:fixed;inset:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center;background:linear-gradient(160deg,var(--brand-dark),var(--brand));color:#fff;touch-action:none}.orientation-cover .rotate-icon{width:60px;height:60px;animation:rotate-hint 1.3s ease-in-out infinite alternate}@keyframes rotate-hint{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.orientation-cover h2{font-weight:800;font-size:1.3rem;margin:0}.orientation-cover p{max-width:320px;color:#fffc;font-size:.92rem;margin:0}@media screen and (max-width:900px)and (orientation:portrait){.orientation-cover{display:flex}}