/* duxels.com con el header 2 de duxels-shared (0.7.0): lo que esta hoja ajusta de la portada, las páginas legales y de estado para el header y el menú comunes
   (/shared/<versión>/chrome/header2.css; el link de esta hoja va después de esa). Va aparte de mundo.css a propósito: mundo.css lo llevan LITERAL las páginas
   de respuesta del paquete (tools/test_shared_drift.mjs) y la copia de la cuenta, y ninguna de las dos tiene header 2. Todo va bajo html[data-dxh].
   El <body> ya deja el hueco de la barra (--dxh-h) y del menú (--dxh-side-w), así que se quita lo que reservaba el header viejo y lo fijo de arriba o de la
   izquierda baja o se corre. */
html[data-dxh] .privacy-main { padding-top: 40px; }
@media (max-width: 600px) { html[data-dxh] .privacy-main { padding-top: 28px; } }
html[data-dxh].static .scene:first-child { min-height: calc(100vh - var(--dxh-h)); min-height: calc(100svh - var(--dxh-h)); padding-top: 54px; }
@media (max-width: 1000px) { html[data-dxh].static .scene:first-child { min-height: 0; padding-top: 32px; } }
@media (max-width: 640px) { html[data-dxh].static .scene:first-child { padding-top: 24px; } }
/* la pista de instalar ya no cuelga de la barra: cae debajo de ella, a la derecha */
html[data-dxh] .hint-pop { position: fixed; top: calc(var(--dxh-h) + 8px); right: 16px; z-index: 25; }
/* lo fijo de la izquierda cuenta con el menú, y lo que iba bajo la barra vieja, con la nueva */
html[data-dxh] .dx-pwa { left: calc(var(--dxh-side-w) + max(12px, env(safe-area-inset-left))); }
html[data-dxh] .dx-pwa.dx-top { top: calc(var(--dxh-h) + 8px); }
@media (min-width: 1001px) { html[data-dxh].flight .scroll-hint { left: calc(var(--dxh-side-w) + clamp(18px, 6vw, 80px)); } } /* debajo de 1001 px la pista va centrada arriba, como antes */
/* el vuelo 3D es un escenario fijo a toda la ventana y la barra queda encima: el <body> no le reserva el hueco de arriba (el cálculo del recorrido parte de 0, como antes) */
html[data-dxh].flight body { margin-top: 0; }
/* una barra con fondo 100 % opaco sobre el canvas WebGL dejaba sin pintar una franja del tamaño de la barra al pie de la ventana (software GL de Chromium sin GPU,
   medido en las capturas de las pruebas); con 99 % de opacidad no se distingue y la franja no sale */
html[data-dxh] .top.dxh { background: rgba(18, 26, 51, 0.99); }
/* el footer común deja libre el riel y la burbuja del chat, que están fijos abajo a la derecha (el footer de siempre ya les dejaba su lugar) */
html[data-dxh] .foot.dxf { padding-right: max(120px, env(safe-area-inset-right)); }
@media (max-width: 1000px) { html[data-dxh] .foot.dxf { padding-right: max(16px, env(safe-area-inset-right)); padding-bottom: calc(72px + env(safe-area-inset-bottom)); } }
/* los avisos (instalar, versión nueva) dejan libre, a la derecha, el riel y la burbuja del chat flotante (100 px desde el borde en el celular, donde la burbuja se corre junto al riel) */
html[data-dxh].flight .dx-pwa, html[data-dxh].static .dx-pwa { width: min(380px, calc(100vw - var(--dxh-side-w) - 12px - 100px)); }