/* DomoCamper · Pantalla de carga (loader.php): logo fijo y barra de carga en bucle */
:root{--fondo:#f3f5f8;--azul:#0284a8;--pista:#dfe4ea}
:root[data-tema="noche"]{--fondo:#0f141c;--azul:#22a6cc;--pista:#283243}

html,body{margin:0;height:100%}
body{display:flex;align-items:center;justify-content:center;background:var(--fondo);overflow:hidden}

.logo{width:min(70vw,420px);height:auto;mix-blend-mode:multiply}
:root[data-tema="noche"] .logo{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}

/* Barra de carga en la parte inferior: se llena y vuelve a empezar */
.carga{position:fixed;left:50%;bottom:12vh;transform:translateX(-50%);width:min(60vw,320px);height:6px;border-radius:3px;background:var(--pista);overflow:hidden}
.carga div{height:100%;width:0;border-radius:3px;background:var(--azul);animation:cargar 2.8s ease-in-out infinite}

@keyframes cargar{0%{width:0}85%{width:100%;opacity:1}100%{width:100%;opacity:0}}

@media (prefers-reduced-motion:reduce){.carga div{animation-duration:6s}}