/* Etando MSN Edition V4 — navigation, kiosk, reader and responsive refinements */
:root{--et-card-radius:18px;--et-soft-shadow:0 6px 24px rgba(20,32,55,.08)}
.msn-brand-button{appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;font:inherit;text-align:left}
.nav-item-button{font:inherit;text-align:left;border:0;cursor:pointer}
.section-more-button,.msn-inline-link{border:0;background:transparent;color:var(--brand);font:inherit;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0}

/* Search: explicit validation button; Enter is intentionally ignored in JS. */
.msn-search{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:5px 6px 5px 10px!important;overflow:visible!important}
.msn-search .search-leading-icon{display:grid;place-items:center;color:var(--muted);width:32px;height:32px}
.msn-search input{grid-column:2;min-width:0;padding:0 8px!important;border:0!important;box-shadow:none!important;background:transparent!important;height:42px!important}
.msn-search .clear-search{position:static!important;grid-column:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.msn-search .clear-search.hidden{display:none!important}
.msn-search .search-validate{position:static!important;grid-column:4;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:118px;height:42px;padding:0 16px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}
.msn-search .search-validate:hover{filter:brightness(.97)}
.msn-mobile-search-trigger{display:none!important}

/* Weather is now a first-class top element. */
.msn-top-weather{margin:0 0 16px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--et-soft-shadow);overflow:hidden}
.msn-top-weather>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;color:inherit;text-decoration:none}
.msn-top-weather-main,.msn-top-weather-now{display:flex;align-items:center;gap:12px}.msn-top-weather-main>div{display:grid;gap:2px}.msn-top-weather-main small{font-size:.67rem;letter-spacing:.11em;font-weight:900;color:var(--muted)}.msn-top-weather-main strong{font-size:1rem}.msn-top-weather-main span:not(.weather-badge){font-size:.72rem;color:var(--muted)}
.weather-badge{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.msn-top-weather-now .weather-icon{font-size:1.65rem;color:#f7b500}.msn-top-weather-now b{font-size:1.35rem}.weather-open{color:var(--muted);font-size:.75rem}

/* Personalization is fully opaque on every theme/device. */
.preferences-screen{background:var(--bg)!important;backdrop-filter:none!important;opacity:1!important}
.preferences-screen:before{display:none!important}
.preferences-screen .preferences-topbar{background:var(--surface)!important;backdrop-filter:none!important;border:1px solid var(--border);border-radius:18px;margin-bottom:14px}
.preferences-screen .preferences-content,.preferences-screen .settings-card,.preferences-screen .settings-feature{opacity:1!important}
.preferences-screen .settings-card,.preferences-screen .settings-feature{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--et-soft-shadow)}
html[data-theme="dark"] .preferences-screen{background:#0d1117!important}
html[data-theme="dark"] .preferences-screen .preferences-topbar,html[data-theme="dark"] .preferences-screen .settings-card,html[data-theme="dark"] .preferences-screen .settings-feature{background:#151b23!important}

/* Mobile bottom navigation */
.msn-mobile-nav{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;backdrop-filter:blur(20px) saturate(1.2);border:1px solid color-mix(in srgb,var(--border) 85%,transparent)!important;border-radius:24px!important;padding:7px 8px!important;box-shadow:0 14px 38px rgba(20,31,50,.18)!important;gap:3px!important}
.msn-mobile-nav .bottom-item{min-width:0;min-height:56px;border-radius:17px!important;transition:transform .15s ease,background .15s ease,color .15s ease}
.msn-mobile-nav .bottom-item:active{transform:scale(.96)}
.msn-mobile-nav .bottom-item>i{font-size:1.08rem!important}
.msn-mobile-nav .bottom-item span{font-size:.64rem!important;white-space:nowrap}
.msn-mobile-nav .bottom-item.active{background:var(--brand-soft)!important;color:var(--brand)!important}
.bottom-search-action{position:relative;overflow:visible!important}
.bottom-search-orb{width:47px;height:47px;border-radius:50%;display:grid!important;place-items:center;background:var(--brand)!important;color:#fff!important;box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 38%,transparent);margin-top:-22px;border:4px solid var(--surface)}
.bottom-search-orb .fa-search:before{content:"\f002"}.bottom-search-action>span:last-child{margin-top:-2px}

/* Professional Kiosk */
.kiosk-page{display:grid;gap:18px}.kiosk-page.hidden{display:none!important}.kiosk-pro-head{margin-bottom:0!important}
.msn-kiosk-tabs{position:sticky;top:0;z-index:6;background:var(--bg);padding:6px 0;display:flex;gap:8px;overflow:auto;scrollbar-width:none}.msn-kiosk-tabs::-webkit-scrollbar{display:none}.msn-kiosk-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:800;white-space:nowrap}.msn-kiosk-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.kiosk-local-section,.kiosk-discovery-section,.kiosk-cascade-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--et-soft-shadow);min-width:0}
.kiosk-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.kiosk-section-title h3{margin:4px 0 2px;font-size:1.3rem}.kiosk-section-title p{margin:0;color:var(--muted);font-size:.86rem}.kiosk-scroll-btn,.kiosk-carousel-actions button,.reader-discovery-head button{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);display:grid;place-items:center;cursor:pointer}.kiosk-carousel-actions{display:flex;gap:7px}
.kiosk-local-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:12px;margin-bottom:14px;min-width:0}.kiosk-local-lead{position:relative;min-height:330px;border:0;border-radius:16px;overflow:hidden;padding:0;background:#14171a;color:#fff;text-align:left;cursor:pointer}.kiosk-local-lead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kiosk-local-lead:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.kiosk-local-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px;display:grid;gap:7px}.kiosk-local-overlay small{font-size:.75rem;color:rgba(255,255,255,.82)}.kiosk-local-overlay strong{font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.08}.kiosk-local-overlay em{font-style:normal;font-size:.84rem;color:rgba(255,255,255,.86)}
.kiosk-local-side{display:grid;gap:8px}.kiosk-local-side>button{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:14px;padding:8px;text-align:left;cursor:pointer}.kiosk-local-side img{width:96px;height:78px;border-radius:10px;object-fit:cover}.kiosk-local-side span{min-width:0}.kiosk-local-side small{display:block;color:var(--muted);font-size:.67rem;margin-bottom:4px}.kiosk-local-side strong{font-size:.82rem;line-height:1.25;display:block}
.kiosk-empty{min-height:160px;display:grid;place-items:center;text-align:center;color:var(--muted);gap:8px}.kiosk-empty i{font-size:1.6rem;color:var(--brand)}
.kiosk-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,27%);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}.kiosk-carousel>*{scroll-snap-align:start}.kiosk-carousel-card,.kiosk-discovery-card{display:grid;grid-template-rows:132px auto auto auto;gap:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);padding:0 0 12px;text-align:left;overflow:hidden;cursor:pointer}.kiosk-carousel-card img,.kiosk-discovery-card img{width:100%;height:132px;object-fit:cover}.kiosk-carousel-card>span,.kiosk-carousel-card>strong,.kiosk-carousel-card>small,.kiosk-discovery-card>span,.kiosk-discovery-card>strong,.kiosk-discovery-card>small{margin-inline:12px}.kiosk-carousel-card>span,.kiosk-discovery-card>span{color:var(--brand);font-size:.66rem;font-weight:800;text-transform:uppercase}.kiosk-carousel-card>strong,.kiosk-discovery-card>strong{font-size:.88rem;line-height:1.28}.kiosk-carousel-card>small,.kiosk-discovery-card>small{color:var(--muted);font-size:.68rem}.kiosk-discovery-card .kiosk-card-topic{margin-top:9px}
.kiosk-cascade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kiosk-cascade-column{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-2)}.kiosk-cascade-column>header{display:flex;align-items:center;gap:9px;padding:12px 13px;border-bottom:1px solid var(--border)}.kiosk-cascade-column>header i{color:var(--brand)}.kiosk-cascade-column>button{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;align-items:center;padding:9px 11px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer}.kiosk-cascade-column>button:last-child{border-bottom:0}.kiosk-cascade-column img{width:72px;height:54px;object-fit:cover;border-radius:8px}.kiosk-cascade-column small{display:block;color:var(--muted);font-size:.63rem}.kiosk-cascade-column strong{font-size:.76rem;line-height:1.25;display:block;margin-top:2px}

