@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet');

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
}


.gradient-custom {
    /* fallback for old browsers */
    background: #DCC5A8;
    
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, hsla(345, 6%, 13%, 1) 0%, hsla(33, 43%, 76%, 1) 100%);
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, hsla(345, 6%, 13%, 1) 0%, hsla(33, 43%, 76%, 1) 100%);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.logo {
    width: 400px;
    height: auto;
}

.form-floating>.form-control {
    height: 80px; /* Altura do campo de entrada normal */
}

.form-control:focus {
    border-color: transparent;
    box-shadow: none;
    font-size: 22px; /* Tamanho da fonte ao focar */
    font-weight: 400;
    height: 100px; /* Altura do campo de entrada ao focar */
    padding: 15px;
}

.btn-primary {
    --bs-btn-color: #fff; /* Cor do texto */
    --bs-btn-bg: #3D3D3D; /* Cor de fundo escura */
    --bs-btn-border-color: #3D3D3D; /* Cor da borda */
    --bs-btn-hover-color: #fff; /* Cor do texto em hover */
    --bs-btn-hover-bg: #2B2B2B; /* Cor de fundo mais escura em hover */
    --bs-btn-hover-border-color: #2B2B2B; /* Cor da borda em hover */
    --bs-btn-focus-shadow-rgb: 61, 61, 61; /* Cor de destaque em foco */
    --bs-btn-active-color: #fff; /* Cor do texto quando ativo */
    --bs-btn-active-bg: #2B2B2B; /* Cor de fundo quando ativo */
    --bs-btn-active-border-color: #2B2B2B; /* Cor da borda quando ativo */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Sombra quando ativo */
    --bs-btn-disabled-color: #fff; /* Cor do texto quando desativado */
    --bs-btn-disabled-bg: #3D3D3D; /* Cor de fundo escura quando desativado */
    --bs-btn-disabled-border-color: #3D3D3D; /* Cor da borda quando desativado */
}

.btn {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 22px;
}

@media (max-width: 767px) and (orientation: landscape) {
    .logo {
        width: 130px;
        height: auto;
    }
}