body {
    background		: #f4f6f9; /* Cor de fundo padrão do AdminLTE */
    min-height		: 100vh;
    display		    : flex;
    align-items		: center;
    justify-content	: center;
    margin		    : 0;
}
.main-container {
    padding-top	: 0; /* Remove padding superior */
    width		: 100%;
}
.header-container {
    display			: flex;
    justify-content	: space-between;
    width			: 83%; /* Ajustado para alinhar com os cards */
    margin			: 0 auto 20px;
}
/* Logomarca alinhada à esquerda sobre o login-card */
.brand-logo {
    width           : 100%;
    text-align      : center;
    margin-bottom   : 30px; /* Espaço entre logo e card */
}
.brand-header {
    margin-bottom   : 20px;
    text-align      : center;
    width           : 100%;
}
.login-card, .welcome-card {
    height		    : 100%;
    border-radius	: 10px;
    box-shadow		: 0 4px 20px rgba(0, 0, 0, 0.1);
    min-height		: 374px; /* Ajuste conforme necessário */
    height		    : auto;
}
.welcome-card {
    background: transparent !important;
    box-shadow: none !important;
}
/* Título alinhado à direita sobre o welcome-card */
.welcome-title {
    width		    : 100%;
    text-align		: left;
    color		    : #052802;
    margin-bottom	: 30px; /* Mesma margem que a logo */
    margin-top		: 45px; /* Compensação para alinhar com o login */
}
/* Ajuste do welcome-card para largura total */
.welcome-card .card-body {
    padding: 0 !important; /* Remove padding interno */
}
/* Ajuste para garantir alinhamento vertical dos cards */
.row.justify-content-center {
    align-items: flex-start; /* Alinha os cards pelo topo */
}
/* Container da logomarca e título */
.header-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px; /* Ajuste conforme necessário */
    margin: 0 auto 20px;
}
.rounded-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.feature-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    text-align: left;
    transition: transform 0.3s;
}
.feature-card .card-body {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
}
.feature-card i {
    font-size: 2rem;
    color: #28a745 !important; /* Verde do Bootstrap (success) */
}
.feature-card:hover {
    transform: translateY(-5px);
}



/* ====================== BUTTON ========================= */


.container-login100-form-btn {
    width           : 100%;
    display         : flex;
    justify-content : center;
}

button {
    outline     : none !important;
    border      : none;
    background  : transparent;
    cursor      : pointer;
}

/* ===== BOTÃO PULSAR ===== */
.btn {
    position        : relative;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    padding         : 12px 20px;
    font-size       : 18px;
    color           : #fff;
    background      : green;
    border          : none;
    border-radius   : 6px;
    cursor          : pointer;
    overflow        : hidden;
    width           : 100%;
    height          : 50px;
}

.btn:hover { 
    background  : #052802; 
    color       : #fff;
}

.btn:focus { background: #052802; }

.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.hidden {
    display: none !important;
}

.loader-button {
    display         : flex;
    position        : absolute;
    left            : 0; right: 0; top: 0; bottom: 0;
    justify-content : center;
    align-items     : center;
}

.loader-button.hidden {
    display: none !important;
}

.spinner-sm {
    height          : 20px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.spinner-sm > div {
    display             : block;
    margin-left         : 4px;
    width               : 4px;
    height              : 20px;
    background-color    : #fff;
    animation           : sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner-sm .rect2 { animation-delay: -1.1s; }
.spinner-sm .rect3 { animation-delay: -1.0s; }
.spinner-sm .rect4 { animation-delay: -0.9s; }
.spinner-sm .rect5 { animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
    0%, 40%, 100% { transform: scaleY(.4); }
    20% { transform: scaleY(1); }
}