html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* --- ESTILO DO WIZARD (MULTI-STEP FORM) --- */

.multisteps-form__progress {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.multisteps-form__progress-btn {
    transition: all 0.15s linear;
    position: relative;
    padding-top: 20px;
    color: #adb5bd; /* Cor cinza para texto inativo */
    text-indent: -9999px; /* Esconde o texto do botão, vamos usar o span */
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}

    .multisteps-form__progress-btn:before {
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        top: 9px;
        left: 0;
        background-color: #dee2e6;
    }

    .multisteps-form__progress-btn:after {
        position: absolute;
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        border: 2px solid #dee2e6;
        border-radius: 50%;
        background-color: #fff;
        z-index: 1;
    }

    .multisteps-form__progress-btn span {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        text-indent: 0;
        font-size: 0.875rem;
        font-weight: 600;
    }

    .multisteps-form__progress-btn.js-active {
        color: #344767; /* Cor escura para texto ativo */
    }

        .multisteps-form__progress-btn.js-active:before {
            background-color: #344767;
        }

        .multisteps-form__progress-btn.js-active:after {
            background-color: #344767;
            border-color: #344767;
        }

.multisteps-form__panel {
    display: none;
}

    .multisteps-form__panel.js-active {
        display: block;
    }

.wizard-header-card .card-body {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

/* --- ALTERAÇÃO SOLICITADA --- */
/* Nova classe para o cabeçalho do TAP com mais altura */
.wizard-header-card-large .card-body {
    padding-top: 2.0rem !important;
    padding-bottom: 4.0rem !important;
}
/* --- FIM DA ALTERAÇÃO --- */

/* Sobrescreve a cor principal dos botões para o tom escuro padrão */
.btn-primary, .bg-gradient-primary {
    background-color: #344767 !important;
    background-image: linear-gradient(310deg, #344767, #495371) !important;
    border-color: #344767 !important;
}

/* Altera a cor dos links de Login/Registro */
.text-gradient.text-primary {
    background-image: linear-gradient(310deg, #344767, #495371) !important;
}

/* ==================================================== */
/* ============== CSS DE RECOLHER ADICIONADO ========== */
/* ==================================================== */

/* Transições Suaves */
.sidenav, .main-content, #sidebarToggle {
    transition: all 0.3s ease;
}

/* --- Estilos quando o menu está recolhido --- */

/* Encolhe o menu lateral */
body.menu-recolhido .sidenav {
    width: 90px !important; /* Força a largura */
}

/* Empurra o conteúdo principal */
body.menu-recolhido .main-content {
    margin-left: 100px; /* 90px da sidebar + 10px de margem (ms-4) */
}

/* Esconde o texto dos links, o logo e os títulos */
body.menu-recolhido .sidenav .nav-link-text,
body.menu-recolhido .sidenav .navbar-brand span,
body.menu-recolhido .sidenav .dropdown-toggle::after,
body.menu-recolhido .sidenav h6 {
    display: none;
}

/* Centraliza o logo (imagem) */
body.menu-recolhido .sidenav .navbar-brand {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

/* Centraliza os links de navegação */
body.menu-recolhido .sidenav .nav-link {
    justify-content: center;
}

/* Remove a margem do ícone quando o texto some */
body.menu-recolhido .sidenav .icon {
    margin-right: 0 !important;
}

/* Gira o ícone de toggle (setas) */
body.menu-recolhido #sidebarToggle {
    transform: rotate(180deg);
}