
/* V7.9: compact, accessible navigation and consistent CTAs */
.topbar{overflow:visible}
.topin{max-width:1340px;gap:24px;flex-wrap:nowrap}
.nav{gap:clamp(15px,1.7vw,27px)!important;flex-wrap:nowrap;align-items:center}
.nav>a,.nav-services>summary{font-size:14px;font-weight:750;color:#1d3654;text-decoration:none;white-space:nowrap;cursor:pointer}
.nav-services{position:relative;flex:none}
.nav-services>summary{list-style:none;padding:12px 0;display:flex;align-items:center;gap:7px}
.nav-services>summary::-webkit-details-marker{display:none}
.nav-services>summary:after{content:'⌄';font-size:16px;line-height:1;color:#1978ac}
.nav-services[open]>summary{color:#1266e5}
.nav-dropdown{position:absolute;top:100%;left:-15px;min-width:255px;padding:9px;background:#fff;border:1px solid #dae7f2;border-radius:13px;box-shadow:0 18px 40px #051f3840;z-index:80;display:grid;gap:2px}
.nav-dropdown a{display:block!important;color:#183f61!important;padding:12px 13px;text-decoration:none;font-size:14px!important;white-space:normal!important;border-radius:8px}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#eaf4ff;color:#075cc1!important}
.nav>a:hover,.nav-services>summary:hover{color:#1266e5}
.home-hero .heroactions a.hero-assistance,.home-hero .heroactions a.hero-assistance:visited{background:#1669e9!important;color:#fff!important;border:1px solid #478ffd!important;box-shadow:0 10px 26px #00132750;font-weight:800;opacity:1;text-decoration:none}
.home-hero .heroactions a.hero-assistance:hover{background:#0c50bd!important;transform:translateY(-1px)}
.remote-quick{background:#f1f7fc;padding:17px 0;border-bottom:1px solid #d5e6f3}
.remote-quick-inner{display:flex;justify-content:center;align-items:center}
.remote-quick-button,.remote-quick-button:visited{background:#0c598f!important;color:white!important;padding:12px 24px!important;box-shadow:0 6px 18px #143d6323;text-decoration:none}
.remote-quick-button:hover{background:#07416d!important;color:white!important}
.rulnexo-official-media{background:radial-gradient(circle at 50% 38%,#115a7a 0%,#062844 62%,#061c36 100%)!important;min-height:230px}
.rulnexo-official-media img{width:175px!important;height:175px!important;max-height:85%!important;object-fit:contain!important;filter:drop-shadow(0 15px 20px #00192a7b)}
.rulnexo-hero-logo{display:grid!important;place-items:center;background:radial-gradient(circle,#115172,#082f51 65%,#062444);border:1px solid #1a6586;border-radius:20px}
.rulnexo-hero-logo img{width:190px!important;height:190px!important;max-width:75%!important;max-height:75%!important;object-fit:contain!important;filter:drop-shadow(0 14px 20px #001b2f8a)}
@media(max-width:1050px){.topin{flex-wrap:wrap}.nav{flex-direction:column;align-items:stretch;gap:4px!important}.nav-services{width:100%}.nav-services>summary{padding:11px 0}.nav-dropdown{position:static;box-shadow:none;min-width:0;background:#f1f7fc;margin:3px 0 8px;padding:5px}.nav>a{padding:10px 0}.remote-quick{padding:14px 0}}

/* V7.10: botão de assistência remota no cabeçalho, sem faixa na homepage. */
.topin{gap:clamp(14px,2vw,28px)}
.topin .nav{margin-left:auto;gap:clamp(12px,1.45vw,22px)!important}
.header-remote-btn,.header-remote-btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;padding:12px 17px;background:#ee8516;color:#fff!important;border:1px solid #d8740d;border-radius:11px;font-size:14px;line-height:1.25;font-weight:800;text-decoration:none!important;white-space:nowrap;box-shadow:0 6px 14px rgba(160,76,0,.16);transition:background-color .15s ease,box-shadow .15s ease}
.header-remote-btn:hover,.header-remote-btn:focus-visible{background:#c96b0a;color:#fff!important;box-shadow:0 8px 18px rgba(160,76,0,.23)}
.header-remote-btn:focus-visible{outline:3px solid #072f59;outline-offset:3px}
@media(max-width:1170px){.topin .nav{gap:11px!important}.header-remote-btn{padding:11px 12px;font-size:12.5px}}
@media(max-width:1050px){.topin{display:flex;flex-wrap:wrap}.header-remote-btn{margin-left:auto;order:1}.mobile-menu{order:2}.nav{order:3;flex-basis:100%;margin-left:0!important}.nav:not(.open){display:none}.nav.open{display:flex}}
@media(max-width:540px){.topin{gap:10px}.brand img{width:125px}.header-remote-btn{padding:10px 10px;font-size:12px}.header-remote-btn span{display:none}.mobile-menu{padding:6px 10px}}

/* V7.11 homepage RulNexo logo */
.product-symbol-logo{display:flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;min-width:120px;}
.product-symbol-logo img{width:88px;height:88px;object-fit:contain;display:block;}