/* Rich article reader */
.reader-opinion,.reader-discovery-section{margin:24px 34px 0;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.reader-opinion h2,.reader-discovery-head h2{margin:4px 0 6px;font-size:1.2rem}.reader-opinion p{margin:0;color:var(--muted);font-size:.84rem}.reader-opinion-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.reader-opinion-actions button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 13px;font-weight:700;cursor:pointer}.reader-opinion-actions button.active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 35%,var(--border));color:var(--brand)}#readerOpinionStatus{display:block;color:var(--brand);font-weight:700;margin-top:10px}
.reader-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.reader-discovery-head>div:last-child{display:flex;gap:7px}.reader-discovery-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,31%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.reader-discovery-card{scroll-snap-align:start;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);padding:0 0 12px;text-align:left;overflow:hidden;cursor:pointer;display:grid;gap:6px}.reader-discovery-card img{width:100%;height:120px;object-fit:cover}.reader-discovery-card>*:not(img){margin-inline:12px}.reader-discovery-meta{margin-top:8px!important;color:var(--muted);font-size:.65rem}.reader-discovery-card strong{font-size:.86rem;line-height:1.28}.reader-discovery-card small{font-size:.68rem;color:var(--muted);line-height:1.35}
.reader-outline nav button{display:block;width:100%;border:0;background:transparent;color:var(--brand);text-align:left;padding:8px 0;cursor:pointer;font:inherit}

