/* La apariencia final se aplica desde el HTML inicial, antes de los scripts diferidos. */
@media(min-width:761px){
 html{background:#f0f7fc;color-scheme:light}
 body.f360-shell{--f360-navy:#06253c;--f360-turquoise:#00b9b1;--f360-gold:#f1bc47;background:#f0f7fc!important;color:#112d48}
 body.f360-shell #app-sidebar{background:linear-gradient(160deg,#031c2d,#082f49)!important}
 body.f360-shell .workspace{background:linear-gradient(180deg,#eef8ff,#f6faff 65%)!important}
 /* No pintar el menú antiguo durante la construcción de la navegación actual. */
 @supports selector(:has(*)){
  body.f360-shell #app:not([hidden]):not(:has(.f360-horizontal-nav)){visibility:hidden;animation:f360-initial-fallback 0s 8s forwards}
 }
 @keyframes f360-initial-fallback{to{visibility:visible}}
}