:root{
    --bg-start: #5A2A82;
    --bg-end: #7B42B4;
    --text: #FFFFFF;
}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;}
.navirea-body{ /* si no usas esta clase, el body se puede dejar sin ella; el splash fija el fondo */ }
.splash{
    position:fixed;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    padding-top:120px;
    text-align:center;
    background: radial-gradient(circle at 50% 30%, var(--bg-end), var(--bg-start));
    z-index:9999;
    opacity:0;
    transform:scale(0.95);
    transition:opacity 450ms ease, transform 450ms ease;
}
.splash-logo{width:120px;height:120px;border-radius:22px;box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.splash-title{color:var(--text);font-size:42px;margin:6px 0 0 0;letter-spacing:2px;}
.splash-tag{color:var(--text);opacity:0.95;margin:6px 0 0 0;font-size:18px;}
.splash.show{opacity:1;transform:scale(1);}
.app{display:none;}
.app.show{display:block;}