html,body{height:100%;margin:0}body:has(#arenal-index-dos:is([data-screen="home"],[data-screen="filters"])){overflow:hidden;padding:0;background:#edf1e9}#arenal-index-dos:is([data-screen="home"],[data-screen="filters"]){--sheet-height:44%;height:100dvh!important;min-height:0!important;max-height:100dvh!important;max-width:480px!important;border:0;border-radius:0;overflow:hidden;background:#fff;box-shadow:0 0 40px #173e2c14}#arenal-index-dos:is([data-screen="home"],[data-screen="filters"]) #index-home{height:100%;display:flex;flex-direction:column;min-height:0}#arenal-index-dos .explore-header{display:block;flex-shrink:0;background:#fff;--brand-ink:#20533a;--brand-tag:#dce9c5;--brand-tag-text:#20533a;padding:0!important;border-bottom:1px solid #e8ece6}#arenal-index-dos .explore-header .brand{display:block;max-height:75px;padding:17px 20px 10px;opacity:1;overflow:hidden;transition:max-height .22s ease,padding .22s ease,opacity .18s}#arenal-index-dos .explore-header .index-arenal{font-size:30px;color:#20533a}#arenal-index-dos .explore-header .index-index{font-size:8px;color:#20533a;background:#dce9c5}#arenal-index-dos .explore-header .brand small{color:#6b7e6e;font-size:8px;letter-spacing:1.5px;margin-top:4px}#arenal-index-dos.header-compact .explore-header .brand{max-height:0;padding-top:0;padding-bottom:0;opacity:0}#arenal-index-dos .search-row{display:flex;align-items:center;gap:10px;padding:10px 16px 14px}#arenal-index-dos button.search-pill{border-radius:40px;min-height:57px;display:flex;align-items:center;gap:11px;flex:1;min-width:0;text-align:left;padding:11px 15px;box-shadow:0 3px 12px #203c2110;border:1px solid #e1e6dc;background:#fff}#arenal-index-dos .search-pill>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}#arenal-index-dos .search-pill strong{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#24362b}#arenal-index-dos .search-pill small{font-size:10px;color:#778176;letter-spacing:0}#arenal-index-dos .search-pill svg{width:20px;height:20px;color:#285a3d}#arenal-index-dos button.filter-icon{position:relative;display:flex;align-items:center;justify-content:center;border:0;background:#fff;border-radius:50%;width:44px;min-width:44px;height:48px;padding:0;color:#24362b}#arenal-index-dos .filter-icon svg{width:23px;height:23px}#arenal-index-dos #index-filter-count{position:absolute;top:0;right:0;background:#285a3d;color:#fff;font-size:10px;min-width:17px;height:17px;line-height:17px;border-radius:50%}#arenal-index-dos #index-chips{flex-shrink:0;max-height:66px;overflow:auto;padding:0 12px;gap:5px}#arenal-index-dos #index-chips:not(:empty){padding-top:6px;padding-bottom:6px}#arenal-index-dos #index-chips button{font-size:10px;min-height:30px}#arenal-index-dos:is([data-screen="home"],[data-screen="filters"]) #index-map-view,#arenal-index-dos:is([data-screen="home"],[data-screen="filters"]) #index-map-view:has(#index-preview:not([hidden])){position:relative;flex:1;min-height:0;height:auto;padding:0;overflow:hidden}#arenal-index-dos #index-map-stage{height:100%!important}#arenal-index-dos #index-preview.results-sheet{position:absolute;left:0;right:0;bottom:0;top:auto;height:var(--sheet-height);max-height:none;padding:0;margin:0;border:0;border-radius:28px 28px 0 0;box-shadow:0 -4px 20px #173e2c16;overflow:hidden;display:flex;flex-direction:column;transition:height .25s ease;z-index:5;background:#fff}#arenal-index-dos.results-expanded{--sheet-height:calc(100% - 24px)}#arenal-index-dos .results-sheet-header{flex-shrink:0;background:#fff;padding:0 18px 12px;position:relative;z-index:2}#arenal-index-dos button#results-handle{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;border:0;background:transparent;width:72px;height:32px;min-height:32px;touch-action:none;border-radius:12px}#arenal-index-dos #results-handle>span{display:block;width:36px;height:4px;background:#d5dbd3;border-radius:5px}#arenal-index-dos .results-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}#arenal-index-dos .results-heading h2{flex:1;text-align:center;margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px;line-height:1.35}#arenal-index-dos button#results-expand{border:0;background:transparent;color:#285a3d;padding:6px 0;min-height:44px;font-size:11px;font-weight:700;white-space:nowrap}#arenal-index-dos #results-scroll{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;touch-action:pan-y;padding:0 18px 20px;scrollbar-width:thin;scroll-behavior:auto}#arenal-index-dos .listing-card{margin:0 0 28px;padding:0;background:#fff;min-width:0}#arenal-index-dos button.listing-save{position:absolute;top:10px;right:10px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:#fff9;box-shadow:0 1px 8px #16362122;color:#fff;text-shadow:0 1px 3px #153b29;font:32px/1 system-ui;padding:0;display:flex;align-items:center;justify-content:center}#arenal-index-dos button.listing-save[aria-pressed=true]{color:#285a3d;background:#fff}#arenal-index-dos .listing-card h3{font-size:15px;font-weight:700;letter-spacing:-.25px;margin:13px 0 4px;color:#24362b;line-height:1.35}#arenal-index-dos .listing-card.selected h3::after{content:' · Seleccionado';font-size:10px;font-weight:500;color:#285a3d}#arenal-index-dos .listing-meta{font-size:12px;color:#738073;margin:0}#arenal-index-dos .listing-prices{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin:8px 0 0}#arenal-index-dos .listing-prices>*{font-size:12px;font-weight:400;color:#63725f}#arenal-index-dos .listing-prices>:first-child{font-size:17px;font-weight:700;color:#24362b}#arenal-index-dos .listing-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:5px}#arenal-index-dos .listing-bottom>span{font-size:10px;color:#7c8879}#arenal-index-dos .listing-bottom button{border:0;background:transparent;font-size:11px;min-height:44px;padding:5px 0;color:#285a3d;font-weight:700}#arenal-index-dos .bottom-navigation{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:40px;min-height:66px;padding:5px 14px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid #e6ebe2;background:#fff;z-index:8}#arenal-index-dos .bottom-navigation button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:100px;width:auto;height:50px;padding:4px 9px;color:#84907e;border-radius:0;min-height:50px;font-size:10px}#arenal-index-dos .bottom-navigation svg{width:23px;height:23px}#arenal-index-dos #index-saved-count{font-size:9px;display:inline-block;font-weight:500}#arenal-index-dos #results-more{display:block;width:100%;min-height:44px;border-radius:12px;background:#f1f5ec;border-color:#e1e8dc;color:#285a3d;font-size:12px;font-weight:700}#arenal-index-dos #results-progress,#arenal-index-dos .photo-disclaimer,#arenal-index-dos .engine-note{font-size:10px;line-height:1.5;color:#7a8774;margin:12px 0}#arenal-index-dos #results-empty{font-size:13px;line-height:1.6;color:#687a65;padding:12px 0}#arenal-index-dos #selection-context{border-bottom:1px solid #e2e8de;padding:0 0 14px;margin-bottom:16px;font-size:12px}#arenal-index-dos #selection-context p{font-size:11px;color:#6a7d62;margin:6px 0}#arenal-index-dos #selection-context button{font-size:11px;padding:6px 10px;min-height:44px;margin:6px 5px 0 0;border-radius:18px;color:#285a3d;background:#f1f5ed}#arenal-index-dos .maplibregl-ctrl-bottom-right{bottom:calc(var(--sheet-height) + 4px);right:4px;transition:bottom .25s ease}#arenal-index-dos.results-expanded .maplibregl-ctrl-bottom-right{bottom:auto;top:0;right:4px}#arenal-index-dos .maplibregl-ctrl-attrib{font-size:9px;line-height:16px}#arenal-index-dos .map-price-switch{top:10px;left:12px}#arenal-index-dos .map-navigation{top:56px;left:12px}#arenal-index-dos .map-navigation button{font-size:10px;min-height:34px;background:#fff}#arenal-index-dos[data-screen="filters"]{max-width:480px!important}#arenal-index-dos[data-screen="filters"] .bottom-navigation{display:flex}@media(max-width:350px){#arenal-index-dos .search-row{padding-left:12px;padding-right:12px;gap:4px}#arenal-index-dos .search-pill strong{font-size:11px}#arenal-index-dos .search-pill small{font-size:9px}#arenal-index-dos .results-sheet-header{padding-left:14px;padding-right:14px}#arenal-index-dos #results-scroll{padding-left:14px;padding-right:14px}#arenal-index-dos .results-heading h2{font-size:12px}#arenal-index-dos .bottom-navigation{gap:24px}}@media(prefers-reduced-motion:reduce){#arenal-index-dos .explore-header .brand,#arenal-index-dos #index-preview.results-sheet,#arenal-index-dos .maplibregl-ctrl-bottom-right{transition:none}}
#arenal-index-dos:is([data-screen="home"],[data-screen="filters"]){--sheet-height:clamp(250px,44%,340px)}#arenal-index-dos.results-expanded:is([data-screen="home"],[data-screen="filters"]){--sheet-height:calc(100% - 24px)}#arenal-index-dos .explore-header .brand{padding-top:12px;padding-bottom:6px;max-height:64px}#arenal-index-dos .explore-header .index-arenal{font-size:28px}#arenal-index-dos .search-row{padding-top:7px;padding-bottom:10px}#arenal-index-dos button.search-pill{min-height:53px;padding-top:9px;padding-bottom:9px}#arenal-index-dos.header-compact .explore-header .brand{padding-top:0;padding-bottom:0;max-height:0}

#arenal-index-dos.results-expanded .maplibregl-ctrl-bottom-right{top:2px}#arenal-index-dos.results-expanded .maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0!important}
#arenal-index-dos .bottom-navigation button{font-size:11px;color:#65745e}
#arenal-index-dos .results-demo{font-size:9px;color:#71816b;text-align:center;line-height:14px;margin:0 0 3px}
/* Refined header: brand and filter entry share a single quiet row. */
#arenal-index-dos header.explore-header{display:flex;align-items:center;gap:12px;padding:12px 14px!important;min-height:76px;transition:min-height .2s ease,padding .2s ease}#arenal-index-dos .explore-header .brand,#arenal-index-dos.header-compact .explore-header .brand{flex-shrink:0;max-height:none;opacity:1;padding:0;overflow:visible}#arenal-index-dos .explore-header .index-arenal{font-size:25px;letter-spacing:-1.4px}#arenal-index-dos .explore-header .index-index{font-size:7px;letter-spacing:.9px;padding:5px 6px}#arenal-index-dos .explore-header .brand small{font-size:7px;letter-spacing:.7px;line-height:11px;margin:4px 0 0;max-height:14px;overflow:hidden;transition:max-height .2s ease,margin .2s ease,opacity .2s ease}#arenal-index-dos .search-row{flex:1;min-width:0;gap:4px;padding:0 0 0 11px;border-left:1px solid #e0e7da}#arenal-index-dos button.search-pill{min-width:0;min-height:44px;padding:3px 0;box-shadow:none;border:0;border-radius:8px;gap:0;background:transparent}#arenal-index-dos .search-pill>svg{display:none}#arenal-index-dos .search-pill>span:last-child{gap:3px;width:100%}#arenal-index-dos .search-pill strong{font-size:12px;font-weight:500;line-height:17px}#arenal-index-dos .search-pill small{font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:17px;transition:max-height .2s ease,opacity .2s ease}#arenal-index-dos button.filter-icon{width:36px;min-width:36px;height:44px;padding:0}#arenal-index-dos .filter-icon svg{width:20px;height:20px}#arenal-index-dos.header-compact header.explore-header{min-height:60px;padding-top:7px!important;padding-bottom:7px!important}#arenal-index-dos.header-compact .explore-header .brand small{max-height:0;opacity:0;margin-top:0}#arenal-index-dos.header-compact .search-pill small{max-height:0;opacity:0}#arenal-index-dos.header-compact .search-pill>span:last-child{gap:0}
/* Card information shares one scale; the total price is underlined, not a link. */
#arenal-index-dos .listing-card h3{font-size:13px;font-weight:400;letter-spacing:0;line-height:1.5;margin:12px 0 3px}#arenal-index-dos .listing-meta{font-size:13px;font-weight:400;line-height:1.5;color:#64735e;margin:0}#arenal-index-dos .listing-prices{gap:12px;margin-top:8px;line-height:1.65}#arenal-index-dos .listing-prices>*,#arenal-index-dos .listing-prices>:first-child{font-size:13px;font-weight:400;line-height:1.65;color:#24362b}#arenal-index-dos .listing-prices .listing-total{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:#70816a}#arenal-index-dos .listing-card.selected h3::after{font-weight:400}@media(max-width:350px){#arenal-index-dos header.explore-header{gap:9px;padding-left:12px!important;padding-right:10px!important}#arenal-index-dos .explore-header .index-arenal{font-size:23px}#arenal-index-dos .explore-header .index-index{font-size:6px;padding:4px 5px}#arenal-index-dos .search-row{padding-left:9px;gap:1px}#arenal-index-dos .search-pill strong{font-size:11px}#arenal-index-dos .search-pill small{font-size:9px}}@media(prefers-reduced-motion:reduce){#arenal-index-dos header.explore-header,#arenal-index-dos .explore-header .brand small,#arenal-index-dos .search-pill small{transition:none}}
/* Price ink is compact; its separate hit target remains at least 44 px. */
#arenal-index-dos button.real-pin{font-size:12px}#arenal-index-dos button.real-pin.real-single,#arenal-index-dos button.real-pin.real-price{height:44px;min-height:44px;min-width:44px;max-width:none;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;overflow:visible}#arenal-index-dos .pin-price{display:block;white-space:nowrap;font-size:10px;font-weight:500;line-height:14px;padding:4px 7px;color:#285a3d;background:#fff;border:1px solid #c5d3bf;border-radius:14px;box-shadow:0 1px 4px #173e2c22}#arenal-index-dos .pin-dot{display:block;width:12px;height:12px;background:#285a3d;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #173e2c33}#arenal-index-dos .real-single[aria-pressed=true]>span{outline:2px solid #285a3d;outline-offset:2px}
#arenal-index-dos .pin-price{font-size:12px;font-weight:500;line-height:16px;padding:4px 7px;color:#173f2a;background:#fff;border-color:#b5c9ac}
#arenal-index-dos button.real-pin:not(.real-single){border:0;box-shadow:none;background:radial-gradient(circle at center,#285a3d 17px,#fff 18px,#fff 20px,transparent 20px);font-size:12px}
#arenal-index-dos .pin-price{font-size:14px;font-weight:600;line-height:18px;padding:6px 9px;color:#123b26;background:#fff;border:1.5px solid #466c50;border-radius:18px;box-shadow:0 2px 7px #173e2c52}#arenal-index-dos .real-single[aria-pressed=true]>.pin-price{color:#fff;background:#20533a;border-color:#153e25;outline:none;box-shadow:0 3px 9px #173e2c66}#arenal-index-dos .pin-dot{width:26px;height:26px;background:#20533a;border:2px solid #fff;box-shadow:0 2px 6px #173e2c55;position:relative}#arenal-index-dos .pin-dot::after{content:'$';display:block;color:#fff;font:600 13px/22px Manrope,system-ui,sans-serif;text-align:center}
/* Reference tip, not its circular body, is anchored at the coordinate. */
#arenal-index-dos button.real-landmark{width:44px;height:58px;min-height:58px;min-width:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;overflow:visible}#arenal-index-dos .reference-body{position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #285a3d;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #173e2c33;z-index:1}#arenal-index-dos .reference-tip{position:absolute;top:38px;left:14px;width:16px;height:20px;background:#285a3d;clip-path:polygon(0 0,100% 0,50% 100%);z-index:0}#arenal-index-dos .reference-tip::before{content:'';position:absolute;top:0;left:2px;width:12px;height:16px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}#arenal-index-dos .real-landmark[data-overlap]::before{z-index:3}
#arenal-index-dos #results-expand{display:flex;gap:7px;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px;border-radius:50%}#arenal-index-dos #results-expand[aria-expanded=true]{width:44px;background:#f0f4eb;border:1px solid #dce5d5;color:#285a3d}#arenal-index-dos .panel-chevron{display:block;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;flex-shrink:0}#arenal-index-dos .panel-chevron.down{transform:translateY(-3px) rotate(45deg)}#arenal-index-dos .panel-chevron.up{transform:translateY(3px) rotate(225deg)}#arenal-index-dos button#results-return{border:0;background:transparent;color:#285a3d;font-size:11px;font-weight:500;padding:7px 8px;min-height:44px;white-space:nowrap}#arenal-index-dos.has-listing-selection .results-sheet-header{padding:0 14px 6px}#arenal-index-dos.has-listing-selection #results-handle{height:20px;min-height:20px}#arenal-index-dos.has-listing-selection .results-heading{min-height:44px;gap:4px}#arenal-index-dos.has-listing-selection .results-heading h2{text-align:left;font-size:11px;font-weight:400;letter-spacing:0;color:#6b7d63}#arenal-index-dos.has-listing-selection .results-demo{display:none}#arenal-index-dos.has-listing-selection .listing-card.selected h3::after{content:none}
#arenal-index-dos .listing-gallery{position:relative;width:100%;aspect-ratio:1.22;border-radius:19px;overflow:hidden;background:#e4eadf}#arenal-index-dos.has-listing-selection .listing-gallery{border-radius:17px}#arenal-index-dos .gallery-track{width:100%;height:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}#arenal-index-dos .gallery-track::-webkit-scrollbar{display:none}#arenal-index-dos .gallery-page{flex:0 0 100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}#arenal-index-dos .gallery-page>img{width:100%;height:100%;object-fit:cover;display:block}#arenal-index-dos #results-scroll{touch-action:pan-x pan-y}#arenal-index-dos .gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#arenal-index-dos button.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#173e2c;border-radius:50%}#arenal-index-dos .gallery-arrow.previous{left:3px}#arenal-index-dos .gallery-arrow.next{right:3px}#arenal-index-dos .gallery-arrow>span{display:block;width:28px;height:28px;border-radius:50%;background:#fffffff0;box-shadow:0 1px 5px #173e2c44;font:24px/25px system-ui;text-align:center}#arenal-index-dos .listing-info-row{margin-top:12px;align-items:center;gap:12px}#arenal-index-dos .listing-info-copy{min-width:0;flex:1}#arenal-index-dos .listing-info-copy h3{margin:0 0 3px}#arenal-index-dos .listing-illustration-note{font-size:10px;line-height:1.4;color:#7c8879;margin:8px 0 0}
#arenal-index-dos .listing-description{font-size:12px;line-height:1.45;color:#64735e;margin:0 0 5px}#arenal-index-dos .listing-meta{font-size:12px;line-height:1.5;color:#56694f;overflow-wrap:normal}#arenal-index-dos .listing-meta .listing-unit{font-size:12px;font-weight:400;color:#6c7965;white-space:nowrap}#arenal-index-dos .metadata-separator{color:#92a08a}#arenal-index-dos .listing-prices{margin-top:7px}#arenal-index-dos button.listing-save,#arenal-index-dos button.listing-save[aria-pressed=true]{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;box-shadow:none;text-shadow:none;border:0;color:#29452c}#arenal-index-dos .favorite-glyph{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe8;box-shadow:0 1px 4px #173e2c2b;font:22px/1 system-ui,sans-serif;color:#29452c}#arenal-index-dos .listing-save[aria-pressed=true] .favorite-glyph{color:#20533a;background:#fff;font-size:20px}

#arenal-index-dos .currency-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;margin:14px 0 8px}#arenal-index-dos .currency-picker select{border:1px solid #dbe3d4;border-radius:9px;padding:10px 14px;color:#29452c;background:#fff;font:inherit;min-height:44px}#arenal-index-dos #currency-note{line-height:1.6}

#arenal-index-dos .listing-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

#arenal-index-dos .currency-info{margin:0 0 14px;color:#687068;font-size:11px;line-height:1.6}
#arenal-index-dos .currency-info summary{cursor:pointer;width:fit-content;padding:4px 0;font-size:11px;font-weight:400}
#arenal-index-dos .currency-info p{font-size:11px;line-height:1.6;margin:6px 0}
#arenal-index-dos .currency-info a{color:inherit;text-underline-offset:3px}
#arenal-index-dos .currency-status{font-size:12px;line-height:1.5;padding:10px 0;color:#7d542a}

/* The location is context; explicit filter controls open the dialog. */
#arenal-index-dos header.explore-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;min-height:80px;padding:12px 16px!important}
#arenal-index-dos .explore-header .brand{grid-column:1;grid-row:1}
#arenal-index-dos .explore-header .browse-location{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;color:#72756f}
#arenal-index-dos .browse-tools{grid-column:2;grid-row:1/3}
#arenal-index-dos button.filter-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #dce2d7;border-radius:12px;background:#fff;color:#30332f;font-size:13px;font-weight:500}
#arenal-index-dos .filter-toggle svg{width:18px;height:18px}
#arenal-index-dos .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#285a3d;color:#fff;font-size:10px;line-height:1}
#arenal-index-dos button.filter-toggle:hover{background:#f4f5f2;border-color:#81927f}
#arenal-index-dos button.filter-toggle:focus-visible{outline:2px solid #285a3d;outline-offset:3px}
@media(max-width:350px){#arenal-index-dos header.explore-header{padding:10px 12px!important;gap:4px 8px}#arenal-index-dos .explore-header .browse-location{font-size:11px}#arenal-index-dos button.filter-toggle{padding:9px 10px}}

/* One selected-state rule for both navigation buttons, on every screen size. */
#arenal-index-dos .bottom-navigation button{border-radius:16px;background:transparent;color:#63705e;font-weight:600;box-shadow:none;-webkit-tap-highlight-color:transparent}
#arenal-index-dos .bottom-navigation button[aria-pressed="true"]{background:#e3eedf;color:#20533a;box-shadow:inset 0 0 0 1px #b8cfad}
#arenal-index-dos .bottom-navigation button[aria-pressed="true"] svg{stroke-width:2.2}
#arenal-index-dos .bottom-navigation button:focus-visible{outline:2px solid #285a3d;outline-offset:3px}
#arenal-index-dos .bottom-navigation button:active{background:#d6e6d0}
@media(hover:hover){#arenal-index-dos .bottom-navigation button[aria-pressed="false"]:hover{background:#f3f5f0;color:#303b2c}}

/* A quiet count accompanies the single-photo carousel on every screen. */
#arenal-index-dos .gallery-count{position:absolute;bottom:10px;right:10px;padding:4px 8px;border-radius:9px;background:#18251cba;color:#fff;font-size:11px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;pointer-events:none}