/* CSS crítico above-the-fold — landing index (navbar + hero) */
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:#fff;padding-top:70px;font-family:'Nunito',system-ui,-apple-system,sans-serif;color:#1a1a1a}
#logoMenu,#logoFooter{width:100px;height:auto}
.navbar{box-shadow:0 4px 8px rgba(0,175,239,.35);position:fixed;top:0;width:100%;z-index:1000}
.nav-link{color:grey;font-weight:600}
#bannerHome{display:flex;align-items:center;justify-content:space-between;width:90%;margin:0 auto}
.tituloBanner{color:#00afef;font-weight:bold;font-size:clamp(22px,4vw,32px);margin:0 0 .5em}
.txtBanner{color:#333;margin:0 0 1em}
#bannerHome picture{display:block;width:45%;flex-shrink:0}
#bannerHome picture img,#bannerHome #mockupHomeCrm{width:100%;height:auto}
#loading{background:rgba(255,255,255,.7);position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}
@media(max-width:991px){
  #bannerHome{flex-direction:column;text-align:center}
  #bannerHome picture{width:85%;margin-top:20px}
}