/* ====== El color de la barra del sistema (iOS 26+) ======
         Safari ya no mira `theme-color`: mira el `background-color` del BODY.
         Con el body blanco, la franja del reloj sale BLANCA encima de una
         cabecera morada, y se lee como una separacion.

         ⚠️ VA GLOBAL, NO SOLO EN STANDALONE. Primero se puso dentro de
            `@media (display-mode: standalone)` pensando que era cosa de la app
            instalada. Miguel lo vio en Safari normal tambien ("hay una
            separacion considerable"): es el MISMO mecanismo, el navegador
            tambien pinta esa franja con el color del body.

         ✅ EL BODY NO ASOMA EN NINGUN SITIO. Verificado recorriendo los hijos
            de #wrapwrap en `/` y en `/shop`: cabecera, banda de entrega, main
            (#F2F4F5) y pie cubren el documento entero sin un solo hueco. Lo
            unico que cambia es lo que muestrea el sistema y el rebote al
            arrastrar -- que ademas casa: la cabecera y el pie son los dos
            #2E0668. */
      html, body { background-color:#2E0668; }

      /* ⚠️ menos en el editor del sitio: ahi Miguel edita sobre el lienzo y un
         fondo morado detras confunde. */
      body.editor_enable, body.editor_has_snippets { background-color:#fff; }