/* Bienvenida grande con el logo: es lo primero que se ve al abrir la página */
dialog#dSplash{width:min(440px,92vw);overflow:hidden}
.splash{padding:34px 26px 28px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,rgba(217,72,15,.18),transparent 70%)}
.logoGrande{width:104px;height:104px;border-radius:24px;box-shadow:0 6px 18px rgba(217,72,15,.45);animation:splashEntra .6s ease both}
.splash h2{margin:18px 0 4px;font-size:1.9rem;line-height:1.1}
.splash-lema{margin:0 0 18px;color:var(--muted);font-size:1rem}
.splash-saludo{margin:0 0 22px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:1.02rem;line-height:1.4}
.splash-btn{width:100%;padding:13px 16px;font-size:1.05rem}
@keyframes splashEntra{from{opacity:0;transform:scale(.7) rotate(-6deg)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.logoGrande{animation:none}}
/* Avisos que se muestran dentro de una ventana abierta: abajo, para no tapar el título */
dialog #toast{top:auto;bottom:14px}
.splash-btn{background:#d9480f;border-color:#d9480f;color:#fff}
.splash-btn:hover{filter:brightness(1.08)}