/* LEGROTEC Servicios SaaS v1.7.1 - rutas PWA, logout y header móvil fijo */
:root{color-scheme:light;--svc-blue:#0b82d8;--svc-blue-dark:#2946ad;--svc-orange:#f15a24;--svc-navy:#071735;--svc-bg:#f4f7fb;--svc-line:#dce6f2;--svc-header-h:58px;}
html,body{margin:0!important;color-scheme:light;}
body.servicios-app-body,body.servicios-login-body{background:var(--svc-bg)!important;color:var(--svc-navy)!important;overflow-x:hidden!important;}

/* Login: evita distorsión del logo aunque existan CSS anteriores */
body.servicios-login-body .servicios-login-shell{min-height:100svh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;background:linear-gradient(180deg,#f8fbff 0%,#eef3f9 100%)!important;}
body.servicios-login-body .servicios-login-card{width:min(410px,100%)!important;background:#fff!important;border:1px solid var(--svc-line)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(15,23,42,.10)!important;padding:28px 30px 24px!important;color:var(--svc-navy)!important;}
body.servicios-login-body .servicios-login-logo-v171{display:block!important;width:218px!important;max-width:82%!important;height:auto!important;max-height:82px!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0 auto 12px!important;transform:none!important;filter:none!important;border:0!important;background:transparent!important;}
body.servicios-login-body .servicios-module-title{color:var(--svc-navy)!important;text-align:center!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:16px!important;margin:8px 0 6px!important;}
body.servicios-login-body .servicios-module-subtitle{color:#475569!important;text-align:center!important;font-size:14px!important;margin-bottom:12px!important;}

/* Layout principal */
body.servicios-app-body .svc-shell{min-height:100svh!important;background:var(--svc-bg)!important;}
body.servicios-app-body .svc-main{min-height:100svh!important;}
body.servicios-app-body .svc-content{box-sizing:border-box!important;}
.svc-legrotec-real-logo,.svc-mobile-brand img{display:block!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;transform:none!important;filter:none!important;border:0!important;background:transparent!important;}
.svc-legrotec-real-logo{width:92px!important;max-width:92px!important;max-height:36px!important;}
.svc-sidebar-company-name{font-weight:800!important;color:#071735!important;font-size:.78rem!important;line-height:1.15!important;margin-top:4px!important;}
.svc-sidebar-footer{gap:7px!important;}
.svc-footer-version{font-size:.72rem!important;color:#667085!important;text-align:center!important;font-weight:900!important;padding:4px 0 0!important;}

@media(max-width:980px){
  body.servicios-app-body{padding-top:0!important;}
  body.servicios-app-body .svc-main{padding-left:0!important;padding-top:var(--svc-header-h)!important;width:100%!important;}
  body.servicios-app-body .svc-mobile-header{
    position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;
    height:var(--svc-header-h)!important;min-height:var(--svc-header-h)!important;max-height:var(--svc-header-h)!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    padding:6px 10px!important;box-sizing:border-box!important;
    background:#fff!important;border-bottom:1px solid var(--svc-line)!important;
    box-shadow:0 4px 14px rgba(15,23,42,.08)!important;margin:0!important;
  }
  body.servicios-app-body .svc-menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;background:#0b82d8!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;}
  body.servicios-app-body .svc-menu-toggle span{width:18px!important;height:2px!important;background:#fff!important;border-radius:999px!important;display:block!important;}
  body.servicios-app-body .svc-mobile-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1!important;}
  body.servicios-app-body .svc-mobile-brand img{width:68px!important;max-width:68px!important;max-height:28px!important;flex:0 0 auto!important;}
  body.servicios-app-body .svc-mobile-brand strong{display:block!important;color:#071735!important;font-weight:900!important;font-size:.82rem!important;line-height:1!important;white-space:nowrap!important;}
  body.servicios-app-body .svc-mobile-brand span{display:block!important;color:#475569!important;font-size:.68rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:154px!important;}
  body.servicios-app-body .svc-mobile-version{display:none!important;}
  body.servicios-app-body .svc-content{width:calc(100% - 20px)!important;margin:0 auto!important;padding-top:16px!important;padding-bottom:34px!important;}
  body.servicios-app-body h1:first-child{margin-top:0!important;}
  body.servicios-app-body .svc-sidebar{z-index:1010!important;top:0!important;bottom:0!important;}
  body.servicios-app-body .svc-sidebar-backdrop{z-index:1005!important;}
}
@media(max-width:520px){
  :root{--svc-header-h:56px;}
  body.servicios-app-body .svc-mobile-header{padding:6px 8px!important;}
  body.servicios-app-body .svc-mobile-brand img{width:64px!important;max-width:64px!important;}
  body.servicios-app-body .svc-mobile-brand strong{font-size:.78rem!important;}
  body.servicios-app-body .svc-mobile-brand span{font-size:.65rem!important;max-width:126px!important;}
  body.servicios-login-body .servicios-login-shell{align-items:flex-start!important;padding:18px 14px!important;}
  body.servicios-login-body .servicios-login-card{padding:24px 22px!important;border-radius:20px!important;}
  body.servicios-login-body .servicios-login-logo-v171{width:205px!important;max-width:82%!important;}
}


/* v1.7.1 - portal móvil separado y header sin salto */
body.servicios-app-body{padding-top:0!important;}
body.servicios-app-body .svc-mobile-header{will-change:transform!important;}
@media(max-width:980px){
  html,body{min-height:100%;background:#f4f7fb!important;}
  body.servicios-app-body .svc-main{padding-top:var(--svc-header-h)!important;}
  body.servicios-app-body .svc-mobile-header{position:fixed!important;inset:0 0 auto 0!important;transform:translateZ(0)!important;}
  body.servicios-app-body .container.svc-content{padding-top:16px!important;}
}
body.servicios-portal-body{background:#f4f7fb!important;color:#071735!important;color-scheme:light!important;margin:0!important;}
body.servicios-portal-body .servicios-login-shell{min-height:100svh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px 14px!important;background:linear-gradient(180deg,#f8fbff 0%,#eef3f9 100%)!important;}
body.servicios-portal-body .servicios-login-card{width:min(410px,100%)!important;background:#fff!important;border:1px solid #dce6f2!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(15,23,42,.10)!important;padding:24px 22px 22px!important;color:#071735!important;}
body.servicios-portal-body .servicios-login-logo-v171{display:block!important;width:205px!important;max-width:82%!important;height:auto!important;max-height:82px!important;object-fit:contain!important;margin:0 auto 12px!important;transform:none!important;filter:none!important;}
body.servicios-portal-body .servicios-module-title{color:#071735!important;text-align:center!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:15px!important;margin:8px 0 6px!important;}
body.servicios-portal-body .servicios-module-subtitle{text-align:center!important;color:#475569!important;font-size:14px!important;margin-bottom:12px!important;}
body.servicios-portal-body .servicios-login-version{text-align:center!important;margin-top:12px!important;font-size:12px!important;color:#667085!important;}