/* Tema KOM Vendas: paleta do ERP. Carregar depois dos estilos originais. */
:root {
  --kom-primary: #17685d;
  --kom-hover: #12564d;
  --kom-strong: #0f453d;
  --kom-text: #203d3b;
  --kom-muted: #70827e;
  --kom-surface: #f5f7f6;
  --kom-soft: #eaf4f0;
  --kom-line: #e0e8e4;
  --kom-white: #fff;
}

/* Compatibilidade com mcustom_19.css */
span.g-menu-item-title {
  color: var(--kom-text);
}
body {
  color: var(--kom-text);
}
a {
  color: var(--kom-primary);
}
a:hover {
  color: var(--kom-text);
}
h1, h2, h3, h4, h5, h6, strong {
  color: var(--kom-text);
}
.button {
  background: var(--kom-primary);
}
.button:hover {
  background: var(--kom-hover);
}
.button:active, .button:focus {
  background: var(--kom-strong);
}
.button:disabled:hover {
  background: var(--kom-primary);
}
blockquote cite {
  color: var(--kom-text);
}
#g-navigation {
  color: var(--kom-text);
}
#g-navigation a:hover {
  color: var(--kom-text);
}
#g-navigation .g-social a {
  color: var(--kom-text);
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  background: var(--kom-surface);
}
#g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  color: var(--kom-text);
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  background: var(--kom-surface);
}
#g-navigation .search input {
  color: var(--kom-strong);
}
#g-offcanvas {
  background: var(--kom-surface);
}
#g-offcanvas .button {
  background: var(--kom-primary);
}
#g-offcanvas .button:hover {
  background: var(--kom-hover);
}
#g-offcanvas .button:active {
  background: var(--kom-strong);
}
#g-offcanvas #g-mobilemenu-container ul {
  background: var(--kom-surface);
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: var(--kom-hover);
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid var(--kom-primary);
  background: var(--kom-hover);
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: var(--kom-strong);
}
#g-header.g-fixed-active .menu-principal .g-content .btn-demonstracao {
  border: 1px solid var(--kom-primary);
  background: var(--kom-primary);
}
#g-header a {
  color: var(--kom-primary);
}
#g-header a:hover {
  color: var(--kom-text);
}
#g-header a .g-menu-item-title {
  color: var(--kom-text);
}
#g-header a .g-menu-parent-indicator {
  color: var(--kom-text);
}
#g-header li.active.g-menu-item a, #g-header li.active.g-menu-item a .g-menu-item-title {
  color: var(--kom-primary) !important;
}
#g-header .g-main-nav h1, #g-header .g-main-nav h2, #g-header .g-main-nav h3, #g-header .g-main-nav h4, #g-header .g-main-nav h5, #g-header .g-main-nav h6, #g-header .g-main-nav strong {
  color: var(--kom-text);
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: var(--kom-strong);
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: var(--kom-text);
}
#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: var(--kom-text);
}
#g-header .search input {
  color: var(--kom-strong);
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
.g-offcanvas-toggle {
  background: var(--kom-primary);
}
}
@media only all and (max-width: 30rem) {
.g-offcanvas-toggle {
  background: var(--kom-primary);
}
}
@media (max-width: 359px) {
.g-offcanvas-toggle {
  background: var(--kom-primary);
}
}
#g-showcase .button {
  background: var(--kom-primary);
}
#g-showcase .button:hover {
  background: var(--kom-hover);
}
#g-showcase .button:active {
  background: var(--kom-strong);
}
#g-showcase .showcase .btns .more a {
  background: var(--kom-primary);
}
#g-showcase .showcase .btns .more a:hover {
  background: var(--kom-hover);
}
#g-showcase .showcase .btns .domonst .bnt-demosntracao {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-hover);
}
#g-showcase .showcase .btns .domonst .bnt-demosntracao:hover {
  background: var(--kom-hover) !important;
}
#g-showcase .showcase h1 {
  color: var(--kom-primary);
  color: var(--kom-primary);
}
#g-showcase .showcase p {
  color: var(--kom-text);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
