body {
    background-color: #f8f9fa;
}
.login-container {
    min-height: 75vh;
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.login-card {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
:root {
    --colorWeb: #6C8541;
}

.bg-web, .bg-web:hover {
    background: var(--colorWeb);

}

div.ss-main {
    /*display: block;*/
    width: 100%;
    padding:8px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

div.ss-value-text, div.ss-value {
    font-size: 14px;
    padding: 8px;
    font-weight: bold;
}
div.ss-content {
    top: 400px !important;
}

@media screen and (max-width:800px) {
   div .logoCertificado {
        width: 140px !important;
    }
}