html, body { margin: 0; background: #FAF8F3; }
/* Pantalla de carga mientras arranca Flutter (se retira sola en el primer fotograma) */
#splash { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; background: #FAF8F3; z-index: 10; transition: opacity .45s ease; }
#splash img { width: 132px; height: 132px; animation: pulse 2.2s ease-in-out infinite; }
#splash .bar { width: 120px; height: 2px; background: #E8E2D4; overflow: hidden; border-radius: 2px; }
#splash .bar::after { content: ""; display: block; width: 40%; height: 100%; background: #D9A21E; animation: slide 1.4s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { transform: scale(1); opacity: .92; } 50% { transform: scale(1.04); opacity: 1; } }
@keyframes slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(300%); } }