/* =====================================================
         DARK MODE STYLES
========================================================  */

.dark-mode body {
    color: #e0e0e0;
    background-color: #121212;
}

.dark-mode html {
    background-color: #121212;
}

/* ======================= Typography Dark Mode ======================= */

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4 {
    color: #fff;
}

.dark-mode h5 {
    color: #e0e0e0;
}

.dark-mode h6 {
    color: #e0e0e0;
}

.dark-mode p {
    color: #fff;
}

.dark-mode strong {
    color: #ff7800;
}

.dark-mode strong2 {
    color: #FFCE57;
}

.dark-mode .destaque.laranja {
    color: #ff7100;
}

.dark-mode .badge {
    background-color: #ff7100;
    color: #fff;
}

/* ======================= Links Dark Mode ======================= */

.dark-mode a {
    color: #ff7800;
}

.dark-mode a:focus,
.dark-mode a:hover {
    color: #b76021;
}


.dark-mode .single-pricing-item ul li span {
    color: #fff;
    font-weight: 400;
}

.dark-mode .single-pricing-item {
    background: #000;
    border: 2px solid #ff7800;
    border-radius: 12px;
    margin-top: 42px;
    padding: 40px 0;
    position: relative;
    text-align: center;
}

.dark-mode .option-section .option-tab .nav-tabs {
    background-color: #141414;
    border: 0;
}

.dark-mode .support-section .tab-content .support-content {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    margin-top: 70px;
}

/* ======================= Buttons Dark Mode (Original Styles) ======================= */

.dark-mode .btn-default {
    font-size: 20px;
    font-weight: 600;
    color: #ff7800;
    background-color: transparent;
    border: 2px solid #ff7800;
    border-radius: 8px;
    padding: 8px 22px;
}
.dark-mode .btn-default:hover,
.dark-mode .btn-default.focus,
.dark-mode .btn-default:focus,
.dark-mode .btn-default.active,
.dark-mode .btn-default:active,
.dark-mode .open > .dropdown-toggle.btn-default,
.dark-mode .btn-default.active.focus,
.dark-mode .btn-default.active:focus,
.dark-mode .btn-default.active:hover,
.dark-mode .btn-default:active.focus,
.dark-mode .btn-default:active:focus,
.dark-mode .btn-default:active:hover,
.dark-mode .open > .dropdown-toggle.btn-default.focus,
.dark-mode .open > .dropdown-toggle.btn-default:focus,
.dark-mode .open > .dropdown-toggle.btn-default:hover,
.dark-mode .open > .dropdown-toggle.btn-primary {
    color: #FFFFFF;
    background-color: #68AB39;
    border-color: #68AB39;
}

/* Original .btn-primary styles from style.css */
.dark-mode .btn-primary {
    position: relative;
    font-size: 16px;
    background-color: #73b743;
    border: 0;
    padding: 10px 45px;
    border-radius: 3px;
    z-index: 5;
    overflow: hidden;
	box-shadow: 0 6px #68AB39;
    color: #FFFFFF; /* Ensure text color is white */
}
.dark-mode .btn-primary:hover,
.dark-mode .btn-primary.focus,
.dark-mode .btn-primary:focus,
.dark-mode .btn-primary.active.focus,
.dark-mode .btn-primary.active:focus,
.dark-mode .btn-primary.active:hover,
.dark-mode .btn-primary:active.focus,
.dark-mode .btn-primary:active:focus,
.dark-mode .btn-primary:active:hover,
.dark-mode .open > .dropdown-toggle.btn-primary.focus,
.dark-mode .open > .dropdown-toggle.btn-primary:focus,
.dark-mode .open > .dropdown-toggle.btn-primary:hover {
    background-color: #68AB39;
    top: 2px;
	-webkit-box-shadow: 0 3px #68AB39;
	box-shadow: 0 3px #68AB39;
    color: #FFFFFF; /* Ensure text color is white on hover/focus */
}
.dark-mode .btn-primary.active {
    background-color: #68AB39;
	-webkit-box-shadow: 0 5px #e2801c;
	box-shadow: 0 5px #e2801c;
    color: #FFFFFF; /* Ensure text color is white when active */
}

