/* Pantalla de carga: un solo color y una barra fina que avanza (patrón de starnutrition.com.ar, con colores de Suplenu). */
.transition-cover{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1000;background:#e4f3f1;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;animation:cover-fallback 0s 12s forwards}
.loading-bar{width:13rem;height:.2rem;border-radius:.2rem;background:#c2dedb;position:relative;overflow:hidden}
.loading-bar::after{content:"";position:absolute;height:100%;width:6.8rem;border-radius:.2rem;background:#29383e;transform:translateX(-3.4rem);animation:initial-loading 1.5s ease infinite}
@keyframes initial-loading{0%{transform:translateX(-3.4rem)}50%{transform:translateX(9.6rem)}100%{transform:translateX(-3.4rem)}}
/* Si el script de carga no llega a ejecutarse, la cubierta se retira sola a los 12 segundos. */
@keyframes cover-fallback{to{opacity:0;visibility:hidden}}
.loaded .transition-cover{opacity:0;visibility:hidden;animation:none}
.unloading .transition-cover{opacity:1;visibility:visible;animation:none}
.unloading.loaded .loading-bar{display:none}
@media(prefers-reduced-motion:reduce){.loading-bar::after{animation:none;transform:translateX(3.1rem)}.transition-cover{transition:none}}