/* Extra UI is scoped; desktop keeps existing layout. */
#da-app-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fffffff5;border-top:1px solid #d2d2d7;backdrop-filter:blur(18px)}
#da-app-nav a,#da-app-nav button{flex:1;max-width:200px;text-align:center;font:500 13px/1.3 system-ui,sans-serif;text-decoration:none;color:#2458b8;border:0;border-radius:12px;padding:12px 4px;background:none;min-height:44px;cursor:pointer}
#da-app-nav a:focus-visible,#da-app-nav button:focus-visible,.da-save:focus-visible{outline:2px solid #06c;outline-offset:2px}
.da-app-shell body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.da-app-shell #cmpbar{bottom:calc(66px + env(safe-area-inset-bottom))}.da-app-shell #da-cookie{bottom:calc(66px + env(safe-area-inset-bottom))}
.da-sheet-backdrop{position:fixed;inset:0;z-index:70;background:#0007;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.da-sheet{box-sizing:border-box;background:#fff;color:#1d1d1f;position:relative;width:min(620px,100%);max-height:85dvh;overflow:auto;border-radius:24px;padding:24px;box-shadow:0 16px 60px #0004}.da-sheet h2{font:700 24px/1.25 system-ui,sans-serif;margin:0 90px 18px 0}.da-sheet-close{position:absolute;right:14px;top:16px;font:14px system-ui;padding:10px 12px;min-height:44px;cursor:pointer}.da-sheet-open{overflow:hidden}.da-note{font:14px/1.5 system-ui;color:#6e6e73}.da-fav-row{display:flex;align-items:center;border-bottom:1px solid #eee;gap:12px;min-height:56px}.da-fav-row a{flex:1;color:#2458b8;text-decoration:none;padding:14px 0}.da-fav-row button{border:0;min-width:44px;min-height:44px;padding:8px;font-size:22px}.da-explore{display:grid;grid-template-columns:1fr 1fr;gap:10px}.da-explore a{padding:16px;background:#f4f4f6;border-radius:14px;text-decoration:none;color:#1d1d1f;font:500 15px/1.3 system-ui;min-height:20px}.da-save{margin:16px 0;display:block;background:#edf3ff;color:#2458b8;border:1px solid #c9dafb;border-radius:12px;min-height:44px;cursor:pointer}.da-save[aria-pressed=true]{background:#2458b8;color:white}#da-network{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:32;padding:12px;background:#fff5d7;color:#684900;border:1px solid #eed58b;border-radius:12px;font:13px/1.4 system-ui;box-shadow:0 3px 15px #0002}#da-network[hidden]{display:none}
@media(min-width:900px){#da-app-nav{left:auto;width:520px;right:20px;bottom:16px;border:1px solid #d2d2d7;border-radius:18px;padding:4px;box-shadow:0 4px 24px #0001}.da-sheet-backdrop{align-items:center}.da-app-shell #cmpbar{bottom:85px}}
@media(max-width:420px){#da-app-nav{gap:0;padding-left:4px;padding-right:4px}#da-app-nav a,#da-app-nav button{font-size:12px}.da-sheet{padding:20px}.da-explore a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.da-app-shell *{scroll-behavior:auto!important}}
.da-header-moved{display:none!important}#da-settings{position:relative;margin-left:auto}#da-settings>button{font-size:25px;min-height:46px;min-width:46px;border:0;background:#f0f1f5;color:#2458b8;padding:6px;border-radius:50%;cursor:pointer}#da-settings-panel{position:absolute;right:0;top:56px;width:240px;padding:18px;background:white;border:1px solid #ddd;border-radius:18px;box-shadow:0 12px 36px #0002;z-index:60;max-height:75dvh;overflow:auto}#da-settings-panel[hidden]{display:none}#da-settings-panel h2{font:700 20px system-ui;margin:0 0 10px}#da-settings-panel a,#da-settings-panel>button,#da-settings-panel label{display:block;width:100%;box-sizing:border-box;padding:12px 8px;text-decoration:none;color:#2458b8;font:15px system-ui;text-align:left;background:none;border:0;border-bottom:1px solid #eee;border-radius:0}#da-settings-panel select{display:block;width:100%;margin-top:8px;padding:10px;font-size:16px}#da-settings-panel button{cursor:pointer}.da-app-shell header{flex-wrap:nowrap;padding-top:max(8px,env(safe-area-inset-top))}
.da-sheet-open #da-cookie{visibility:hidden}.da-sheet-backdrop{z-index:10010}
html:has(#da-cookie) body{padding-bottom:calc(200px + env(safe-area-inset-bottom))}
@media(min-width:900px){html:has(#da-cookie) body{padding-bottom:180px}.da-app-shell #da-cookie{bottom:84px!important}}

#cmpadd{max-width:100%;box-sizing:border-box}

.da-home-menu #cats button[data-c="future"]{display:none}#da-tl-holder{max-height:38vh;overflow:auto;border-bottom:1px solid #eee;padding:8px 0}#da-tl-holder #tl{display:flex;flex-wrap:wrap;overflow:visible;border-top:0;margin-top:0;padding:4px 0}#da-tl-holder[hidden]{display:none}
#da-settings-panel{max-height:calc(100dvh - 56px - 96px)!important;overscroll-behavior:contain}html:has(#da-cookie) #da-settings-panel{max-height:calc(100dvh - 56px - 210px)!important}#da-tl-holder{max-height:34dvh}

header .wrap>#da-settings{margin-left:auto;flex-shrink:0}

/* r47: barra inferior alineada; en ordenador va en la cabecera y ya no tapa contenido */
#da-app-nav{align-items:stretch}
#da-app-nav a,#da-app-nav button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;min-height:48px;padding:6px 4px;line-height:1.2;white-space:nowrap;-webkit-appearance:none;appearance:none}
#da-app-nav.da-nav-top{position:static;left:auto;right:auto;bottom:auto;width:auto;flex:0 1 auto;margin:0 auto;padding:2px;gap:2px;border:1px solid #e5e5ea;border-radius:14px;background:#f7f7f9;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto}
#da-app-nav.da-nav-top a,#da-app-nav.da-nav-top button{flex:0 0 auto;max-width:none;min-height:40px;padding:6px 16px;font-size:14px}
#da-app-nav.da-nav-top a:hover,#da-app-nav.da-nav-top button:hover{background:#ececf0}
html.da-app-shell:has(#da-app-nav.da-nav-top) body{padding-bottom:0}
html.da-app-shell:has(#da-app-nav.da-nav-top):has(#da-cookie) body{padding-bottom:80px}
html.da-app-shell:has(#da-app-nav.da-nav-top) #da-cookie{bottom:0!important}
html.da-app-shell:has(#da-app-nav.da-nav-top) #cmpbar{bottom:16px}
html.da-app-shell:has(#da-app-nav.da-nav-top) #da-network{bottom:16px}