/* Three action levels only; content and brand artwork retain their own styles. */
:root{--action-primary:#075e91;--action-secondary:#123852;--action-menu:#102c46;--action-focus:#83d5ff}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#agentes,#como-funciona-v2,#faq,#contato-v2,#rodape,.header) .action-ui{
 --action-color:var(--action-secondary);box-sizing:border-box;min-height:44px;max-width:100%;
 background:linear-gradient(110deg,var(--action-color) 0%,var(--action-color) 42%,#176d99 100%)!important;background-size:230% 100%!important;background-position:0 50%!important;
 color:#fff!important;border:1px solid #427c9e!important;border-radius:10px!important;padding:12px 18px!important;
 font-family:inherit;font-size:14px!important;font-weight:650!important;line-height:1.45!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;
 white-space:normal;overflow-wrap:normal;word-break:normal;cursor:pointer;filter:none!important;backdrop-filter:none!important;text-shadow:none!important;box-shadow:none!important;
 transition:background-position .28s ease,border-color .28s ease,box-shadow .18s ease!important;
}
body .action-ui.action-primary{--action-color:var(--action-primary)!important}
body .action-ui.action-menu{--action-color:var(--action-menu)!important}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#agentes,#como-funciona-v2,#faq,#contato-v2,#rodape,.header) .action-ui:hover{
 background-position:100% 50%!important;border-color:#81c8ec!important;filter:none!important;box-shadow:none!important;
}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#agentes,#como-funciona-v2,#faq,#contato-v2,#rodape,.header) .action-ui:active{box-shadow:inset 0 0 0 2px #9ad7f0!important;border-color:#b7e9ff!important}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#agentes,#como-funciona-v2,#faq,#contato-v2,#rodape,.header) .action-ui:focus-visible{outline:3px solid var(--action-focus)!important;outline-offset:3px;box-shadow:0 0 0 2px #06162f!important}
body .action-ui:not(.network-node){transform:none!important}
body .action-ui:not(.network-node)::before,body .action-ui:not(.network-node)::after{content:none!important}
body a.action-ui{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px}
body .action-ui[hidden]{display:none!important}
#home .actions{gap:16px!important;align-items:stretch!important;flex-wrap:wrap}
#home .actions>a.action-ui{width:330px!important;min-height:52px!important;max-width:100%!important}
.header #primary-navigation>a.action-ui{font-size:16px!important;padding:10px!important;white-space:nowrap}
.header #primary-navigation>a.action-ui.is-current{border-color:#8ec9e8!important;box-shadow:inset 0 -3px 0 #72b9df!important}
.header .menu.action-ui{padding:0!important;width:44px!important;min-width:44px!important;height:44px!important;flex:0 0 44px!important}
.header .menu.action-ui span{font-size:22px}
.header .header-cta.action-ui{font-size:12px!important;padding:10px 12px!important;white-space:nowrap}
.header .header-actions.contextual-cta-visible{visibility:hidden;pointer-events:none}
.header #primary-navigation .mobile-nav-cta.contextual-cta-visible{display:none!important}
/* The mobile contact entry replaces the desktop entry; never show both. */
@media(min-width:1241px){.header #primary-navigation .mobile-nav-only.action-ui{display:none!important}}
#setores a.action-ui{width:100%;margin-top:12px}
#para-quem .audience-toggle.action-ui{display:inline-flex;align-items:center;justify-content:center}
#para-quem .audience-details a.action-ui{width:100%}
#plataforma #platformCopy>a.action-ui{width:100%;max-width:350px;margin-top:14px}
#plataforma .dock-agent.action-ui{padding:0!important;flex:0 0 48px!important;width:48px!important;height:48px!important}
#plataforma .dock-agent.action-ui.active{border-color:#9edaff!important;box-shadow:inset 0 -3px 0 #83d5ff!important}
#dores .replay.action-ui{padding:0!important;width:44px!important;height:44px!important;border-radius:50%!important;opacity:1!important}
#dores button[data-slide].action-ui{padding:0!important;width:44px!important;height:44px!important;border-radius:50%!important;flex:0 0 44px}
#dores button[data-slide].action-ui::before{content:''!important;display:block;width:8px;height:8px;background:white;border-radius:50%;margin:auto}
#dores button[data-slide].action-ui.active{border-color:#9edaff!important;box-shadow:inset 0 0 0 2px #83d5ff!important}
/* Keep the network geometry. Apply the same secondary surface to its icon. */
#agentes .network-node.action-ui{padding:0!important;border:0!important;background:none!important;max-width:none;min-height:44px;font-size:inherit!important}
#agentes .network-node.action-ui>span{width:44px;min-height:44px;background:linear-gradient(110deg,var(--action-secondary),#176d99)!important;color:white!important;border:1px solid #427c9e;box-shadow:none!important;transform:none!important;transition:background-position .28s ease,border-color .28s ease;background-size:230% 100%!important}
#agentes .network-node.action-ui:hover>span{background-position:100% 50%!important;border-color:#81c8ec}
#agentes .network-node.action-ui.active>span{border-color:#b7e9ff;box-shadow:inset 0 -3px 0 #83d5ff!important}
#agentes .network-node.action-ui:active>span{box-shadow:inset 0 0 0 2px #83d5ff!important}
#faq button.action-ui{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin-block:8px}
#faq button.action-ui>span{flex:1;text-align:center}
#faq button.action-ui>b{color:#fff!important;flex:0 0 14px}
#faq button.action-ui[aria-expanded=true]{border-color:#9edaff!important}
#como-funciona-v2 button.action-ui{justify-content:center;gap:10px}
#rodape .footer-compact-inner>a.action-ui{
 display:inline!important;min-height:0!important;padding:0!important;margin:0!important;
 color:#edf4fa!important;font-size:12px!important;font-weight:400!important;line-height:1.65!important;text-align:inherit!important;
 background:none!important;border:0!important;border-radius:0!important;outline-offset:5px;
 box-shadow:none!important;text-shadow:none!important;filter:none!important;backdrop-filter:none!important;transform:none!important;
 transition:color .2s ease!important;
}
#rodape .footer-compact-inner>a.action-ui:hover{color:#79c5f1!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
#rodape .footer-compact-inner>a.action-ui:active{color:#9bdcff!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
@media(max-width:1240px){.header #primary-navigation>a.action-ui{justify-content:center!important;white-space:normal;min-height:48px}}
@media(max-width:600px){
 #home .actions>a.action-ui{width:100%!important}
 #contato-v2 a.action-ui{width:100%;max-width:350px}
 #plataforma #platformCopy>a.action-ui{width:min(350px,calc(100vw - 84px))!important;max-width:100%;padding-inline:12px!important}
}
@media(max-width:360px){
 #agentes .network-node.action-ui{width:72px}
 #agentes .network-node.action-ui>b{font-size:10px;line-height:1.4;font-weight:600;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#agentes,#como-funciona-v2,#faq,#contato-v2,#rodape,.header) .action-ui,
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#agentes,#como-funciona-v2,#faq,#contato-v2,#rodape,.header) .action-ui>span{transition:none!important}
}

/* Final interaction refinement: movement is limited to deliberate interaction. */
@keyframes action-gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes action-border-flow{to{transform:rotate(1turn)}}
@keyframes action-text-flow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node){position:relative;isolation:isolate;overflow:hidden}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover{
 background-image:linear-gradient(115deg,#082b49,#075e91,#168cc5,#82cdf2,#0f72aa)!important;
 background-size:320% 100%!important;animation:action-gradient-flow 4.8s ease-in-out infinite!important;
}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node)::before{
 content:""!important;position:absolute;z-index:2;inset:0;padding:1px;border-radius:inherit;pointer-events:none;
 background:conic-gradient(from 20deg,transparent 0 36%,rgba(255,255,255,.92) 43%,#7dd5ff 48%,transparent 55% 100%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
 mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
 opacity:0;transform:rotate(0);transition:opacity .22s ease!important;
}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node)::after{
 content:none!important;
}
body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover::before{opacity:.72;animation:action-border-flow 3.2s linear infinite!important}

