.gradient-bg {
    background: linear-gradient(to right, #3b82f6, #2563eb); /* azul gradiente */
}


input,
input[type="password"],
select,
textarea {
    display: flex; /* flex */
    height: 2.5rem; /* h-10 */
    width: 100%; /* w-full */
    border-radius: 0.375rem; /* rounded-md = 6px */
    border: 1px solid #d1d5db; /* border, com cor padrão */
    background-color: #f9fafb; /* bg-background (cinza claro) */
    padding: 0.5rem 0.75rem; /* px-3 py-2 */
    font-size: 1rem; /* text-base */
    line-height: 1.5rem; /* alinhamento do texto */
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

input::file-selector-button {
    border: none; /* file:border-0 */
    background: transparent; /* file:bg-transparent */
    font-size: 0.875rem; /* file:text-sm */
    font-weight: 500; /* file:font-medium */
    color: #374151; /* file:text-foreground */
}

::placeholder {
    color: #9ca3af; /* placeholder:text-muted-foreground */
}

input:focus,
select:focus,
textarea:focus {
    outline: none; /* focus-visible:outline-none */
    border-color: #3b82f6; /* focus-visible:ring-ring (blue-500) */
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); /* focus-visible:ring-2 */
    outline-offset: 2px; /* focus-visible:ring-offset-2 */
}

input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed; /* disabled:cursor-not-allowed */
    opacity: 0.5; /* disabled:opacity-50 */
}

@media (min-width: 768px) {
    input,
    select,
    textarea {
        font-size: 0.875rem; /* md:text-sm */
    }
}