.hover-underline:hover {
    text-decoration: underline !important;
    opacity: 1 !important;
}

/* Texto e placeholders */
::placeholder {
    color: #1a1a1a !important;
    opacity: 0.7;
}

.form-control::placeholder {
    color: #1a1a1a !important;
}

.form-control {
    color: #000 !important;
    background-color: rgba(255,255,255,0.9) !important;
}

    .form-control:focus {
        background-color: #fff !important;
        color: #000 !important;
        box-shadow: 0 0 0 0.2rem rgba(37, 140, 251, 0.25) !important;
        border-color: #258cfb !important;
    }

/* Fundo da página */
.bg-gradient {
    background: linear-gradient(135deg, #eaf2ff 0%, #ffffff 100%) !important;
}

/* Card translúcido */
.card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Títulos */
h1.fs-2 {
    color: #000 !important;
    text-shadow: none !important;
}

p.text-white {
    color: #258cfb !important;
    opacity: 1 !important;
}

/* Links */
a {
    color: #258cfb !important;
}

    a:hover {
        color: #0d6efd !important;
    }

/* Botão verde */
.btn-success {
    background: linear-gradient(135deg, #2e8b57, #4caf50) !important;
    border: none !important;
    color: #fff !important;
}

    .btn-success:hover {
        background: linear-gradient(135deg, #256c45, #3d9e3d) !important;
    }

/* Rodapé */
small.text-white {
    color: #333 !important;
}


/*CSS DA TELA REGISTRO DE PONTO*/

@media (max-width: 576px) {
    .card-body {
        padding: 1rem !important;
    }

    input.form-control {
        font-size: 0.9rem;
    }

    .btn {
        font-size: 0.9rem;
    }
}