/* Ensure specific buttons maintain original style with white text */
.dark-mode .process-section .process-wrapper .process-content .btn,
.dark-mode .process-section .process-wrapper .process-content .btn:hover {
    color: #FFFFFF; /* For white text */
}

/* ======================= Forms Dark Mode ======================= */

.dark-mode input:-webkit-autofill,
.dark-mode textarea:-webkit-autofill,
.dark-mode select:-webkit-autofill {
    background-color: #1e293b !important;
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

.dark-mode input[type="text"],
.dark-mode input[type="password"],
.dark-mode input[type="email"],
.dark-mode input[type="url"],
.dark-mode input[type="search"],
.dark-mode textarea,
.dark-mode select {
    outline: none;
    background-color: #282828;
    color: #e0e0e0;
    border: 1px solid #444;
}

.dark-mode .form-control {
    background-color: #282828;
    color: #e0e0e0;
    border: 1px solid #444;
}

.dark-mode .form-control:focus {
    background-color: #333;
    border-color: #ff7800;
    color: #e0e0e0;
}

/* ======================= Pagination Dark Mode ======================= */

.dark-mode .bottom-nevigation .pagination li.active > a {
    background-color: #ff7800;
    border-color: #ff7800;
    color: #FFFFFF;
}

.dark-mode .bottom-nevigation .pagination li.active > a:hover,
.dark-mode .bottom-nevigation .pagination li.active > a:focus,
.dark-mode .bottom-nevigation .pagination li.active > a:active {
    background-color: #b76021;
}

.dark-mode .bottom-nevigation .pagination li a {
    color: #e0e0e0;
    background-color: #282828;
}

.dark-mode .bottom-nevigation .pagination > li > a:focus,
.dark-mode .bottom-nevigation .pagination > li > a:hover,
.dark-mode .bottom-nevigation .pagination > li > span:focus,
.dark-mode .bottom-nevigation > li > span:hover {
    background-color: #444;
    color: #e0e0e0;
}

/* ======================= Header Dark Mode ======================= */

.dark-mode .header-section .top-bar {
    background-color: #1e1e1e;
    border-bottom: 1px solid #333;
}

.dark-mode .header-section .top-bar .header-left-bar .contact-wrapper li {
    color: #e0e0e0;
}

.dark-mode .header-section .top-bar .header-left-bar .contact-wrapper li i {
    color: #e0e0e0;
}

.dark-mode .header-section .top-bar .header-right-bar .social-icon li a {
    color: #e0e0e0;
}

.dark-mode .header-section .top-bar .header-right-bar .social-icon li a:hover {
    color: #ff7800;
}

.dark-mode .header-section .top-bar .header-right-bar .access li a {
    color: #e0e0e0;
}

.dark-mode .header-section .navbar.sticky {
    background-color: #000;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5);
}

.dark-mode .sub-page .header-section .navbar {
    background-color: #1e1e1e;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li a {
    color: #e0e0e0;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li a:hover {
    color: #ff7100;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li.active a {
    color: #ff7800;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li.active-drop > a {
    color: #ff7100;
}

/* ======================= Dropdown Menus Dark Mode ======================= */

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu {
    background-color: #282828;
    border: 1px solid #444;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a {
    color: #e0e0e0 !important;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover {
    color: #ff7800 !important;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li.active a {
    color: #ff7800 !important;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu .sub-dropdown {
    background-color: #1e1e1e;
}

/* ======================= Megamenu Dark Mode ======================= */

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
    background-color: #282828;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content h4 {
    color: #ff7800;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .number,
.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .message {
    color: #b0b0b0;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {
    background-color: #282828;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a {
    color: #e0e0e0;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a:hover {
    color: #ff7800;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li.active a {
    color: #ff7800;
}

.dark-mode .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown .sub-dropdown {
    background-color: #1e1e1e;
}

/* ======================= Login Modal Dark Mode ======================= */

.dark-mode #login-modeal {
    background: #282828;
}

.dark-mode #login-modeal .logout-box {
    background-color: #73b743;
}

.dark-mode #login-modeal .search-bar {
    background-color: #1e1e1e;
}

.dark-mode #login-modeal .search-bar .modalSearchBar,
.dark-mode #login-modeal .search-bar .form-control {
    background-color: #1e1e1e;
    border: 2px solid #444;
    color: #e0e0e0;
}