/* Menu receives the same language at lower intensity. */
.header #primary-navigation>a.action-menu:hover{animation-duration:6.4s!important}
.header #primary-navigation>a.action-menu:hover::before{opacity:.45;animation-duration:4.5s!important}

/* Commercial CTAs have the clearest controlled edge pulse. */
body .action-ui.action-primary:hover{transform:translateY(-2px)!important}
body .action-ui.action-primary:active{transform:translateY(0)!important}
.header .header-cta,.header .mobile-nav-cta{white-space:nowrap!important}

/* Footer stays as plain institutional text. Only its glyph colour moves. */
#rodape .footer-compact-inner>a.action-ui:hover{
 color:transparent!important;background:linear-gradient(100deg,#edf4fa,#79c5f1,#1d9ed8,#edf4fa)!important;
 background-size:260% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;
 -webkit-text-fill-color:transparent!important;animation:action-text-flow 5.2s ease-in-out infinite!important;
}

@media(hover:none),(pointer:coarse){
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover{animation:none!important;background-image:linear-gradient(110deg,var(--action-color) 0%,var(--action-color) 42%,#176d99 100%)!important}
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover::before{animation:none!important;opacity:0}
 body .action-ui.action-primary:active{background-image:linear-gradient(110deg,#075e91,#249ed2,#075e91)!important;background-position:100% 50%!important}
 #rodape .footer-compact-inner>a.action-ui:hover{color:#edf4fa!important;background:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important}
}
@media(prefers-reduced-motion:reduce){
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover,
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover::before,
 #rodape .footer-compact-inner>a.action-ui:hover{animation:none!important}
 body :is(#home,#dores,#setores,#para-quem,#plataforma,#como-funciona-v2,#faq,#contato-v2,.header) .action-ui:not(.network-node):hover::before{opacity:0}
 #rodape .footer-compact-inner>a.action-ui:hover{color:#79c5f1!important;background:none!important;-webkit-text-fill-color:currentColor!important}
}