#g-showcase .g-margem .content a {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-strong);
}
#g-showcase .g-margem .content a:hover {
  background: var(--kom-strong) !important;
}
#g-showcase .btns .more a {
  background: var(--kom-primary);
}
#g-showcase .btns .more a:hover {
  background: var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao:hover {
  background: var(--kom-hover) !important;
}
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
.g-pginicio #g-showcase {
  background-image: linear-gradient(135deg, var(--kom-strong), var(--kom-primary)) !important;
}
#g-showcase .btns .more a {
  background: var(--kom-primary);
}
#g-showcase .btns .more a:hover {
  background: var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao:hover {
  background: var(--kom-hover) !important;
}
}
@media only all and (max-width: 30rem) {
.g-pginicio #g-showcase {
  background-image: linear-gradient(135deg, var(--kom-strong), var(--kom-primary)) !important;
}
#g-showcase .btns .more a {
  background: var(--kom-primary);
}
#g-showcase .btns .more a:hover {
  background: var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao:hover {
  background: var(--kom-hover) !important;
}
}
@media (max-width: 359px) {
.g-pginicio #g-showcase {
  background-image: linear-gradient(135deg, var(--kom-strong), var(--kom-primary)) !important;
}
#g-showcase .btns .more a {
  background: var(--kom-primary);
}
#g-showcase .btns .more a:hover {
  background: var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-hover);
}
#g-showcase .btns .domonst .bnt-demosntracao:hover {
  background: var(--kom-hover) !important;
}
}
#revendasoftware-slideshow h2, #revendasoftware-sobre h2, #revendasoftware-fiscal h2, #revendasoftware-vantagem h2, #revendasoftware-prints h2, #revendasoftware-autonomia h2, #revendasoftware-passos h2, #revendasoftware-formulario h2 {
  color: var(--kom-primary);
}
#revendasoftware-slideshow .btn-demonstracao .ademonstracao, #revendasoftware-sobre .btn-demonstracao .ademonstracao, #revendasoftware-fiscal .btn-demonstracao .ademonstracao, #revendasoftware-vantagem .btn-demonstracao .ademonstracao, #revendasoftware-prints .btn-demonstracao .ademonstracao, #revendasoftware-autonomia .btn-demonstracao .ademonstracao, #revendasoftware-passos .btn-demonstracao .ademonstracao, #revendasoftware-formulario .btn-demonstracao .ademonstracao {
  background: var(--kom-primary);
}
#revendasoftware-slideshow .btn-demonstracao .ademonstracao:hover, #revendasoftware-sobre .btn-demonstracao .ademonstracao:hover, #revendasoftware-fiscal .btn-demonstracao .ademonstracao:hover, #revendasoftware-vantagem .btn-demonstracao .ademonstracao:hover, #revendasoftware-prints .btn-demonstracao .ademonstracao:hover, #revendasoftware-autonomia .btn-demonstracao .ademonstracao:hover, #revendasoftware-passos .btn-demonstracao .ademonstracao:hover, #revendasoftware-formulario .btn-demonstracao .ademonstracao:hover {
  background: var(--kom-hover);
}
#revendasoftware-passos .passos .passos-content .content-right h3 strong {
  color: var(--kom-primary);
}
#revendasoftware-passos .passos .passos-content .content-left .content-item:hover .content-left-top .content-top-number {
  background: var(--kom-primary);
}
#revendasoftware-passos .passos .passos-content .content-left .content-item:hover .content-left-top .content-top-icon i {
  background: var(--kom-primary);
}
#revendasoftware-passos .passos .passos-content .content-left .content-item .content-left-top .content-top-number {
  background: var(--kom-primary);
}
#revendasoftware-passos .passos .passos-content .content-left .content-item .content-left-top .content-top-icon i {
  background: var(--kom-primary);
}
#revendasoftware-formulario .formulario .g-content .formulario-demonstracao .formulario-form .call_button {
  background: var(--kom-primary) !important;
  border: 1px solid var(--kom-strong) !important;
}
#g-feature {
  color: var(--kom-text);
}
#g-subfeature {
  color: var(--kom-text);
}
#g-page-surround h1 strong {
  color: var(--kom-primary);
}
#g-page-surround h2 {
  color: var(--kom-text);
}
#g-page-surround p {
  color: var(--kom-text);
}
#g-main {
  color: var(--kom-strong);
}
#g-sidebar, #g-aside {
  color: var(--kom-strong);
}
#g-depoimentos, #g-footer {
  background: var(--kom-surface);
}
#g-footer .g-container {
  background: var(--kom-primary);
}
#g-footer .menu-principal li.active a {
  color: var(--kom-strong);
}
#g-footer .g-block.size-100 {
  border-bottom: 1px solid var(--kom-hover);
}
#g-footer #footer-cta .particle-content .footer-cta-text p strong {
  color: var(--kom-strong);
}
#g-footer #footer-cta .particle-content .footer-cta-btn a {
  background: var(--kom-primary);
}
#g-footer #footer-cta .particle-content .footer-cta-btn a:hover {
  background: var(--kom-hover);
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
#g-footer {
  background: var(--kom-surface);
}
}
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
  background: var(--kom-primary);
}
.box3.moduletable a, .box3.widget a, .box3 > .g-content a {
  color: var(--kom-soft);
}
.box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button {
  background: var(--kom-strong);
}
.box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover {
  background: var(--kom-strong);
}
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background: var(--kom-primary);
}
.box4.moduletable a, .box4.widget a, .box4 > .g-content a {
  color: var(--kom-soft);
}
.box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button {
  color: var(--kom-surface);
  background: var(--kom-primary);
}
.box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover {
  background: var(--kom-primary);
}
textarea:focus, select[multiple=multiple]:focus {
  border-color: var(--kom-primary);
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  border-color: var(--kom-primary);
}
.sample-content .sample-icons {
  color: var(--kom-primary);
}
@media only all and (min-width: 48rem) {
.sample-content .device-promo .ipad .ipad-color {
  background: var(--kom-primary);
}
.sample-content .device-promo .iphone .iphone-color {
  background: var(--kom-primary);
}
}
.sample-content .info-box {
  background: var(--kom-surface);
}
#g-menutop .breadcrumb li.active {
  color: var(--kom-strong);
}
#g-conteudo #pg-showcase .particle-content .revenda-content h1 {
  color: var(--kom-text);
}
#g-conteudo #pg-showcase .particle-content .revenda-content .description p {
  color: var(--kom-text);
}
#g-conteudo #pg-showcase .particle-content .revenda-content .revenda-btns .cta-btn a {
  background: var(--kom-primary);
}
#g-conteudo #pg-showcase .particle-content .revenda-content .revenda-btns .cta-btn a:hover {
  background: var(--kom-hover);
}
#g-conteudo #pg-showcase .particle-content .revenda-content .revenda-btns .cta-btn-video i {
  color: var(--kom-primary);
}
#g-conteudo #pg-sobe-eagle .content .content-eagle {
  color: var(--kom-text);
}
#g-conteudo #pg-sobe-eagle .content .info-sobre .info-item .item i {
  color: var(--kom-text);
}
#g-conteudo #pg-sobe-eagle .content .info-sobre .info-item .item h3 {
  color: var(--kom-text);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .title, #g-conteudo #pg-requisitos .margem-content .particle-content .description, #g-conteudo #pg-requisitos .margem-content .particle-content .cta_title {
  color: var(--kom-text);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .card-item .card-img i {
  background: var(--kom-primary);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .card-item .card-description p {
  color: var(--kom-text);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .cta-content {
  background-color: var(--kom-soft);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .cta-content .cta-text .cta-title h3 {
  color: var(--kom-primary);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .cta-content .cta-text .cta-title h3 strong {
  color: var(--kom-strong);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .requisitos-btn .cta-btn a {
  background: var(--kom-primary);
}
#g-conteudo #pg-requisitos .margem-content .particle-content .requisitos-btn .cta-btn a:hover {
  background: var(--kom-hover);
}
#g-conteudo #pg-servidor-licenca .margem-content .particle-content .content-item .sobre-item-content h4 strong {
  color: var(--kom-text);
}
#g-conteudo #pg-servidor-licenca .margem-content .particle-content .content-item .sobre-item-content .sl-btn .cta-btn a {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-primary);
}
#g-conteudo #pg-servidor-licenca .margem-content .particle-content .content-item .sobre-item-content .sl-btn .cta-btn a:hover {
  background: var(--kom-primary);
}
#g-conteudo #pg-produtos .margem-content .particle-content h3, #g-conteudo #pg-produtos .margem-content .particle-content h4 {
  color: var(--kom-text);
}
#g-conteudo #pg-produtos .margem-content .particle-content .prodcontent .produtos-card .produtos-card-itens .card-item-link i, #g-conteudo #pg-produtos .margem-content .particle-content .prodcontent .produtos-card .produtos-card-itens .card-item-sem-link i {
  color: var(--kom-text);
}
#g-conteudo #pg-produtos .margem-content .particle-content .btns .cta-btn a {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-primary);
}
#g-conteudo #pg-produtos .margem-content .particle-content .btns .cta-btn a:hover {
  background: var(--kom-primary);
}
#g-conteudo #pg-produtos .margem-content .particle-content .btns .cta-btn.second a {
  background: var(--kom-primary);
}
#g-conteudo #pg-produtos .margem-content .particle-content .btns .cta-btn.second a:hover {
  background: var(--kom-hover);
}
#g-appmobile {
  background-color: var(--kom-soft);
}
#g-appmobile #apps-mobile h2 {
  color: var(--kom-text);
}
#g-appmobile .app-item .item .item-descricao {
  color: var(--kom-text);
}
#g-appmobile .app-item .item .link a {
  background: var(--kom-primary);
}
#g-appmobile .app-item .item .link a:hover {
  background: var(--kom-hover);
}
.g-tabs .uk-tab > li > a {
  color: var(--kom-text);
}
.g-tabs .uk-tab > li > a:hover {
  color: var(--kom-text);
}
.g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a {
  color: var(--kom-text);
}
.g-tabs .uk-tab-top .g-tab-nav.uk-active > a:before {
  border-top-color: var(--kom-primary);
}
.g-tabs .uk-tab-bottom .g-tab-nav.uk-active > a:before {
  border-bottom-color: var(--kom-primary);
}
.g-tabs .uk-tab-left .g-tab-nav.uk-active > a {
  background: var(--kom-primary);
}
#pg-vantagens .margem-content .particle-content .ctabutton-content {
  background-color: var(--kom-soft);
}
#pg-vantagens .margem-content .particle-content .ctabutton-btn .cta-btn a {
  background: var(--kom-primary);
}
#pg-vantagens .margem-content .particle-content .ctabutton-btn .cta-btn a:hover {
  background: var(--kom-hover);
}
#pg-produtos .card-item .card-title-background h2 {
  color: var(--kom-text);
}
#pg-produtos .card-item .cta-btn a {
  color: var(--kom-primary) !important;
  border: 1px solid var(--kom-primary);
}
#pg-produtos .card-item .cta-btn a:hover {
  background: var(--kom-primary);
}
#product-item {
  background-color: var(--kom-soft);
}
#product-item .margem-content .particle-content .product-text .title-top h1 {
  color: var(--kom-text);
}
#product-item .margem-content .particle-content .product-text .title h2 {
  color: var(--kom-text);
}
#product-item .margem-content .particle-content .product-btns a {
  background: var(--kom-primary);
}
#product-item .margem-content .particle-content .product-btns a:hover {
  background: var(--kom-hover);
}
#product-funcionalidades .margem-content .particle-content .funcionalidade .text-content .title-content .title h3 {
  color: var(--kom-text);
}
#planos {
  background: var(--kom-surface);
}
#product-segmentos .margem-content .particle-content .card .card-item {
  background-color: var(--kom-surface);
}
#product-segmentos .margem-content .segmentos a {
  background: var(--kom-primary);
}
#product-segmentos .margem-content .segmentos a:hover {
  background: var(--kom-hover);
}
#product-cta {
  background: var(--kom-primary);
}
#product-cta .cta-content .cta-button a {
  background: var(--kom-primary);
}
#product-cta .cta-content .cta-button a:hover {
  background: var(--kom-hover);
}
.g-videos-youtube .youtube-channel-link {
  background: linear-gradient(135deg, var(--kom-strong), var(--kom-primary));
}
.g-videos-youtube .youtube-video-frame {
  background: linear-gradient(135deg, var(--kom-strong), var(--kom-primary));
}
.g-videos-youtube .youtube-video-info h3 {
  color: var(--kom-text);
}
.g-videos-youtube .youtube-video-info p {
  color: var(--kom-text);
}

