.elementor-17 .elementor-element.elementor-element-d873410{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a22010d *//* =========================================================
   VOICEX TELECOM - PALETA REAL SLATE TECH (FUNDO MAIS CLARO)
   - Fundo Principal (Canvas): #141820 (Cinza ardósia suave)
   - Cards / Containers:       #1E2533 (Superfície nítida)
   - Hover dos Cards / Inputs: #252D3D
   - Bordas / Divisórias:     #2D3748 / #3A4659
   - Destaques / Ações:        #00E5FF (Hover: #33EBFF)
   - Texto Principal:          #F7FAFC | Secundário: #A0AEC0
   ========================================================= */

/* 1. Fundo Global do Site */
html,
body,
#page,
.site,
.site-content,
.elementor-page,
.woocommerce-page {
  background-color: #141820 !important;
  color: #F7FAFC !important;
  font-family: 'Inter', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2. Cabeçalhos e Títulos */
h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce-products-header__title {
  font-family: 'Space Grotesk', sans-serif !important;
  color: #FFFFFF !important;
  letter-spacing: -0.02em;
}

p, span, label, input, select, textarea {
  font-family: 'Inter', sans-serif !important;
}

/* 3. Containers, Cards e Caixas de Conteúdo */
.vx-card,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-order-received .woocommerce-order,
#vx-woo-catalog ul.products li.product {
  background-color: #1E2533 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

#vx-woo-catalog ul.products li.product:hover {
  background-color: #232C3D !important;
  border-color: rgba(0, 229, 255, 0.5) !important;
}

/* 4. Tabelas (Carrinho e Checkout) */
.woocommerce table.shop_table {
  background-color: #1E2533 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.woocommerce table.shop_table th {
  background-color: #181E2A !important;
  color: #00E5FF !important;
  border-bottom: 1px solid #2D3748 !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

.woocommerce table.shop_table td {
  border-top: 1px solid #283141 !important;
  color: #F7FAFC !important;
}

/* 5. Campos de Formulário e Busca */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
select,
.select2-container--default .select2-selection--single {
  background-color: #181E2A !important;
  border: 1px solid #2D3748 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
}

input:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--open .select2-selection--single {
  outline: none !important;
  border-color: #00E5FF !important;
  background-color: #1F2737 !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
}

/* 6. Botões Padronizados VoiceX (#00E5FF) */
.button.primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .checkout-button,
#place_order {
  background: #00E5FF !important;
  color: #0D1117 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 13px 24px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.25) !important;
  transition: all 0.25s ease-in-out !important;
  display: inline-block !important;
  text-decoration: none !important;
}

.button.primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .checkout-button:hover,
#place_order:hover {
  background: #33EBFF !important;
  color: #0D1117 !important;
  box-shadow: 0 0 30px rgba(0, 229, 255, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* 7. Caixas de Pagamento (PIX, Cartão, Boleto) */
.woocommerce-checkout #payment {
  background: #181E2A !important;
  border: 1px solid #2D3748 !important;
  border-radius: 12px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #2D3748 !important;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #1E2533 !important;
  color: #A0AEC0 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 8px !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #2D3748 !important;
}

/* 8. Barra de Rolagem */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  background: #141820;
}

::-webkit-scrollbar-thumb {
  background: #2D3748;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00E5FF;
}

/* 9. Seleção de Texto */
::selection {
  background-color: rgba(0, 229, 255, 0.25);
  color: #00E5FF;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   VOICEX TELECOM - CALIBRAÇÃO NANOMÉTRICA (#12151C)
   - Fundo Canvas:     #12151C (Mais um micro-degrau no escuro)
   - Superfícies/Card: #1B202A
   - Inputs/Tabelas:   #161922
   - Bordas:           #252B37 / #1D222C
   - Ciano Elétrico:   #00E5FF
   ========================================================= */

/* 1. Fundo do Canvas */
html,
body,
#page,
.site,
.site-content,
.elementor-page,
.woocommerce-page {
  background-color: #12151C !important;
  color: #F8FAFC !important;
  font-family: 'Inter', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2. Tipografia */
h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce-products-header__title {
  font-family: 'Space Grotesk', sans-serif !important;
  color: #FFFFFF !important;
  letter-spacing: -0.02em;
}

p, span, label, input, select, textarea {
  font-family: 'Inter', sans-serif !important;
}

/* 3. Cards e Contêineres */
.vx-card,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-order-received .woocommerce-order,
#vx-woo-catalog ul.products li.product {
  background-color: #1B202A !important;
  border: 1px solid #252B37 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3) !important;
}

#vx-woo-catalog ul.products li.product:hover {
  background-color: #202632 !important;
  border-color: rgba(0, 229, 255, 0.5) !important;
}

/* 4. Tabelas */
.woocommerce table.shop_table {
  background-color: #1B202A !important;
  border: 1px solid #252B37 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.woocommerce table.shop_table th {
  background-color: #161922 !important;
  color: #00E5FF !important;
  border-bottom: 1px solid #252B37 !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

.woocommerce table.shop_table td {
  border-top: 1px solid #1D222C !important;
  color: #F8FAFC !important;
}

/* 5. Inputs e Formulários */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
select,
.select2-container--default .select2-selection--single {
  background-color: #161922 !important;
  border: 1px solid #252B37 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
}

input:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--open .select2-selection--single {
  outline: none !important;
  border-color: #00E5FF !important;
  background-color: #1D222D !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
}

/* 6. Botões Padronizados VoiceX */
.button.primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .checkout-button,
#place_order {
  background: #00E5FF !important;
  color: #0D1117 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 13px 24px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.25) !important;
  transition: all 0.25s ease-in-out !important;
  display: inline-block !important;
  text-decoration: none !important;
}

.button.primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .checkout-button:hover,
#place_order:hover {
  background: #33EBFF !important;
  color: #0D1117 !important;
  box-shadow: 0 0 30px rgba(0, 229, 255, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* 7. Caixas de Pagamento */
.woocommerce-checkout #payment {
  background: #161922 !important;
  border: 1px solid #252B37 !important;
  border-radius: 12px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #252B37 !important;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #1B202A !important;
  color: #A0AEC0 !important;
  border: 1px solid #252B37 !important;
  border-radius: 8px !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #252B37 !important;
}

/* 8. Barra de Rolagem */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  background: #12151C;
}

::-webkit-scrollbar-thumb {
  background: #252B37;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00E5FF;
}

/* 9. Seleção */
::selection {
  background-color: rgba(0, 229, 255, 0.25);
  color: #00E5FF;
}/* End custom CSS */