/**
 * ============================================
 * BOTÃO GLOBAL - SOBRE E PÁGINAS NÃO-PRODUTO
 * ============================================
 * Usado em: Sobre, Política de Cookies, Política de Privacidade, Termos
 * Cores: paleta do Sobre (#1dd1a1, #54a0ff)
 */

:root {
  --btn-sobre-grad: linear-gradient(318deg, #1dd1a1 25%, #54a0ff 100%);
  --btn-sobre-grad-hover: linear-gradient(318deg, #18b892 25%, #4a8fe8 100%);
  --btn-sobre-text: #0b1020;
  --btn-sobre-text-hover: #ffffff;
  --btn-sobre-shadow: 0 4px 20px rgba(29, 209, 161, 0.35);
  --btn-sobre-shadow-hover: 0 6px 28px rgba(29, 209, 161, 0.45);
}

[data-theme="dark"] {
  --btn-sobre-text: #ffffff;
  --btn-sobre-shadow: 0 4px 20px rgba(29, 209, 161, 0.25);
  --btn-sobre-shadow-hover: 0 6px 28px rgba(84, 160, 255, 0.35);
}

/* Botão principal (CTA) - proporções do rcs-button.css */
.btn-sobre {
  display: inline-block;
  padding: 0px 13px !important;
  font-size: 0.9375rem !important;
  font-weight: 600;
  text-decoration: none;
  color: var(--btn-sobre-text);
  background: var(--btn-sobre-grad);
  border: none;
  border-radius: 12px;
  box-shadow: var(--btn-sobre-shadow);
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
  top: 10px;
  white-space: nowrap;
}

.btn-sobre:hover {
  color: var(--btn-sobre-text);
  background: var(--btn-sobre-grad-hover);
  box-shadow: var(--btn-sobre-shadow-hover);
  transform: translateY(-2px);
}

.btn-sobre:active {
  transform: translateY(0);
}

/* Variante outline */
.btn-sobre--outline {
  background: transparent;
  color: #1dd1a1;
  border: 2px solid rgba(29, 209, 161, 0.6);
  box-shadow: none;
}

.btn-sobre--outline:hover {
  background: linear-gradient(318deg, rgba(29, 209, 161, 0.15) 25%, rgba(84, 160, 255, 0.15) 100%);
  color: #54a0ff;
  border-color: rgba(84, 160, 255, 0.6);
}

[data-theme="dark"] .btn-sobre--outline {
  color: #1dd1a1;
  border-color: rgba(29, 209, 161, 0.5);
}

[data-theme="dark"] .btn-sobre--outline:hover {
  color: #54a0ff;
  border-color: rgba(84, 160, 255, 0.5);
}

/* Tamanho grande */
.btn-sobre--lg {
  padding: 18px 36px;
  font-size: 18px;
  border-radius: 14px;
}

/* Para uso na navbar (compatível com classes do menu) - proporções do rcs-button.css */
.botao-sobre-nav,
a.botao-sobre-nav {
  display: inline-block;
  padding: 0px 13px !important;
  font-size: 0.9375rem !important;
  font-weight: 600;
  text-decoration: none;
  color: var(--btn-sobre-text) !important;
  background: var(--btn-sobre-grad);
  border: none;
  border-radius: 12px;
  box-shadow: var(--btn-sobre-shadow);
  text-align: center;
  transition: all 0.3s ease;
  top: 10px;
  cursor: pointer;
}

[data-theme="dark"] .botao-sobre-nav,
[data-theme="dark"] a.botao-sobre-nav {
  color: var(--btn-sobre-text) !important;
}

.botao-sobre-nav:hover,
a.botao-sobre-nav:hover {
  color: var(--btn-sobre-text-hover) !important;
  background: var(--btn-sobre-grad-hover);
  box-shadow: var(--btn-sobre-shadow-hover);
}

[data-theme="dark"] .botao-sobre-nav:hover,
[data-theme="dark"] a.botao-sobre-nav:hover {
  color: #0b1020 !important;
}

/* Navbar: acesso ao painel — alinha com Teste Gratuito (top + altura) */
#header .wsmenu-list a.botao-nav-entrar,
#header a.botao-nav-entrar {
  position: relative;
  top: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 13px !important;
  box-sizing: border-box;
  font-size: 0.9375rem !important;
  font-weight: 600;
  line-height: normal;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
  border-radius: 12px;
  border: 2px solid rgba(29, 209, 161, 0.55);
  color: var(--btn-sobre-text) !important;
  background: transparent;
  box-shadow: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

#header .wsmenu-list a.botao-nav-entrar:hover,
#header a.botao-nav-entrar:hover {
  background: linear-gradient(318deg, rgba(29, 209, 161, 0.14) 25%, rgba(84, 160, 255, 0.14) 100%);
  border-color: rgba(84, 160, 255, 0.75);
  color: var(--btn-sobre-text) !important;
}