/* Share sheet must always sit above every reader/fullscreen layer. */
.share-dialog-layer{z-index:2147483645!important;background:rgba(7,12,20,.72)!important;backdrop-filter:blur(12px)!important}
.share-dialog-panel{z-index:2147483646!important;position:fixed!important;top:max(18px,env(safe-area-inset-top))!important;left:50%!important;transform:translateX(-50%)!important;bottom:auto!important;width:min(620px,calc(100vw - 22px))!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;background:var(--surface)!important;opacity:1!important}
.social-grid-branded .social-btn{background:var(--surface-2)!important}.social-grid-branded .social-svg{display:block!important;width:25px!important;height:25px!important;overflow:visible}.social-grid-branded .social-svg path{fill:currentColor}.social-whatsapp{color:#168c4c!important}.social-facebook{color:#1877f2!important}.social-telegram{color:#229ed9!important}.social-linkedin{color:#0a66c2!important}.social-x{color:#111!important}html[data-theme="dark"] .social-x{color:#fff!important}

@media(max-width:1050px){
  .kiosk-carousel{grid-auto-columns:minmax(220px,40%)}.kiosk-local-hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}.kiosk-cascade{grid-template-columns:1fr 1fr}.kiosk-cascade-column:last-child{grid-column:1/-1}
  .reader-discovery-carousel{grid-auto-columns:minmax(220px,42%)}
}
@media(max-width:800px){
  .msn-search{grid-template-columns:32px minmax(0,1fr) auto auto!important}.msn-search .search-validate{min-width:44px;width:44px;padding:0}.msn-search .search-validate span{display:none}.msn-search .search-leading-icon{display:none}.msn-search{grid-template-columns:minmax(0,1fr) auto auto!important}.msn-search input{grid-column:1!important}.msn-search .clear-search{grid-column:2}.msn-search .search-validate{grid-column:3}
  .msn-top-weather{margin-inline:0}.msn-top-weather>a{padding:12px 14px}.msn-top-weather-main span:not(.weather-badge){display:none}
  .kiosk-local-section,.kiosk-discovery-section,.kiosk-cascade-section{padding:14px;border-radius:16px}.kiosk-local-hero{grid-template-columns:1fr}.kiosk-local-side{grid-template-columns:repeat(3,minmax(0,1fr))}.kiosk-local-side>button{grid-template-columns:1fr;align-content:start}.kiosk-local-side img{width:100%;height:100px}.kiosk-carousel{grid-auto-columns:minmax(210px,68%)}.kiosk-cascade{grid-template-columns:1fr}.kiosk-cascade-column:last-child{grid-column:auto}.reader-opinion,.reader-discovery-section{margin-inline:18px;padding:16px}.reader-discovery-carousel{grid-auto-columns:minmax(210px,72%)}
}
@media(max-width:520px){
  .msn-top-weather-main{gap:8px}.weather-badge{width:34px;height:34px}.msn-top-weather-now{gap:7px}.msn-top-weather-now b{font-size:1.1rem}.msn-top-weather-now .weather-icon{font-size:1.35rem}.weather-open{display:none}
  .msn-mobile-nav{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;border-radius:22px!important}.msn-mobile-nav .bottom-item{min-height:52px!important}.bottom-search-orb{width:44px;height:44px;margin-top:-20px}
  .kiosk-section-title{align-items:flex-start}.kiosk-section-title h3{font-size:1.08rem}.kiosk-local-lead{min-height:260px}.kiosk-local-side{display:grid;grid-template-columns:1fr}.kiosk-local-side>button{grid-template-columns:92px minmax(0,1fr)}.kiosk-local-side img{width:92px;height:72px}.kiosk-carousel{grid-auto-columns:82%}.reader-opinion-actions{display:grid;grid-template-columns:1fr}.reader-opinion-actions button{justify-content:flex-start}.reader-discovery-carousel{grid-auto-columns:84%}.share-dialog-panel{top:max(8px,env(safe-area-inset-top))!important;width:calc(100vw - 12px)!important;max-height:calc(100dvh - 16px)!important;border-radius:18px!important}
}