/* Ajustes customizados para a landing page Maxxitel */

header img {
    /* Logo centralizada e responsiva */
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.card {
    border-radius: 1rem;
}

.card-title {
    color: var(--cor-primaria);
}

.navbar.fixed-bottom {
    /* Barra de atalhos sempre visível */
    z-index: 1030;
}

/* Responsividade extra para pacotes */
@media (max-width: 767px) {
    .card-title {
        font-size: 1.5rem;
    }
}

/* DARK MODE */
body.dark-mode {
    background: #181a1b !important;
    color: #e0e0e0 !important;
}
body.dark-mode .navbar,
body.dark-mode .navbar.bg-white,
body.dark-mode .navbar-light {
    background: #23272b !important;
    color: #e0e0e0 !important;
}
body.dark-mode .navbar .nav-link,
body.dark-mode .navbar .navbar-brand {
    color: #e0e0e0 !important;
}
body.dark-mode .card {
    background: #23272b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
body.dark-mode .card-title,
body.dark-mode .card-text {
    color: #e0e0e0 !important;
}
body.dark-mode .alert {
    background: #23272b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
body.dark-mode .accordion-button {
    background: #23272b !important;
    color: #e0e0e0 !important;
}
body.dark-mode .accordion-item {
    background: #23272b !important;
    color: #e0e0e0 !important;
}
body.dark-mode .bg-light,
body.dark-mode .navbar.fixed-bottom {
    background: #23272b !important;
    color: #e0e0e0 !important;
}
body.dark-mode footer.bg-dark {
    background: #111 !important;
    color: #e0e0e0 !important;
}
body.dark-mode input,
body.dark-mode textarea {
    background: #23272b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
body.dark-mode .btn-outline-primary {
    color: #e0e0e0 !important;
    border-color: #888 !important;
}
body.dark-mode .btn-outline-dark {
    color: #e0e0e0 !important;
    border-color: #888 !important;
}
body.dark-mode .btn-primary {
    background: #4CAF50 !important;
    border-color: #4CAF50 !important;
}
body.dark-mode .form-label {
    color: #e0e0e0 !important;
}
body.dark-mode .ratio {
    background: #23272b !important;
}

/* DARK MODE para os cards de planos */
body.dark-mode .plano-box {
    background: #23272b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
body.dark-mode .plano-titulo .plano-numero {
    color: #90caf9 !important;
}
body.dark-mode .plano-titulo .plano-nome {
    color: #ce93d8 !important;
}
body.dark-mode .plano-beneficios li {
    color: #e0e0e0 !important;
}
body.dark-mode .plano-preco h2 {
    color: #90caf9 !important;
}
body.dark-mode .plano-botao a {
    background-color: #4caf50 !important;
    color: #fff !important;
}
body.dark-mode .plano-botao a:hover {
    background-color: #388e3c !important;
}
body.dark-mode .plano-nota p {
    color: #bdbdbd !important;
}

body.dark-mode .banner-header {
    background-color: #181a1b !important;
}

body.dark-mode .navbar-toggler {
    background: #333 !important;
    border-color: #888 !important;
}
body.dark-mode .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28 224,224,224, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}