/* Compatibilidade com mcustom-joomla_19.css */
.btn-primary {
  background: var(--kom-primary);
}
.btn-primary:hover {
  background: var(--kom-hover);
}
.btn-primary:active, .btn-primary:focus {
  background: var(--kom-strong);
}
.btn-group.open .btn-primary.dropdown-toggle {
  background: var(--kom-strong);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  background-color: var(--kom-primary);
}
.btn-link {
  color: var(--kom-primary);
}
code, pre {
  color: var(--kom-text);
}
#login-form .input-prepend > .add-on {
  color: var(--kom-text);
}
#login-form input[type="text"], #login-form input[type="password"] {
  color: var(--kom-text);
}

/* Compatibilidade com custom_19.css */
#g-footer {
  background: linear-gradient(135deg, var(--kom-strong), var(--kom-primary)) !important;
}

body { color: var(--kom-text); background: var(--kom-surface); }
a { color: var(--kom-primary); }
a:hover, a:focus { color: var(--kom-hover); }
#g-page-surround, #g-header, #g-header.g-fixed-active { background-color: var(--kom-white); }
#g-header { border-bottom: 1px solid var(--kom-line); }
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container { color: var(--kom-text); }
#g-header .g-main-nav .g-toplevel > li:hover > .g-menu-item-container,
#g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: var(--kom-primary); }
#g-header .btn-demonstracao, .cta-btn a, .button { color: var(--kom-white); background-color: var(--kom-primary); }
#g-header .btn-demonstracao:hover, .cta-btn a:hover, .button:hover { color: var(--kom-white); background-color: var(--kom-hover); }
#g-footer { background: linear-gradient(135deg, var(--kom-strong), var(--kom-primary)) !important; color: var(--kom-white); }
#g-footer a:hover, #g-footer a:focus { color: #d5eee4 !important; }
#g-footer .button { background: var(--kom-white); color: var(--kom-primary) !important; border: 1px solid var(--kom-white); }
#g-footer .button:hover, #g-footer .button:focus { background: var(--kom-soft); color: var(--kom-strong) !important; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--kom-primary); outline-offset: 4px; }
#g-footer :where(a, button):focus-visible { outline-color: var(--kom-white); }
/* Contraste nos blocos com fundo verde e chamadas de acao. */
#g-header .g-main-nav .g-toplevel > li > .btn-demonstracao,
#g-header .btn-demonstracao .g-menu-item-title,
#g-header .btn-demonstracao:hover .g-menu-item-title { color: var(--kom-white) !important; }
#g-footer strong, #g-footer small, #g-footer span,
.g-videos-youtube .youtube-channel-link strong,
.g-videos-youtube .youtube-channel-link small { color: var(--kom-white) !important; }
/* Chamada principal: relevo suave, degradê verde e foco visível. */
#g-header .g-main-nav .g-toplevel > li > .btn-demonstracao,
#g-offcanvas .btn-demonstracao {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 22px !important;
  border: 1px solid rgba(16, 76, 68, .18);
  border-radius: 12px;
  background: linear-gradient(135deg, #218170 0%, #17685d 55%, #104c44 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(23, 104, 93, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
  text-decoration: none;
  font-weight: 700;
  line-height: 1.4;
  isolation: isolate;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
#g-header .btn-demonstracao::before,
#g-offcanvas .btn-demonstracao::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(115deg, rgba(255,255,255,.14), transparent 48%);
  pointer-events: none;
}
#g-header .g-main-nav .g-toplevel > li > .btn-demonstracao:hover,
#g-offcanvas .btn-demonstracao:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 10px 24px rgba(23, 104, 93, .29), inset 0 1px 0 rgba(255, 255, 255, .22);
}
#g-header .g-main-nav .g-toplevel > li > .btn-demonstracao:active,
#g-offcanvas .btn-demonstracao:active { transform: translateY(0); }
#g-header .g-main-nav .g-toplevel > li > .btn-demonstracao:focus-visible,
#g-offcanvas .btn-demonstracao:focus-visible { outline: 3px solid #9ccdbd; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  #g-header .g-main-nav .g-toplevel > li > .btn-demonstracao,
  #g-offcanvas .btn-demonstracao { transition: none; }
  #g-header .g-main-nav .g-toplevel > li > .btn-demonstracao:hover,
  #g-offcanvas .btn-demonstracao:hover { transform: none; }
}