.btn {
        padding: 14px 28px; border: none; border-radius: 8px; cursor: pointer;
        font-size: 16px; font-weight: 600; transition: all .3s;
        width: 100%; margin-bottom: 10px;
    }

    .btn-primary { background: var(--action-blue); color: #fff; }
    .btn-primary:hover { background: var(--action-blue-hover); }

    .btn-secondary { background-color: #555; color: #ccc; cursor: not-allowed; }
    .btn-secondary:not([disabled]) { background-color: var(--action-green); color: #fff; cursor: pointer; }
    .btn-secondary:not([disabled]):hover { background-color: var(--action-green-hover); }

    .btn-back { background: transparent; border: 1px solid var(--border-color); color: #FFFFFF; display: block; text-align: center; margin-top: 20px; text-decoration: none; }
    .btn-back:hover { background: var(--border-color); color: var(--text-primary); }
    .tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px; }
    .tipo-btn {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 12px; padding: 25px 20px; border: 2px solid var(--border-color);
        border-radius: 12px; background: transparent; cursor: pointer; font-size: 14px;
        font-weight: 500; color: var(--text-primary); transition: all .3s ease; min-height: 180px;
    }
    .tipo-btn:hover { border-color: var(--action-blue); background: #2a2a3a; transform: translateY(-2px); color: var(--text-primary); }
    .tipo-btn svg { width: 60px; height: 60px; color: var(--text-secondary); }

    .upload-area {
        border: none; border-radius: 8px; padding: 14px 28px; text-align: center;
        cursor: pointer; transition: all .3s; margin-bottom: 20px;
        background: var(--action-blue); color: #fff; width: 100%; margin-top: 10px;
    }
    .upload-area:hover { background: var(--action-blue-hover); }
    .upload-area p { margin: 0; }
    .upload-area input { display: none; }
    #prosseguirBtn { transition: background-color .3s ease, opacity .3s ease, box-shadow .3s ease; }
    #prosseguirBtn:not([disabled]) { background-color: var(--action-blue); cursor: pointer; animation: pulse-blue 2s infinite; }
    #prosseguirBtn:not([disabled]):hover { filter: brightness(1.15); animation: none; }
    @keyframes pulse-blue { 0% { box-shadow: 0 0 0 0 rgba(74, 144, 226, .6); } 70% { box-shadow: 0 0 0 10px rgba(74, 144, 226, 0); } 100% { box-shadow: 0 0 0 0 rgba(74, 144, 226, 0); } }