.dark-mode #login-modeal .search-bar .modalSearchBar:focus,
.dark-mode #login-modeal .search-bar .form-control:focus {
    border-color: #ff7800;
}

/* ======================= Package Section Dark Mode ======================= */

.dark-mode .package-section .package-wrapper {
    border-color: #ff7800;
    background-color: #1e1e1e;
}

.dark-mode .package-section .package-wrapper:hover {
    background-color: #ff7800;
    border-color: #ff7800;
    box-shadow: 0 0 20px rgba(255, 120, 0, 0.3);
}

.dark-mode .package-section .package-wrapper .amount {
    color: #e0e0e0;
}

.dark-mode .package-section .package-wrapper .amount .link-color {
    color: #ff7800;
}

.dark-mode .package-section .package-wrapper p {
    color: #b0b0b0;
}

.dark-mode .package-section .package-wrapper:hover .amount {
    color: #1e1e1e;
}

.dark-mode .package-section .package-wrapper:hover .amount .link-color {
    color: #1e1e1e;
}

.dark-mode .package-section .package-wrapper:hover p {
    color: #1e1e1e;
}

.dark-mode .package-section .btn {
    background-color: #ff7800;
    color: #FFFFFF;
    box-shadow: 0 5px #e2801c;
}

.dark-mode .package-section .btn:hover {
    box-shadow: 0 3px #e2801c;
}

.dark-mode .package-section .btn.active:hover,
.dark-mode .package-section .btn.active.focus,
.dark-mode .package-section .btn:focus {
    background-color: #e2801c;
    box-shadow: 0 3px #e2801c;
}

.dark-mode .package-section .btn.active {
    background-color: #e2801c;
    box-shadow: 0 5px #e2801c;
}

.dark-mode .package-section .btn a {
    color: #FFFFFF;
}

/* ======================= Empresa Section Dark Mode ======================= */

.dark-mode .empresa-section .empresa-wrapper .nav-tabs {
    background-color: #ff7800;
}

.dark-mode .empresa-section .empresa-wrapper .nav-tabs li.active > a {
    background-color: #e2801c;
    color: #FFFFFF;
}

.dark-mode .empresa-section .empresa-wrapper .nav-tabs li.active > a:hover {
    background-color: #e2801c;
}

.dark-mode .empresa-section .empresa-wrapper .nav-tabs li a {
    color: #FFFFFF;
}

.dark-mode .empresa-section .empresa-wrapper .empresa-content h3 {
    color: #e0e0e0;
}

.dark-mode .empresa-section .empresa-wrapper .empresa-content p {
    color: #b0b0b0;
}

/* ======================= Team Section Dark Mode ======================= */

.dark-mode .team-section {
    background-color: #1e1e1e !important;
}

.dark-mode .team-section .section-title h2 {
    color: #e0e0e0;
}

.dark-mode .team-section .section-title p {
    color: #b0b0b0;
}

/* ======================= Chat Box Dark Mode ======================= */

.dark-mode .header-section .navbar .chat-box .btn-primary {
    background-color: #ff7800;
    color: #FFFFFF;
    box-shadow: 0 5px #e2801c;
}

.dark-mode .header-section .navbar .chat-box .btn-primary:hover {
    box-shadow: 0 3px #e2801c;
}

/* ======================= Page Title Dark Mode ======================= */

.dark-mode .page-title {
    background-color: #1e1e1e;
}

.dark-mode .page-title h4 {
    color: #e0e0e0;
}

.dark-mode .page-title h4 span {
    color: #b0b0b0;
}

.dark-mode .page-title a {
    color: #ff7800;
}

/* ======================= Additional Dark Mode Enhancements ======================= */

/* Smooth transitions for dark mode */
.dark-mode * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Scrollbar styling for dark mode */
.dark-mode ::-webkit-scrollbar {
    width: 8px;
}

.dark-mode ::-webkit-scrollbar-track {
    background: #1e1e1e;
}

.dark-mode ::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* Selection styling for dark mode */
.dark-mode ::selection {
    background-color: #ff7800;
    color: #121212;
}

.dark-mode ::-moz-selection {
    background-color: #ff7800;
    color: #121212;
}

/* Focus states for better accessibility */
.dark-mode *:focus {
    outline: 2px solid #ff7800;
    outline-offset: 2px;
}

/* Card-like elements enhancement */
.dark-mode .card,
.dark-mode .panel,
.dark-mode .well {
    background-color: #282828;
    border-color: #444;
    color: #e0e0e0;
}

/* Table styling for dark mode */
.dark-mode table {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

.dark-mode table th {
    background-color: #282828;
    color: #e0e0e0;
    border-color: #444;
}

.dark-mode table td {
    border-color: #444;
}

.dark-mode table tbody tr:hover {
    background-color: #282828;
}

/* Alert/notification styling */
.dark-mode .alert {
    background-color: #282828;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .alert-success {
    background-color: #0a3a2a;
    border-color: #0d5d4a;
    color: #82e6c2;
}

.dark-mode .alert-warning {
    background-color: #4a2a0a;
    border-color: #ff7800;
    color: #ffc282;
}

.dark-mode .alert-danger {
    background-color: #4a0a0a;
    border-color: #ff0000;
    color: #ff8282;
}

.dark-mode .alert-info {
    background-color: #0a2a4a;
    border-color: #0d4a5d;
    color: #82c2e6;
}

/* Specific section dark mode */
.dark-mode .homePageTwo .priceing-section {
    background-color: #1a1919;
}

.dark-mode .information-section .information-wrapper h3 {
  color: #fff;
}

.dark-mode .process-section .process-wrapper .process-content h3 {
  color: #fff;
}

.dark-mode .process-section .process-wrapper .process-content p {
  color: #fff;
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head,
.dark-mode .priceing-section2 .second-priceing-table .priceing-wrapper .priceing-content .priceing-head {
  background-color: #0b1519;
}

.dark-mode .priceing-section2 .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
  color: #fff4e2;
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper {
    background-color: #1e1e1e; /* Fundo do card */
    border: 1px solid #333; /* Borda sutil */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content p {
    color: #b0b0b0; /* Cor do texto da descrição */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .btn-primary {
    background-color: #73b743; /* Cor de fundo do botão */
    color: #FFFFFF; /* Cor do texto do botão */
    box-shadow: 0 6px #68AB39; /* Sombra do botão */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .btn-primary:hover {
    background-color: #68AB39; /* Cor de fundo do botão no hover */
    top: 2px;
    -webkit-box-shadow: 0 3px #68AB39;
    box-shadow: 0 3px #68AB39;
    color: #FFFFFF; /* Cor do texto do botão no hover */
}

/* Ajustes para corresponder à imagem de referência */
.dark-mode .priceing-section .second-priceing-table .priceing-wrapper {
    background-color: #1e1e1e; /* Fundo do card */
    border: 1px solid #333; /* Borda sutil */
    border-radius: 8px; /* Borda arredondada */
    overflow: hidden; /* Garante que o conteúdo não vaze */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content {
    background-color: #000 !important; /* Fundo do priceing-content */
    color: #fff !important; /* Cor do texto do priceing-content */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content p {
    color: #fff !important; /* Cor do texto da descrição */
    padding: 0 20px; /* Adiciona padding para o texto da descrição */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .btn-primary {
    background-color: #73b743; /* Cor de fundo do botão */
    color: #FFFFFF; /* Cor do texto do botão */
    box-shadow: 0 6px #68AB39; /* Sombra do botão */
    width: calc(100% - 40px); /* Ajusta a largura do botão */
    margin: 20px; /* Centraliza o botão com margem */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .btn-primary:hover {
    background-color: #68AB39; /* Cor de fundo do botão no hover */
    top: 2px;
    -webkit-box-shadow: 0 3px #68AB39;
    box-shadow: 0 3px #68AB39;
    color: #FFFFFF; /* Cor do texto do botão no hover */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content {
    padding-bottom: 20px; /* Adiciona padding na parte inferior do conteúdo */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-head .amount {
    color: #fff4e2; /* Cor do texto do valor */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-head h4 {
    color: #fff; /* Cor do título do cabeçalho */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-head p {
    color: #b0b0b0; /* Cor do texto */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head + p {
    color: #fff !important; /* Garante que o texto da descrição abaixo do cabeçalho seja branco */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content p {
    color: #fff !important; /* Garante que todos os parágrafos dentro de priceing-content sejam brancos */
}

.dark-mode .priceing-section .second-priceing-table .priceing-wrapper .priceing-content {
    background-color: #000 !important; /* Fundo do priceing-content */
}

.dark-mode .page-title {
    background-color: #000;
}

/* ========== Modo escuro refinado para cartões de preço ========== */

/* Parte superior dos cartões */
html.dark-mode .priceing-wrapper .priceing-head,
html.dark-mode .priceing-wrapper .header {
    background-color: #0b1519 !important;
}

/* Parte inferior dos cartões — inclui variantes */
html.dark-mode .priceing-wrapper .priceing-content,
html.dark-mode .first-priceing-table .priceing-wrapper .priceing-content,
html.dark-mode .second-priceing-table .priceing-wrapper .priceing-content {
    background-color: #000 !important;
    border-radius: 0 0 15px 15px;
}

/* Corrige herança de cor */
html.dark-mode .priceing-wrapper,
html.dark-mode .priceing-wrapper * {
    color: #fff !important;
}

/* Transições suaves */
.priceing-wrapper,
.priceing-wrapper * {
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

/* Remove sombras claras específicas que vêm do style.css */
html.dark-mode .priceing-section .first-priceing-table .priceing-wrapper,
html.dark-mode .priceing-section .second-priceing-table .priceing-wrapper {
    box-shadow: none !important;
}

html.dark-mode body .priceing-section .priceing-wrapper {
  box-shadow: none !important;
}

.dark-mode .option-section .option-tab .tab-content .content-wrapper p {
    color: #fff;
    margin-bottom: 0;
}

.dark-mode .information-section .information-wrapper {
    border: 2px solid #fe7101;
    padding: 30px 50px 50px;
}

.dark-mode .support-section .tab-content .support-content {
    color: #fe7101;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    margin-top: 70px;
}

.dark-mode .data-center-section .data-center-carousel .center-wrapper .link {
    color: #ff7800;
    font-size: 18px;
    font-weight: 500;
}

.dark-mode .data-center-section .data-center-carousel .center-wrapper h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    margin-top: 30px;
}

.dark-mode .data-center-section .data-center-carousel .center-wrapper {
    border: 3px solid #fe7101;
    border-radius: 8px;
    display: inline-block;
    padding: 50px 25px 60px;
}

.dark-mode .data-center-section .data-center-carousel .center-wrapper p {
    color: #fff;
    margin-bottom: 25px;
}

.dark-mode .faq-section {
    background: #1a1919;
    background-position: 60% 50%;
    background-size: cover;
    position: relative;
}

.dark-mode .faq-section .faq-wrapper h3, .support-section .tab-content .faq-wrapper h3 {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: .8px;
    line-height: 48px;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.dark-mode .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {
    background-color: #ff7800;
    color: #fff;
}

.dark-mode a[href="#top"] {
    color: #f3d925;
    display: none;
    font-size: 30px;
    padding: 10px;
    position: fixed;
    right: 40px;
}

html.dark-mode .priceing-wrapper {
  box-shadow:
    0 0 30px rgba(255, 255, 255, 0.08),
    0 0 60px rgba(255, 255, 255, 0.05) !important;
  background-color: #000 !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 8px !important;
}


/* TIRA SOMBRA HOME DESTAQUE

html.dark-mode .priceing-wrapper,
html.dark-mode .priceing-wrapper:hover,
html.dark-mode .priceing-wrapper::before,
html.dark-mode .priceing-wrapper::after {
    box-shadow: none !important;
    filter: none !important;
    background-image: none !important;
    outline: none !important;
}
*/

/* Remove bordas laranja indesejadas ao clicar ou focar */
html.dark-mode a:focus,
html.dark-mode a:active,
html.dark-mode button:focus,
html.dark-mode button:active,
html.dark-mode [tabindex]:focus,
html.dark-mode [tabindex]:active,
html.dark-mode .navbar-nav li a:focus,
html.dark-mode .navbar-nav li a:active,
html.dark-mode .nav-tabs > li > a:focus,
html.dark-mode .nav-tabs > li > a:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}


.dark-mode .priceing-section .section-title p {
    color: #fff;
}

.dark-mode .panel-default .panel-collapse .panel-body {
border: 0;
padding: 24px 40px 30px;
background-color: #121212;
}

.dark-mode .contact-section .contact-wrapper h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin: 20px 0 25px;
}

.dark-mode .contact-section .contact-wrapper .contact,
.dark-mode .find-support-section p {
  color: #fff;
}

.contact-section .contact-wrapper .contact,
.find-support-section p {
  font-size: 18px;
  line-height: 30px;
  color: #000; /* adicione isso aqui se ainda não estiver */
}

.dark-mode .single-pricing-item h1 {
  color: #ff7800;
  font-size: 70px;
  font-weight: 600;
}

.dark-mode .server-space-container .server-space-wrapper  p {
    color: #FFF;
}

.dark-mode .server-space-section4 .server-space-container .server-space-wrapper h3 {
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  line-height: 75px;
  margin: 10px 0 30px;
  position: relative;
}


.dark-mode .server-space-section4 .server-space-container .server-space-wrapper {
  background-color: #1a1919;
  border-bottom: 7px solid #fe7101;
  border-radius: 8px;
  padding: 45px 25px;
}

.dark-mode .singleTst {
    border: 3px solid #fe7101;
    border-radius: 20px;
    margin-top: 35px;
    padding: 35px 25px 25px 20px;
    position: relative;
}

/* DARK MODE PAGAMENTOS */

.dark-mode .payment-card {
  background-color: #1d1f20;
  border: 1px solid #2e2e2e;
  box-shadow: 0 0 10px rgba(90, 150, 50, 0.05);
}

.dark-mode .payment-card h4 {
  color: #a6e36f;
}

.dark-mode .payment-card p {
  color: #ccc;
}

.dark-mode .payment-card:hover {
  box-shadow: 0 0 12px rgba(90, 150, 50, 0.12);
}

/* MODO ESCURO MEU IP */
.dark-mode .container-ip-checker {
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .ip-display {
    background: #131313;
    border: 2px solid #323232;
}

.dark-mode .ip-label {
    color: #cbd5e0;
}

.dark-mode .ip-value {
    text-shadow: 0 2px 6px rgba(255, 120, 0, 0.6);
}

.dark-mode .info-section-ip-checker {
    background: #131313;
}

.dark-mode .info-text-ip-checker {
    color: #a0aec0;
}

.dark-mode .geo-info-section {
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .geo-info-item {
    background: #131313;
    border: 1px solid #323232;
}

.dark-mode .geo-info-label {
    color: #a0aec0;
}

.dark-mode .geo-info-value {
     color: #cbd5e0;
}

/* DARK MODE WHOIS */

@media (max-width: 767px) {
  .bg-dominio {
    padding: 60px 15px 40px;
  }

  .bg-dominio .searching-wrapper {
    margin-right: 0;
    text-align: center;
  }

  .bg-dominio .searching-wrapper h3 {
    font-size: 28px;
    line-height: 36px;
  }

  .bg-dominio .searching-wrapper p {
    font-size: 16px;
  }

  .bg-dominio .searching-wrapper .search-bar {
    margin-top: 30px;
  }

  .bg-dominio .searching-wrapper .search-bar .subscribeForm {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bg-dominio .searching-wrapper .search-bar .subscribeForm .domainSearchBar,
  .bg-dominio .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
    width: 100%;
    border-radius: 5px;
    margin: 6px 0;
  }

  /* Reduzindo o placeholder e padding do campo de input */
  .bg-dominio .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
    font-size: 14px;
    padding: 14px 20px;
  }

  .bg-dominio .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
    padding: 16px;
    font-size: 16px;
  }
}

.dark-mode .domainSearchBar,
.dark-mode .optionBtn {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

/* Estiliza as mensagens de sucesso/erro do PHP */
.alert {
  font-size: 16px;
  padding: 20px 25px;
  border-radius: 8px;
  margin-top: 25px;
  word-break: break-word;
  white-space: pre-line;
  max-width: 100%;
  overflow-x: auto;
}

/* Responsividade específica para telas menores */
@media (max-width: 767px) {
  .alert {
    font-size: 14px;
    padding: 16px 18px;
    border-radius: 6px;
  }

  .alert-success,
  .alert-danger {
    margin-left: auto;
    margin-right: auto;
  }

  pre,
  code {
    font-size: 13px;
    word-wrap: break-word;
    white-space: pre-wrap;
  }
}

/* DARK MODE DOMINIO */

@media (max-width: 767px) {
  .searching-wrapper h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .searching-wrapper p {
    font-size: 14px;
  }

  .subscribeForm {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .domainSearchBar,
  .optionBtn,
  .subscribeBtn {
    width: 100% !important;
    border-radius: 5px !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
  }

  .table-responsive {
    overflow-x: auto;
  }

  table.table {
    font-size: 13px;
  }
}

/* --- Estilização para Modo Escuro --- */
.dark-mode .domainSearchBar,
.dark-mode .optionBtn,
.dark-mode .subscribeBtn {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

.dark-mode .subscribeBtn {
  background-color: #5fa937 !important;
  color: #fff !important;
}

.dark-mode .table,
.dark-mode .table th,
.dark-mode .table td {
  background-color: #111 !important;
  color: #ccc !important;
  border-color: #444 !important;
}

.dark-mode .plan-label {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0 15px;
}


/* DARKMOD BARRA DOMÍNIO */

.dark-mode .gubax-domain-search-minimal {
    background: #000000;
    border-bottom-color: #000000;
}

.dark-mode .gubax-input-group-minimal {
    background: #2d2d2d;
    border-color: #404040;
}

.dark-mode .gubax-input-prefix-minimal {
    background: #3a3a3a;
    color: #b0b0b0;
    border-right-color: #404040;
}

.dark-mode .gubax-domain-input-minimal {
    color: #ffffff;
}

.dark-mode .gubax-domain-input-minimal::placeholder {
    color: #888888;
}

.dark-mode .session-page {
background: #1e1e1e !important;
}

.dark-mode .featured {
  color: #ff7100;
}

.dark-mode .navFixed{
	position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0 0 20px 0 rgba(91, 91, 91, 0.16);
    padding: 0;
    z-index: 990;
}

.dark-mode .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper {
  background-color: #ff7800;
  border-radius: 15px;
  box-shadow: 0 0 15px #844915;
  margin-left: 40px;
  margin-top: 40px;
  padding: 48px 45px 32px;
  position: relative;
}

.dark-mode .service-block {
  background: #000;
}

.dark-mode .service-tag {
 color: #fff;
}

/* Dark Mode */
.dark-mode body {
    background-color: #0d0d0d;
    color: #fff;
}

.dark-mode .left-section h1 {
    color: #fff;
}

.dark-mode .left-section p {
    color: #ccc;
}

.dark-mode .product-card {
    background: #000;
    border-left-color: #ff7800;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.05);
}

.dark-mode .product-card h3 {
    color: #fff;
}

.dark-mode .product-card p {
    color: #ccc;
}

.dark-mode .ativacao-rapida .texto-wrapper span {
  font-size: 15px;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}

.dark-mode .ativacao-rapida .icon-wrapper {
  background-color: #190e03;
  color: #ff7100;
  border-radius: 50%;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  margin-bottom: 8px;
  transition: transform 0.2s ease;
}

.dark-mode .migration-section {
  background-color: #131313;
}

 .dark-mode .feature-foguete {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: black;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.dark-mode .feature-content h3 {
  font-size: 16px;
  color: white;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.dark-mode .feature-content p {
  color: #bebebe;
  line-height: 1.5;
  font-size: 16px;
  margin-bottom: 0.5rem;
}


.dark-mode .section-foguete {
  background-color: #050d14;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 100px;
  position: relative;
}

.dark-mode .faq-header h1 {
    color: #f0f0f0;
}

.dark-mode .faq-header p {
    color: #b0b0b0;
}

.dark-mode .faq-item {
    background: #2c2c2c;
    border: 1px solid #444;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dark-mode .faq-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .faq-question {
    background: #2c2c2c;
}

.dark-mode .faq-question:hover {
    background-color: #3a3a3a;
}

.dark-mode .faq-question h3 {
    color: #f0f0f0;
}

.dark-mode .faq-icon {
    color: #b0b0b0;
}

.dark-mode .faq-answer {
    background-color: #2c2c2c;
}

.dark-mode .faq-answer p {
    color: #e0e0e0;
}
/* CSS simples para eliminar borda branca do nav */
.option-section .nav-tabs {
    border-bottom: none !important;
}

.dark-mode .option-section {
    background: #1a1a1a !important;
}

/* Dark Mode Overrides (aplicar com .dark-mod no body ou container pai) */
.dark-mode .login-overlay {
    background: rgba(0, 0, 0, 0.8); /* Mais escuro pro overlay */
}

.dark-mode .login-popup {
    background: #1c1c1e; /* Fundo dark */
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); /* Shadow mais suave */
}

.dark-mode .popup-header {
    background: linear-gradient(135deg, #c94f2a, #d87a1a); /* Gradient dark orange */
    color: #e0e0e0; /* Texto claro */
}

.dark-mode .popup-header h2 {
    color: #e0e0e0;
}

.dark-mode .close-btn {
    background: rgba(0, 0, 0, 0.2); /* Fundo escuro pro botão close */
    color: #e0e0e0;
}

.dark-mode .close-btn:hover {
    background: rgba(0, 0, 0, 0.3);
}

.dark-mode .form-group label {
    color: #ddd; /* Labels claras */
}

.dark-mode .input-wrapper input {
    background: #2d2d2d; /* Input dark */
    border-color: #444; /* Borda dark */
    color: #e0e0e0; /* Texto claro */
}

.dark-mode .input-wrapper input:focus {
    border-color: #c94f2a; /* Foco dark orange */
    background: #333; /* Fundo foco mais claro */
    box-shadow: 0 0 0 3px rgba(201, 79, 42, 0.2); /* Shadow dark */
}

.dark-mode .input-icon {
    color: #aaa; /* Ícones cinza claro */
}

.dark-mode .toggle-password {
    color: #aaa;
}

.dark-mode .toggle-password:hover {
    color: #c94f2a;
}

.dark-mode .field-error {
    color: #ff6b6b !important; /* Erro vermelho claro pro dark */
}

.dark-mode .remember-me {
    color: #bbb; /* Texto claro */
}

.dark-mode .checkmark {
    border-color: #444; /* Borda dark */
}

.dark-mode .remember-me input[type="checkbox"]:checked + .checkmark {
    background: #c94f2a; /* Check dark orange */
    border-color: #c94f2a;
}

.dark-mode .remember-me input[type="checkbox"]:checked + .checkmark::after {
    color: #1c1c1e; /* Checkmark escuro pra contrastar */
}

.dark-mode .forgot-password {
    color: #d87a1a; /* Link dark orange */
}

.dark-mode .forgot-password:hover {
    color: #ff6b35;
}

.dark-mode .login-btn,
.dark-mode .reset-btn {
    background: linear-gradient(135deg, #c94f2a, #d87a1a); /* Botão dark orange */
}

.dark-mode .login-btn:hover,
.dark-mode .reset-btn:hover {
    box-shadow: 0 8px 25px rgba(201, 79, 42, 0.4); /* Shadow dark */
}

.dark-mode .back-to-login {
    color: #bbb; /* Texto claro */
    border-color: #444; /* Borda dark */
}

.dark-mode .back-to-login:hover {
    border-color: #c94f2a;
    color: #c94f2a;
}

.dark-mode .loading-spinner {
  background: #1c1c1e;
  border-color: #1c1c1e;
}

.dark-mode .loading-spinner i {
    color: #d87a1a; /* Ícone dark orange */
}

.dark-mode .loading-spinner p {
    color: #bbb; /* Texto claro */
}

.dark-mode .popup-footer {
  background: #141416;
  padding: 20px 24px;
  border-radius: 0 0 16px 16px;
  text-align: center;
  border-top: 1px solid #232329;
}

.dark-mode .loading-spinner i {
    color: #ff6b35; /* Ícone orange vivo (sem branco) */
}

.dark-mode .loading-spinner p {
    color: #fff; /* Texto cinza claro (não branco puro) */
}

.dark-mode pre {
  background-color: #000;
  border: 1px solid #333;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  font-size: 13px;
  line-height: 1.42857143;
  margin: 0 0 10px;
  overflow: auto;
  padding: 9.5px;
  word-break: break-all;
  word-wrap: break-word;
}